Howler.js: Continous play on Safari Mobile iOS

Created on 24 Mar 2017  路  7Comments  路  Source: goldfire/howler.js

While trying the player example, I realized that it works on Safari desktop but not on Safari Mobile on iOS.
I know there's a limitation from Apple to mandate user interaction to play a media but I'd thought you'd have find a workaround since you provided the playlist functionality.

Do you plan on adding this feature?

thanks!

android ios

Most helpful comment

I need multiple mp3s to play one after another after pressing .

This is working for me everywhere I've tested, except ios.

Any ideas on how to get it work in ios?

All 7 comments

I need multiple mp3s to play one after another after pressing .

This is working for me everywhere I've tested, except ios.

Any ideas on how to get it work in ios?

Having the same issue, also on some Android devices (viewed through Browserstack.com).

@webmagnets @jurajkapsz Did u find any solution for this?

I'm having the same issue, iOS 11 won't allow me to sequence mp3s after one user interaction.
Just try running the Basic Function -> Run Web Audio Test from the homepage gallery on an actual iDevice. Works fine in the simulator, but plays nothing on an actual iDevice.

Also of interest: the Basic Function -> Run HTML5 Test starts off working well on an iDevice, but does not play a second audio file or play groups or sprites.

@webmagnets @jurajkapsz @malinga91
Turns out you can play a sequence of mp3s by swapping out the source of the audio object that initially played due to user interaction:

https://jsfiddle.net/bbrooks/pk9h3j2x/

Tested on my iPhone.

Hi @bbrooks is it working fine for you when the device is locked or Safari browser is in background? I am able to play only first sound in a sequence in that case.

This should now be fixed in v2.1.0 using the HTML5 Audio pool.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

proyb6 picture proyb6  路  4Comments

indexofrefraction picture indexofrefraction  路  4Comments

sibelius picture sibelius  路  3Comments

SandMoshi picture SandMoshi  路  3Comments

rowild picture rowild  路  3Comments