2012-10-06 38 views
-2

这是我的代码嗨。如何在html5中播放2个音频文件?

<audio preload='false' id='player'> 
      <source src='https://dl-web.dropbox.com/get/mp3/player.wav?w=7e152d8e' /> 
     </audio> 
     <audio preload='false' id='ai'> 
      <source 'https://dl-web.dropbox.com/get/mp3/ai.wav?w=431eb010'/> 
     </audio> 

JS

playerWav = document.getElementById('player', false); 
    aiWav = document.getElementById('ai'); 

...

if(contact_player(ball, player)){ 
     playerWav.play(); 

...

if(contact_ai(ball, ai)){ 
      playerWav.play(); 

playerWav.play()不玩(需要帮助plees

+0

您的第二个来源标记不包含src属性。这可能是其中一个问题吗? –

+0

这些文件甚至没有加载。 – Musa

+0

只是一个警告 - iOS一次不支持多个音频流,即使你有两个不是同时播放,你仍然必须非常小心。请参阅http://developer.apple.com/library/safari/#documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html#//apple_ref/doc/uid/TP40009523-CH5-SW10 –

回答

1

wav文件没有得到HTML5播放器的正式支持,并且没有压缩,因此也没有淫秽的比特率。使用官方支持的格式。

+0

根据W3Schools的HTML5音频参考(http://www.w3schools.com/html/html5_audio.asp),wav由除IE以外的所有常用浏览器支持。 –

+0

我站好了。而且Opera不支持它。 http://en.wikipedia.org/wiki/Html5_audio#Audio_format_support *但它仍然是一个可怕的,可怕的想法。 –

+0

我改变为mp3,都是一样的playerWav.play()不玩 – user1724080

0

几个可能出现的问题的总结:

  1. 有第二源标签没有src=
  2. 这两个源标记都没有指定类型。 (尝试type="audio/wav"。)
  3. 音频文件的链接已损坏,但这可能是因为它们是指向您的私人Dropbox的链接,并且需要您登录。