通过 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();

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

play mp3 in tag audio by javascript

javascript

jquery

html

mp3