HTML页面audio的autoplay自动播放音乐

背景

Chrome等浏览器基于安全的策略，于早几年就已经停止自动播放

解决方法

进入页面随便点击一下页面，这样用户和浏览器就产生了交互，可以开启自动播放

HTML部分

<audio preload autoplay loop id="music">
     <source src="/music/bg.mp3" type="audio/mpeg">
</audio>

<script type="text/javascript">
    window.onload = function(){
             setInterval("toggleSound()",1);
        }
    function toggleSound() {
                var music = document.getElementById("music");//获取ID  
                if (music.paused) { //判读是否播放  
                    music.paused=false;
                    music.play(); //没有就播放 
                }    
        }
</script>

实例

实例网站 - 传送阵

扩展链接

HTML原代码加、解密脚本 - 传送阵
JS/HTML格式化 - 传送阵