需要帮助修复我的javascript“for循环”以播放音频播放列表[重复]答案

【问题标题】：Need help fixing my javascript "for loop" to play an audio playlist [duplicate]需要帮助修复我的javascript“for循环”以播放音频播放列表[重复]
【发布时间】：2015-02-15 07:43:04
【问题描述】：

我正在制作一个非常简单的音频播放列表，它会在上一首歌曲完成后自动播放每首歌曲。我正在使用纯 javascript 和 html5 音频标签。如何修复此代码以使其正常工作？

var i = ['first.mp3', 'second.mp3', 'third.mp3'];
function playlist() {
   for (var i=0; i<2; i++)
}

<audio controls="controls" preload="none" onended="playlist()">
<source src="first.mp3" type="audio/mp3">
</audio>
<audio controls="controls" preload="none" onended="playlist()">
<source src="second.mp3" type="audio/mp3">
</audio>
<audio controls="controls" preload="none" onended="playlist()">
<source src="third.mp3" type="audio/mp3">
</audio>

【问题讨论】：

你在for循环里面写了什么？我想首先应该是for(var i=0; i<3; i++)。
如果i<2 则播放下一个音频
这没有任何意义。您能否详细说明您为实现您的需求所做的工作？
如果你想要一个播放列表..为什么不使用单个音频标签..一旦 mp3 完成/结束，将src 设置为另一个。
我说我想制作一个播放列表的 10 个 mp3。我包含了onended="playlist()" 事件处理程序来触发我的函数，该函数具有for 参数，该参数假定将mp3 数组在下一首歌曲之后增加一首歌曲。

标签： javascript html html5-audio

【解决方案1】：

loop 的更好方法

HTML

<audio id="audio" controls preload>
    <source src="/files/5913/7240/6617/html5-audio-loop.ogg">
    <source src="/files/5513/7240/6617/html5-audio-loop.wav">
    <source src="/files/8013/7240/6617/html5-audio-loop.mp3">
</audio>

JavaScript

document.getElementById('audio').addEventListener('ended', function(){
this.currentTime = 0;
this.play();
}, false);

【讨论】：