javascript - 通过javascript在标签音频中播放mp3

Question

我有以下 html:

<audio id="carteSoudCtrl">
  <source src="http://soundjax.com/reddo/17350%5EClick02.mp3" type="audio/mpeg">
  <source src="http://soundjax.com/reddo/90754%5EWINNER.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

使用此 JavaScript:

$('#carteSoudCtrl')[1].play();

为什么在 Chrome 上不起作用？我错过了什么？ $('#carteSoudCtrl')[0].play();工作中。谢谢。

https://jsfiddle.net/o8mjvty5/

Answer 1

在此处查看更新的演示 Link

HTML <audio>元素用于在文档中嵌入声音内容。 它可能包含一个或多个音频源，使用 src 属性或元素表示；浏览器会选择最合适的一个。

所以 <audio> 中的所有不同文件标签必须对应不同格式的同一个文件，浏览器将播放最适合播放的格式。

如果您需要播放第二个文件，我们需要创建第二个标签，然后插入 <source src="http://soundjax.com/reddo/90754%5EWINNER.mp3" type="audio/mpeg">第二个音频标签内的标签。

<audio id="carteSoudCtrl">
  <source src="http://soundjax.com/reddo/17350%5EClick02.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>
<audio id="carteSoudCtrl1">
    <source src="http://soundjax.com/reddo/90754%5EWINNER.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

Jquery 文件:

//if you want to play first file 
$('#carteSoudCtrl')[0].play();
//if you want to play second file
$('#carteSoudCtrl1')[0].play();