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 id="myAudio" controls autoplay>
  <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");
        
if (localStorage.getItem("player") !== null) {
  aud.addEventListener('seeked', (event) => {
  	aud.play()
  	aud.muted = false;
  })
	aud.currentTime = parseInt(localStorage.getItem("player"));
}

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