js / html5 audio: Why is canplaythrough not fired on iOS safari?

Question

i use the code below to preload an array of audio files (after user interacts with a button starting the process). After all audio files fired \"canplaythrough\" the code pr

Answer 1

I see a lot of claims to make an audio object work, especially on Safari!

To go quickly I can tell you that you do not need much, just know to run everything on Safari 5 and more, and all browsers.

1. Force the call to trough by reloading the first file in your list or file if you only use one. The Trough event is the one that will allow the user to read the file since it allows to know if the file is loaded and ready to be read. If you build a player, you must plan and let the user click on Play only if the through has occurred.

              ObjectAudio.src = file;

2. Use trough to update your player

   ObjectAudio.addEventListener ('canplaythrough', Function, false);

3. Use Progress to update the percentage buffering bar.

   ObjectAudio.addEventListener ('progress', Function, false);

4. Use the timeupdate event to update the read bar.

   ObjectAudio.addEventListener ('timeupdate', Function, false);

You do not need complex things as I see what you are doing.

---

** Just one worry about Safari 5 Widows. For the object to work, QuickTime must be installed on the user, otherwise Safari 5 will not recognize the HTML 5 Audio object.