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

Question

我想在后台播放我的网页上的音乐播放列表，我使用的是 chrome我不需要控制台，我想要自动播放，但是，尽管我编写了自动播放，但音频仅从播放按钮开始安慰。这就是我在 HTML 中写的内容：

<div id="music_list">

   <audio controls autoplay></audio>

</div>

在 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 很陌生，但我陷入了这个问题。

Answer 1

我1年前就遇到这个问题了。问题出在您使用的互联网浏览器上，例如，在 Google Chrome 中控制自动播放不起作用，问题出在用户的权限、安全和隐私上。我认为有一些方法可以让它在任何 Internet 浏览器中工作，但是“控制自动播放”不起作用，仅在某些 Internet Explorer 中有效。

Answer 2

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

Answer 3

这取决于您的浏览器在不同的浏览器中运行您的代码并尝试这个 javascript 函数var mp3 = document.getElementByTagName("audio");mp3.autoplay = true;mp3.load();