从Array播放选定的MP3文件

时间:2018-03-06 22:32:54

标签: javascript php html

我的网页包含一个包含大约900行的PHP表。有一个与每行对应的音频文件。我希望用户能够选中他/她想要收听的记录旁边的框,然后单击屏幕顶部的单个“播放”按钮以生成所选文件的顺序播放。

我在每条记录旁边添加了一个复选框,如下所示:

echo "<td>" . "<input type='checkbox' name='play[]' value='$mp3'" . "</td>";

在页面顶部我有我的音频播放器:

      <audio controls id="audioPlayer">
  <source src="https://s3.amazonaws.com/myverses/Mark10verse43.mp3" type="audio/ogg" onend="nextverse()'"></audio>

现在,音频播放器根本无法播放。如何让它播放我的数组中的第一项,然后继续第二项,依此类推?我怀疑这将需要javascript。这是我正在使用的javascript:

function nextverse() {
var i = 1;
var nextVideo = "play[0]";
var videoPlayer = document.getElementById('videoPlayer');
videoPlayer.onended = function(){
    videoPlayer.src = nextVideo;
     nextVideo = play[i]; i++;
}
}

enter image description here

0 个答案:

没有答案