首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >自动播放不适用于我的音乐播放列表

自动播放不适用于我的音乐播放列表
EN

Stack Overflow用户
提问于 2020-11-14 17:23:08
回答 3查看 176关注 0票数 1

我想在后台的网页上播放一个音乐播放列表,我使用的是铬,我不想要控制台,我想要自动播放,但是,虽然我写了自动播放,但是音频只从控制台的play按钮开始。这就是我在HTML中所写的:

代码语言:javascript
运行
复制
<div id="music_list">
   <audio controls autoplay></audio>
</div>

在Javascript里

代码语言:javascript
运行
复制
(function () {

    // Playlist array
    var files = [
        "ms4/14_1.30.mp3",
        "ms4/20_20.mp3",
        "ms4/21_34.mp3"
    ];

    // Current index of the files array
    var i = 0;

    // Get the audio element
    var music_player = document.querySelector("#music_list audio");

    // function for moving to next audio file
    function next() {
        // Check for last audio file in the playlist
        if (i === files.length - 1) {
            i = 0;
        } else {
            i++;
        }

        // Change the audio element source
        music_player.src = files[i];
    }

    // Check if the player is slected
    if (music_player === null) {
        throw "Playlist Player does not exists ...";
    } else {
        // Start the player
        music_player.src = files[i];

        // Listen for the music ended event, to play the next audio file
        music_player.addEventListener('ended', next, false)
    }

})();

我怎么才能解决呢?我在HTML和JS方面真的很新,我被困在这个问题上了。

EN

回答 3

Stack Overflow用户

发布于 2020-11-14 17:26:24

我一年前就遇到这个问题了。问题在于你使用的互联网浏览器,例如,在谷歌Chrome控件中,自动播放不起作用,问题是用户的权限、安全性和隐私。

我认为有一些方法可以让它在任何互联网浏览器中工作,但是,“控制自动播放”不起作用,只是在一些互联网探索者。

票数 0
EN

Stack Overflow用户

发布于 2020-11-14 17:30:23

Bug玩家认为自动播放是一件坏事,因为广告。最后,你将被迫点击来玩。现在,您可以尝试在自动播放的同时向音频元素添加静音属性,并在执行第一个src之后删除它。

票数 0
EN

Stack Overflow用户

发布于 2020-11-14 17:31:17

这取决于您的浏览器,在不同的浏览器中运行代码,并尝试这个javascript函数。

代码语言:javascript
运行
复制
var mp3 = document.getElementByTagName("audio");
mp3.autoplay = true;
mp3.load();
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/64836582

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档