如何创建持久化的html5音频播放器？

<audio id="audioPlayer" controls>
  <source src="audio.mp3" type="audio/mpeg">
</audio>

var audioPlayer = document.getElementById("audioPlayer");
audioPlayer.play(); // 播放音频
audioPlayer.pause(); // 暂停音频
audioPlayer.currentTime = 30; // 设置音频的当前播放时间为30秒

// 保存当前播放时间
localStorage.setItem("audioProgress", audioPlayer.currentTime);

// 恢复上次播放时间
var savedProgress = localStorage.getItem("audioProgress");
if (savedProgress) {
  audioPlayer.currentTime = savedProgress;
}

audioPlayer.addEventListener("timeupdate", function() {
  localStorage.setItem("audioProgress", audioPlayer.currentTime);
});