HTML5一次多个轨道,一个控件

时间:2012-12-01 11:27:07

标签: jquery html5 audio

我想要达到的目标是:使用一个音频播放器控件,一次播放2-3个或更多曲目。这意味着,例如,如果我有1track.mp3,2track.mp3,当点击播放按钮时,它们都会被播放等。不幸的是我现在无法分享任何代码,因为我真的没有任何看起来不错的东西,如果你能给一个原始的例子,它会很棒!干杯!
可以使用P.s:jquery,它的okey。但不允许闪光!

我现在拥有两个标签,这是不正确的......

<audio id='player_audio' controls>
  <source src="fhg_pianomp3.ogg" type="audio/ogg">
  <source src="fhg_pianomp3.mp3" type="audio/mpeg">
  <source src="fhg_bassmp3.ogg" type="audio/ogg">
  <source src="fhg_bassmp3.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio> 
<audio id='player_audio1' controls>
  <source src="fhg_bassmp3.ogg" type="audio/ogg">
  <source src="fhg_bassmp3.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio> 

1 个答案:

答案 0 :(得分:1)

可以生成自己的按钮并通过javascript触发播放和暂停事件。

var player1 = document.getElementById('firstPlayer');
var player2 = document.getElementById('secondPlayer');
document.getElementById('yourPlayButton').onclick = function() {
  player1.play();
  player2.play();
}