HTML 5 音频标签多个文件

Question

我试图在一个 HTML 5 音频标签中包含两个文件，一个接一个播放。我到目前为止的代码是：

 <audio id="ListenLive" controls autoplay>
<source src="advert.mp3" type="audio/mpeg">
<source src="stream.mp3" type="audio/mpeg">

</audio>

我现在遇到的问题是只有第一个文件会播放和结束，就像没有第二个文件一样。第一首歌一结束，它就什么都不做。

有没有办法让第二首曲目在第一首曲目结束时自动播放？我需要它是 HTML 格式，因为它适用于移动网站，因此某些代码可能无法在某些设备上运行

原文由 Alex 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

在 javascript 中你可以这样做（这只是为了让你开始）：

 audio = new Audio("start url");

  audio.addEventListener('ended',function(){
        audio.src = "new url";
        audio.pause();
        audio.load();
        audio.play();
    });

如果你愿意，你也可以使用相同的播放器（jquery）：

 var audio = $("#player");

原文由 Kimtho6 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

将多个来源添加到标签并不能以这种方式工作。您可以使用它来提供多种格式的源代码。（某些浏览器不支持 mp3 - 即 Firefox 不支持 mp3，您应该提供 ogg 文件）

样本：

 <audio>
   <source src="" id="oggSource" type="audio/ogg" />
   <source src="" id="mp3Source" type="audio/mpeg" />
   Your browser does not support the audio element.
</audio>

你的情况不同。您正在尝试制作播放列表。您可以自己制作播放列表，也可以简单地使用第三方插件，例如：

http://www.jplayer.org/latest/demo-02-jPlayerPlaylist/

使用 jPlayer 也可以解决浏览器兼容性问题。比如你只提供.mp3格式，当用户使用Firefox浏览时，它会切换到flash版本。

原文由 Code.Town 发布，翻译遵循 CC BY-SA 4.0 许可协议