I am building a multi-section, web-based, interactive presentation.
As part of testing architecture, I have two symbols, each with audio. The symbols do not overlap on the main timeline. No symbol, stage included, has autoplay enabled. Desktop browsers work as expected: after a tap on an object on the main timeline, the symbols play, with audio, in their timeline order. Mobile doesn't work as expected: only the audio of the first symbol plays. Whichever symbol appears first in the timeline gets its audio played. The second symbol's audio does not play, even after changing the symbol order and adding a sym.stop() and another tap after the first symbol finishes.
Should I try to get a symbol to assign itself to whatever audio channel the mobile browser has configured for the first symbol? From the "Mobile Considerations" section on this page (bottom), it sounds like this reassignment would happen automatically. Am I configuring something incorrectly?
In a related matter, how do I make sure the audio is synced with the animation?
Here is a link to an example.