html5 display audio currentTime

by

Here’s an example:

<audio id="track" src="http://upload.wikimedia.org/wikipedia/commons/a/a9/Tromboon-sample.ogg"
       ontimeupdate="document.getElementById('tracktime').innerHTML = Math.floor(this.currentTime) + "https://stackoverflow.com/" + Math.floor(this.duration);">
    <p>Your browser does not support the audio element</p>
</audio>
<span id="tracktime">0 / 0</span>
<button onclick="document.getElementById('track').play();">Play</button>

This should work in Firefox and Chrome, for other browsers you’ll probably need to add alternative encodings.

More Related Contents:

  1. How to play a notification sound on websites?
  2. HTML5 audio playlist – how to play a second audio file after the first has ended?
  3. How to set the loudness of HTML5 audio?
  4. How to play audio?
  5. HTML5 record audio to file
  6. HTML5 audio streaming: precisely measure latency?
  7. Sound effects in JavaScript / HTML5
  8. HTML 5 video or audio playlist
  9. Node.js can’t create Blobs?
  10. How to prevent “The play() request was interrupted by a call to pause()” error?
  11. HTML5 Audio Looping
  12. HTML5 check if audio is playing?
  13. Why don’t audio and video events bubble?
  14. change src with javascript
  15. HTML5 Audio tag on Safari has a delay
  16. How to mute all sound in a page with JS?
  17. HTML 5 – Play file at certain time point
  18. HTML5 playback with fade in and fade out
  19. gapless looping audio html5
  20. How to capture generated audio from window.speechSynthesis.speak() call?
  21. How to play only the audio of a Youtube video using HTML 5?
  22. How can I add multiple sources to an HTML5 audio tag, programmatically?
  23. HTML5 Audio can’t play through Javascript unless triggered manually once
  24. How to toggle audio play() pause() with one button or link?
  25. How to check if HTML5 audio has reached different errors
  26. Javascript make audio blob
  27. “Autoplay” HTML5 audio player on mobile browsers
  28. Generating sound on the fly with javascript/html5
  29. how to get audio.duration value by a function
  30. How to scroll an HTML page to a given anchor

Leave a Comment