时间戳

首页 > 解决方案 > 如何在同一个html5页面中播放所有音频？

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

问题描述

我在一个 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 在整个页面上只播放一个文件（如果播放一个文件，应该停止正在播放的文件）？

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

标签： htmlhtml5-audio

解决方案

您可以使用 javascript：在这种情况下，检测正在播放：

    function isPlaying(myAudio1) {
     //do something 

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

有关更多详细信息，请检查我 建议使用：

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

推荐阅读