html网页在所有页面播放音频

步骤: 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>`);
                }
            }
        }`

评论

(= ̄ω ̄=)··· 暂无内容!

回复

您还未登录,请先登录或者注册