如何在同一个html5页面中播放所有音频?

时间:2018-05-02 20:07:39

标签: html5 html5-audio

我在html表中有几个html5音频播放器

<tr>
    <td>
        <audio controls><source src="file1.flac" type="audio/flac"></audio>
    </td>
</tr>
<tr>
    <td>
        <audio controls><source src="file2.flac" type="audio/flac"></audio>
    </td>
</tr>

如何在file1完成后继续播放file2? 或者我如何告诉html5在整个页面上只播放一个文件(如果正在播放正在播放的文件应该停止)?

就像有一个音频列表,但我不能将所有文件放在一个列表中,因为它们应该分布在表格行中。

1 个答案:

答案 0 :(得分:1)

你可以使用javascript: 在这种情况下,检测正在播放:

    function isPlaying(myAudio1) {
     //do something 

   }else{
    //play Audio2
    var x = document.getElementById("myAudio2"); 
    x.play(); 
  }

了解更多详情,请查看this 我建议使用:

 window.onload = isPlaying;//run function on load page