Setting HTML5 audio position

by

To jump around an audio file, your server must be configured properly.

The client sends byte range requests to seek and play certain regions of a file, so the server must response adequately:

In order to support seeking and playing back regions of the media that
aren’t yet downloaded, Gecko uses HTTP 1.1 byte-range requests to
retrieve the media from the seek target position. In addition, if you
don’t serve X-Content-Duration headers, Gecko uses byte-range requests
to seek to the end of the media (assuming you serve the Content-Length
header) in order to determine the duration of the media.

Then, if the server responses to byte range requests correctly, you can set the position of audio via currentTime:

audio.currentTime = 30;

See MDN’s Configuring servers for Ogg media (the same applies for other formats, actually).

Also, see Configuring web servers for HTML5 Ogg video and audio.

More Related Contents:

  1. How can I add predefined length to audio recorded from MediaRecorder in Chrome?
  2. How to play audio?
  3. The Chrome extension popup is not working, click events are not handled
  4. Jquery load() only working in firefox?
  5. Get element CSS property (width/height) value as it was set (in percent/em/px/etc)
  6. Violation Long running JavaScript task took xx ms
  7. How to disable JavaScript in Chrome Developer Tools?
  8. Does execCommand SaveAs work in Firefox?
  9. Chrome extension: How to remove orphaned script after chrom extension update
  10. Loading external javascript in google chrome extension
  11. What happens to code after a javascript redirect (setting window.location.href)?
  12. Inspecting WebSocket frames in an undetectable way
  13. ‘load’ event not firing when iframe is loaded in Chrome
  14. Getting unique ClientID from chrome extension?
  15. webkit-transform overwrites z-index ordering in Chrome 13
  16. Content-Security-Policy error in google chrome extension making
  17. Forcing garbage collection in Google Chrome
  18. Disable source maps in Chrome DevTools
  19. In a Chrome Extension content script, must I wait for document.ready before processing the document?
  20. How to modify current url location in chrome via extensions
  21. chrome.tabs.executeScript(): How to get result of content script?
  22. “Autoplay” HTML5 audio player on mobile browsers
  23. “Unsafe JavaScript attempt to access frame with URL…” error being continuously generated in Chrome webkit inspector
  24. How to clear chrome.storage.local and chrome.storage.sync?
  25. How to disable “prevent this page from creating additional dialogs”?
  26. Can a website block a Chrome Extension? [duplicate]
  27. Chrome extension: Block page items before access
  28. XmlHttpRequest.responseText while loading (readyState==3) in Chrome
  29. Where are cookies saved for a local HTML file?
  30. Puppeteer wait for all images to load then take screenshot

Leave a Comment