解决ios audio无法自动播放、循环播放的问题

最新推荐文章于 2024-09-13 21:34:49 发布

原创最新推荐文章于 2024-09-13 21:34:49 发布 · 8k 阅读

2 ·

CC 4.0 BY-SA版权

问题记录总结专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现网页背景音乐自动播放及循环播放的方法。通过监听touchstart事件触发播放，并利用onended事件实现音乐文件播放结束后的自动加载与重新播放。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// music自动播放
        var music = document.getElementById('bgm');

        var state = 0;
        document.addEventListener('touchstart', function(){
            if(state==0){
                music.play();
                state=1;
            }
        }, false);

        document.addEventListener("WeixinJSBridgeReady", function () {
            music.play();
        }, false);
        //循环播放
        music.onended = function () {
            music.load();
            music.play();
        }