美文网首页
微信中h5加背景音乐

微信中h5加背景音乐

作者: Mracale | 来源:发表于2022-05-24 09:29 被阅读0次

html代码:

<audio id="myaudio" style="display:none" src="./static/bgm.mp3" loop=""></audio>

js代码:

<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>

<script type="text/javascript">
    var weiShare={
        title:"标题",
        desc:"描述",
        imgUrl:'',
        link:''
    };
    wx.config({
        // 配置信息, 即使不正确也能使用 wx.ready
        debug: false,
        appId: '<?php echo $signPackage["appId"];?>',
        timestamp: <?php echo $signPackage["timestamp"];?>,
    nonceStr: '<?php echo $signPackage["nonceStr"];?>',
        signature: '<?php echo $signPackage["signature"];?>',
        jsApiList: [
        'onMenuShareTimeline',
        'onMenuShareAppMessage',
        'onMenuShareQQ',
        'onMenuShareWeibo',
        'getNetworkType'
    ]
    });
    wx.ready(function() {
        weiRegst()
        var soundBgm=document.getElementById("myaudio");
        //判断本地是否有存储过音频播放时间
        if(sessionStorage.bgmTime==null){
            //若没有时,从头自动播放
            soundBgm.currentTime=0;
        }else{
            //若有存储的则,取出本地存储的音频播放的暂停时间
            var curTime=window.sessionStorage.getItem("bgmTime");
            sessionStorage.bgmPlay=soundBgm.bgmPlay;
            //从暂停时间开始接着播放
            soundBgm.currentTime+=curTime;
        }
        soundBgm.play()
    });

    //微信分享注册
    function weiRegst(){
        //分享到朋友圈
        wx.onMenuShareTimeline({
            title: weiShare.title,
            link: weiShare.link,
            imgUrl:weiShare.imgUrl

        });
        //分享给朋友
        wx.onMenuShareAppMessage({
            title: weiShare.title,
            desc: weiShare.desc,
            link:  weiShare.link,
            imgUrl:weiShare.imgUrl

        });
        //分享到QQ
        wx.onMenuShareQQ({
            title: weiShare.title,
            desc: weiShare.desc,
            link:  weiShare.link,
            imgUrl:weiShare.imgUrl

        });
        //分享到微博
        wx.onMenuShareWeibo({
            title: weiShare.title,
            desc: weiShare.desc,
            link:  weiShare.link,
            imgUrl:weiShare.imgUrl

        });
        /* wx.getNetworkType({
            success: function (res) {
                playbox.init("playAudio",true).play();
            }
        });*/

    }
</script>

相关文章

网友评论

      本文标题:微信中h5加背景音乐

      本文链接:https://www.haomeiwen.com/subject/ubhjprtx.html