galinawind
commented
9 years ago Howler appears to have an issue with playback even when it's used together with a simple HTML5 video tag on iOS. Here is a very simple example. You can download the media for it here or you can use your own. https://www.dropbox.com/s/r5a8qmg0xnbnsi9/itScreensStyler_new.zip?dl=0 The source code is included here
<html>
<body>
<script src="howler.js"></script>
<video width="560" height="420" controls>
<source src="small.mp4" type="video/mp4">
<source src="small.webm" type="video/webm">
Your browser does not support the video tag.
</video>
<button onclick="play_sound()">play sound</button>
<button onclick="stop_sound()">stop sound</button>
<script>
var sound = new Howl({ urls: ["Rayman_2_music_sample.ogg", "2240.mp3"] });
function play_sound()
{
sound.play();
}
function stop_sound()
{
sound.stop();
}
</script>
</body>
</html>
goldfire
DFortun81
heand
on iOS if you have a web page with an audio file and then you dare to play a video, the audio stops working after the video completes. I have a completely self-contained example with media that I can e-mail to anyone interested in helping out with this. All you have to do is hit "play sound", the sound will play. Then hit "add video", the sound will still play. Then hit "play" on the video to play it, no autoplay, this is iOS. Then try hitting "play sound" again. You will get nothing on iPad2 and distorted, garbled sound on iPad Air. I posted the code here, but it will not work without the media files. There is nothing to the code, it's 84 lousy lines. https://gist.github.com/anonymous/c564528ef81787245dea
If you reload the page, then everything kind of works. This is only an issue on "first entry" to the page. However having the user to navigate to a page and then reload it before they do anything else is not acceptable.