Android、iOS手机端-添加背景音乐

来源:互联网 发布:文件夹加密软件免费 编辑:程序博客网 时间:2024/05/11 17:00
<audio style="display:none; height: 0" id="bg-music" preload="auto" src="../static/videos/bg-music.mp3" loop="loop"></audio><script>        //音乐自动播放        $(document).ready(function(){            autoPlayMusic();            audioAutoPlay();        });        function audioAutoPlay() {            var audio = document.getElementById('bg-music');            audio.play();            document.addEventListener("WeixinJSBridgeReady", function () {                audio.play();            }, false);        }        // 音乐播放        function autoPlayMusic() {            // 自动播放音乐效果,解决浏览器或者APP自动播放问题            function musicInBrowserHandler() {                musicPlay(true);                document.body.removeEventListener('touchstart', musicInBrowserHandler);            }            document.body.addEventListener('touchstart', musicInBrowserHandler);            // 自动播放音乐效果,解决微信自动播放问题            function musicInWeixinHandler() {                musicPlay(true);                document.addEventListener("WeixinJSBridgeReady", function () {                    musicPlay(true);                }, false);                document.removeEventListener('DOMContentLoaded', musicInWeixinHandler);            }            document.addEventListener('DOMContentLoaded', musicInWeixinHandler);        }        function musicPlay(isPlay) {            var media = document.querySelector('#bg-music');            if (isPlay && media.paused) {                media.play();            }            if (!isPlay && !media.paused) {                media.pause();            }        }    </script>

原创粉丝点击