HTML5 Canvas mp3 audio not supported crossbrowser and crossplatform

[Hans Kroll]

Hello,

When publishing and testing my project on different browsers and platforms, the audio doesn't always play. Here's some more info:

Software:

• Adobe Animate CC 2017.2 build 16.2.0.24

Framework:

• HTML5 Canvas
• sound sync as event

Audio file:

• mp3
• 96 kb/s
• 1 channel
• 44.1kHz

Works in:

• Desktop, Windows 10: Firefox 55.0.3, Chrome 61.0, Edge 40.1
• Mobile, Android 5.1.1 (MIUI 7.5): Firefox 55.0.2

Doesn't work in:

• Mobile, Android 5.1.1 (MIUI 7.5): Chrome 60.0
• Mobile, iOS 8: Firefox and Chrome

As you can see the audio plays just fine in every browser on desktop. But the audio only plays in one browser (Firefox) on mobile (Android).

Does anyone know where this problem might occur? Is it Animate? Is it HTML5? Is it the browser? Is it the platform?

Thx in advance.

[ClayUUID]

Maybe the next time you're composing a thread title, you'll consider pointing the finger of blame inward rather than outward.

[ClayUUID]

You're not testing in mobile Safari?

Anyway, all those browsers you're having trouble with supposedly do support MP3. Are you sure it's not an issue with audio not playing until the user has interacted with the content?

Media formats for HTML audio and video - HTML | MDN