步骤: 1,通过js 检测当前页面是否有音频播放 2,如果有音频播放将音频的连接,播放当前的时间点,存入缓存 3,检测当前页面如果没有音频播放,并且缓存中有音频连接,时间点, 4,在该页面添加音频,并从缓存中取出时间点自动播放 。。。。。。其它逻辑根据需求自己改吧
var storage = window.localStorage;
function jiance() {
var oAudio=document.getElementsByTagName('audio')[0];
if (oAudio){
oAudio.ontimeupdate = function () {
var dizhi=$(this)[0].currentSrc;
var time=$(this)[0].currentTime;
timeUpdate(dizhi,time); //不断调用方法实时将当前时间放入缓存
}
}
}
function timeUpdate(url,time) {
var yinpin=document.getElementsByTagName('audio')[0];
if (yinpin){
storage.setItem('url',url);
storage.setItem("time",time);
}else {
if (storage.getItem("status")==0){
$(".tt").append(`<audio style="display: none" src="${storage.getItem("url")}" onplay="this.currentTime=${storage.getItem("time")}" autoplay controls style="width: 200px;"></audio>`);
}
}
}`
评论