JSFiddle - React, Tailwind, and code Playground
JavaScript
var requestAnimationFrame = window.requestAnimationFrame;
var audio;
function trackCurrentTime() {
// `this` : `audio`
console.log(this.currentTime);
if (this.currentTime > 9.999) {
this.pause();
} else {
requestAnimationFrame(trackCurrentTime.bind(this))
}
}
var request = new XMLHttpRequest();
request.open("GET", "https://upload.wikimedia.org/wikipedia/commons/6/6e/Micronesia_National_Anthem.ogg", true);
request.responseType = "blob";
request.onload = function() {
if (this.status == 200) {
audio = new Audio(URL.createObjectURL(this.response));
audio.onpause = function(e) {
console.log(e.target.currentTime)
}
audio.load();
audio.play();
trackCurrentTime.call(audio);
}
}
request.send();