1. 程式人生 > >網頁自動播放背景音樂

網頁自動播放背景音樂

相容微信

<audio loop src="/music/music.mp3" id="audio" autoplay preload="auto">該瀏覽器不支援audio屬性</audio>
<script type="text/javascript">
//--建立頁面監聽,等待微信端頁面載入完畢 觸發音訊播放
document.addEventListener('DOMContentLoaded', function () {
    function audioAutoPlay() {
        var audio = document.getElementById('audio');
            audio.play();
        document.addEventListener("WeixinJSBridgeReady", function () {
            audio.play();
        }, false);
    }
    audioAutoPlay();
});
//--建立觸控監聽,當瀏覽器開啟頁面時,觸控式螢幕幕觸發事件,進行音訊播放
document.addEventListener('touchstart', function () {
    function audioAutoPlay() {
        var audio = document.getElementById('audio');
            audio.play();
    }
    audioAutoPlay();
});
</script>