HTML5 音频播放器：记录播放位置，无缝切换歌曲
<html>
<head>
<script type="text/javascript">
function savePos(id){ //保存播放位置
var storage=window.localStorage;
var v = document.getElementById(id);
storage.setItem(id + "_pos",v.currentTime);
console.log("save: " + localStorage.getItem(id + "_pos") + " secs.");
}
<pre><code>function loadPos(id){ //加载播放位置
var storage=window.localStorage;
var pos = storage.getItem(id + "_pos");
var v = document.getElementById(id);
if (pos) {
v.currentTime = pos;
console.log("Seek: " + pos + " secs.");
}
}
</code></pre>
</script>
</head>
<body>
<video id="song1" src="song1.mp3" controls="controls" onload="loadPos('song1')" onpause="savePos('song1')">Can not support video</video>
<video id="song2" src="song2.mp3" controls="controls" onload="loadPos('song2')" onpause="savePos('song2')">Can not support video</video>
<video id="song3" src="song3.mp3" controls="controls" onload="loadPos('song3')" onpause="savePos('song3')">Can not support video</video>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/fdv 著作权归作者所有。请勿转载和采集!