No sound in HTML 5 with latest safari, previous solution not working

[Marald Bes]

Since the latest update of Safari, audio in HTML 5 export from Animate is not playing anymore. This was already the case with iOS but I built in a detection for iOS that showed a play button. After press the audio did sound. I\ve now included safari in the detection loop but in the latest safari does not work.

How do I start playing with audio with user consent? Should I disable autoplay altogether? But then all people with other browsers will have to push to start as well, while this is normally not the case.

[Preran]

Not the expert here, but does this solution help? javascript - HTML5 Audio object doesn't play in Safari - Stack Overflow

Thanks,

Preran

[Marald Bes]

Thanks, but this thread is talking about Safari 5 and is from 2010, the current version just released of Safari is12.0.1.

It is related to the muting of autoplay elements, which the HTML5 canvas in export from Adobe Animate standard is.

It was working fine with Safari 11.x which was released with Mojave. So it's only on the latest version where audio is still blocked on autoplay items even after a click. (normally it would play sound but only after a click / interaction on a canvas element, like Safari on iOS and the upcoming Chrome version)

Is there a publish template available from Adobe that requires user interaction before the canvas starts playing? That could probably fix it. But it would cause other browsers to need interaction before playing as well.

[Marald Bes]

Can Adobe provide a HTML template for use as export from Adobe Animate Adobe Animate CC , which shows a play button generated in javascript in the init, before it starts the animation?
Then we will have user interaction before sound load / register and it should work in latest safari as well.

I've tried to modify the default template with extra javascript code to do just this, but then the animation doesn't play at all. Something needs to be added in the init phase I guess. There is little documentation about the templates and no alternative examples at all.

In a few weeks there maybe a solution in soundjs to overcome this problem, but as long as it isn't available, the fix would need to come from adobe if possible. Example

https://www.anymotion.nl/Belarto/U1101/U1101.html ​

The audio works fine in chrome / firefox/ msie / edge and even on iOS safari, but not on Safari on desktop.

[Preran]

That sounds like a reasonable feature to have, in my opinion. You can log a feature request with the team using this link Feature Request/Bug Report Form​

Thanks,

Preran