Audio-Rezoom

by scurrilus

HTML

<button onclick="getCurTime()" type="button">Get current time position</button>
<button onclick="setCurTime()" type="button">Set time position to 5 seconds</button><br> 

<audio controls id="myAudio">
  <source src="https://ads.julephosting.de/podcasts/164-next-book-please/62044-new-episode.mp3?listeningSessionID=0CD_382_328__2004fe2c4d7fe0e4cc6ac5195dcea93af2a037cb" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

JavaScript

var aud = document.getElementById("myAudio");

function getCurTime() { 
  alert(aud.currentTime);
} 

function setCurTime() { 
  aud.currentTime=5;
}

if (localStorage.getItem("player") !== null) {
	aud.currentTime = parseInt(localStorage.getItem("player") / 1000);
  aud.play()
  
}

aud.addEventListener('timeupdate', (event) => {
	localStorage.setItem('player', JSON.stringify(event.timeStamp))
   console.log("event", event.timeStamp)
})