如何创建带有HTML5音频标签的自动播放列表？

如何使用HTML5的音频标签创建自动播放列表

---

我试图实现的是一个只有播放/暂停按钮（大30x25 px）的播放器，当页面加载时，播放器自动播放，当歌曲结束时，它将自动播放下一首歌曲。尝试在播放列表中播放3-4首歌曲。

查看此帖子：

我刚刚更新了一个更好的例子，使用这里指定的提示：

查看这篇文章：

---

我刚刚更新了一个更好的使用此处指定的提示的示例：

我在我的站点上使用与以下类似的代码在我的站点上播放连续的音频播放列表：

<script type="text/javascript">
        var nextVideo = "/Link/To/Next/File.mp3";
        var audioPlayer = document.getElementById('audio_with_controls');
        audioPlayer.addEventListener('ended', PlayNext);

        function PlayNext() {
            audioPlayer.src = nextVideo;
            audioPlayer.play();
        }
</script>

var nextVideo=“/Link/To/Next/File.mp3”；
var audioPlayer=document.getElementById（'audio_和_控件'）；
audioPlayer.addEventListener（'ended'，PlayNext）；
函数PlayNext（）{
audioPlayer.src=nextVideo；
audioPlayer.play（）；
}

对您来说，添加一个可以循环的文件数组（使用数组等）是非常容易的。 您还可以向用户显示播放列表，每个曲目都是一个可点击的链接，可以调用JS来更改播放器的“src”属性

---

希望这有帮助

我在我的网站上使用与以下类似的代码在我的网站上播放连续的音频播放列表：

<script type="text/javascript">
        var nextVideo = "/Link/To/Next/File.mp3";
        var audioPlayer = document.getElementById('audio_with_controls');
        audioPlayer.addEventListener('ended', PlayNext);

        function PlayNext() {
            audioPlayer.src = nextVideo;
            audioPlayer.play();
        }
</script>

var nextVideo=“/Link/To/Next/File.mp3”；
var audioPlayer=document.getElementById（'audio_和_控件'）；
audioPlayer.addEventListener（'ended'，PlayNext）；
函数PlayNext（）{
audioPlayer.src=nextVideo；
audioPlayer.play（）；
}

对您来说，添加一个可以循环的文件数组（使用数组等）是非常容易的。 您还可以向用户显示播放列表，每个曲目都是一个可点击的链接，可以调用JS来更改播放器的“src”属性

---

希望这有帮助

…这对我想要得到的东西有什么帮助？当你按下链接或其他东西时，我并不是想让sfx播放。我正在尝试让一个mp3/wav/ogg在网页加载后自动播放，该播放器有一个暂停/播放按钮，第一首歌完成后自动播放第二首歌，依此类推。+不包括jQuery，只是JS你的问题是“如何使用HTML5的音频标签创建自动播放列表？”。如果您使用了我提供的代码，并在页面加载时调用了

playSound（yourtrackid）

，瞧！“我试图实现的是，一个播放器只有一个大30x25 px的播放/暂停按钮，当页面加载时，播放器自动播放，当歌曲结束时，它将自动播放下一首歌曲。尝试在播放列表中播放3-4首歌曲。”这就是我想要存档的…这对我想要得到的东西有什么帮助？当你按下链接或什么的时候，我不想让sfx播放。我正在尝试让一个mp3/wav/ogg在网页加载后自动播放，该播放器有一个暂停/播放按钮，第一首歌完成后自动播放第二首歌，依此类推。+不包括jQuery，只是JS你的问题是“如何使用HTML5的音频标签创建自动播放列表？”。如果您使用了我提供的代码，并在页面加载时调用了

playSound（yourtrackid）

，瞧！“我试图实现的是一个只有播放/暂停按钮（大30x25 px）的播放器，当页面加载时，播放器自动播放，当歌曲结束时，它将自动播放下一首歌曲。尝试在播放列表中播放3-4首歌曲。”这就是我试图存档的内容。