gapless looping audio html5

by

While still not perfect, this worked for me:

var audio_file = new Audio('whatever.mp3')
audio_file.addEventListener('timeupdate', function(){
    var buffer = .44
    if(this.currentTime > this.duration - buffer){
        this.currentTime = 0
        this.play()
    }
});

Experiment with the size of the buffer to find what works best for you

More Related Contents:

  1. HTML 5 video or audio playlist
  2. Node.js can’t create Blobs?
  3. How to prevent “The play() request was interrupted by a call to pause()” error?
  4. HTML5 check if audio is playing?
  5. Why don’t audio and video events bubble?
  6. How to mute all sound in a page with JS?
  7. How to play a notification sound on websites?
  8. html5 display audio currentTime
  9. HTML 5 – Play file at certain time point
  10. HTML5 playback with fade in and fade out
  11. How to capture generated audio from window.speechSynthesis.speak() call?
  12. How to play only the audio of a Youtube video using HTML 5?
  13. How to toggle audio play() pause() with one button or link?
  14. HTML5 audio playlist – how to play a second audio file after the first has ended?
  15. How to check if HTML5 audio has reached different errors
  16. Javascript make audio blob
  17. How to set the loudness of HTML5 audio?
  18. Generating sound on the fly with javascript/html5
  19. Why split the tag when writing it with document.write()?
  20. How to set a Header field on POST a form?
  21. HTML5 canvas ctx.fillText won’t do line breaks?
  22. Python library for rendering HTML and javascript [closed]
  23. Parse JavaScript with jsoup
  24. How do I disable the save password bubble in chrome using Javascript?
  25. How to Call a JS function using OnClick event [duplicate]
  26. How to detect when history.pushState and history.replaceState are used? [duplicate]
  27. Detect browser wrapped lines via javascript
  28. HTML5 Dynamically create Canvas
  29. Show/hide image with JavaScript
  30. Communicate between two pages / tabs

Leave a Comment