Highlighted

Sound won't start and is inconsistent on mobile (Canvas project)

Contributor ,
Jun 11, 2019

Copy link to clipboard

Copied

Hi All,

I've imported a MP3 sound into my canvas project and posted the FLA online.

When viewed on my laptop, the sound plays soon as page loads (this is as intended).

When I view that page on my Iphone 6, I need to tap the FLA before the sound will start. (The animation begins upon page load, though.)

I need both animation and sound to begin at the same time on mobile devices.

Also: The sound file doesn't play all the way through about 30% of the time. On my laptop, the sound file always plays all the way through.

This is my first time using audio with my FLA so this might be something basic I'm overlooking. Any ideas?

Details:

-The MP3 file is 16 bit and 470k

-I created a blank keyframe in my audio layer then imported my mp3 into the library, selected that keyframe and in Properties, chose the mp3 file in the Name pull-down menu. Sync can only be set to "Event" because it's an HTML Canvas project.

-Previewing in Safari on an Iphone 6s

Adobe Community Professional
Correct answer by ClayUUID | Adobe Community Professional

It's not just the awful iPhone web browser. More and more desktop browsers are requiring user interaction for audio playback as well.

https://hacks.mozilla.org/2019/02/firefox-66-to-block-automatically-playing-audible-video-and-audio/

Autoplay Policy Changes  |  Web  |  Google Developers

Views

114

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Sound won't start and is inconsistent on mobile (Canvas project)

Contributor ,
Jun 11, 2019

Copy link to clipboard

Copied

Hi All,

I've imported a MP3 sound into my canvas project and posted the FLA online.

When viewed on my laptop, the sound plays soon as page loads (this is as intended).

When I view that page on my Iphone 6, I need to tap the FLA before the sound will start. (The animation begins upon page load, though.)

I need both animation and sound to begin at the same time on mobile devices.

Also: The sound file doesn't play all the way through about 30% of the time. On my laptop, the sound file always plays all the way through.

This is my first time using audio with my FLA so this might be something basic I'm overlooking. Any ideas?

Details:

-The MP3 file is 16 bit and 470k

-I created a blank keyframe in my audio layer then imported my mp3 into the library, selected that keyframe and in Properties, chose the mp3 file in the Name pull-down menu. Sync can only be set to "Event" because it's an HTML Canvas project.

-Previewing in Safari on an Iphone 6s

Adobe Community Professional
Correct answer by ClayUUID | Adobe Community Professional

It's not just the awful iPhone web browser. More and more desktop browsers are requiring user interaction for audio playback as well.

https://hacks.mozilla.org/2019/02/firefox-66-to-block-automatically-playing-audible-video-and-audio/

Autoplay Policy Changes  |  Web  |  Google Developers

Views

115

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jun 11, 2019 0
Adobe Community Professional ,
Jun 11, 2019

Copy link to clipboard

Copied

Mobile's restrictions do not allow sound to start automatically.

See info here:

https://stuff-things.net/2015/01/08/controlling-html5-audio-on-mobile-devices/

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 11, 2019 1
Contributor ,
Jun 11, 2019

Copy link to clipboard

Copied

redesign wrote: "Mobile's restrictions do not allow sound to start automatically."

I suspected that...but many times my audio file won't play all the way through on my iphone. Any thoughts on that?

Thanks

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 11, 2019 0
Adobe Community Professional ,
Jun 11, 2019

Copy link to clipboard

Copied

It's not just the awful iPhone web browser. More and more desktop browsers are requiring user interaction for audio playback as well.

https://hacks.mozilla.org/2019/02/firefox-66-to-block-automatically-playing-audible-video-and-audio/

Autoplay Policy Changes  |  Web  |  Google Developers

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 11, 2019 0