How to preload a sound in Javascript?

by

Your problem is that Audio objects don’t support the ‘load’ event.

Instead, there’s an event called ‘canplaythrough’ that doesn’t mean it’s fully loaded, but enough of it is loaded that at the current download rate, it will finish by the time the track has had enough time to play through.

So instead of

audio.onload = isAppLoaded;

try

audio.oncanplaythrough = isAppLoaded;

Or better yet.. 😉

audio.addEventListener('canplaythrough', isAppLoaded, false);

More Related Contents:

  1. How do I make JavaScript beep?
  2. Cross-platform, cross-browser way to play sound from Javascript? [duplicate]
  3. Playing sound notifications using Javascript?
  4. HTML 5 video or audio playlist
  5. Javascript Audio Play on click
  6. Node.js can’t create Blobs?
  7. How to prevent “The play() request was interrupted by a call to pause()” error?
  8. HTML5 check if audio is playing?
  9. Access microphone from a browser – Javascript
  10. How to mute all sound in a page with JS?
  11. How to play a notification sound on websites?
  12. html5 display audio currentTime
  13. HTML 5 – Play file at certain time point
  14. HTML5 playback with fade in and fade out
  15. Why can’t JavaScript .play() audio files on iPhone safari?
  16. gapless looping audio html5
  17. How to play only the audio of a Youtube video using HTML 5?
  18. How to create or convert text to audio at chromium browser?
  19. How to toggle audio play() pause() with one button or link?
  20. How to detect an audio has finished playing in a web page?
  21. HTML5 audio playlist – how to play a second audio file after the first has ended?
  22. Sending a MediaStream to host Server with WebRTC after it is captured by getUserMedia
  23. How to check if HTML5 audio has reached different errors
  24. Javascript make audio blob
  25. read id3 tags from mp3 using javascript
  26. How to set the loudness of HTML5 audio?
  27. Generating sound on the fly with javascript/html5
  28. how to get audio.duration value by a function
  29. Google Script: Play Sound when a specific cell change the Value
  30. MediaElementAudioSource outputs zeroes due to CORS access restrictions

Leave a Comment