audio标签适用于chrome,但不适用于Firefox

时间:2012-01-19 05:42:26

标签: javascript html firefox google-chrome audio

此代码在Chrome中运行良好但它不会在Firefox中生成音频。我正在从file://而不是http://进行测试。我在playSound函数中放置了一个警报并将其传递给audio参数。它返回了所有按钮的音频div id。我对这一点感到难过,任何建议都会很棒。

 <li id="siren" class="app_button">
   <img src="img/siren.png" alt=""
     name="siren_pressed" width="102" height="102"
     onmousedown="press('siren_pressed')" 
     onmouseup="release('siren_pressed'), playSound('siren_audio')">
   <audio id="siren_audio">
     <source src="audio/siren.ogg" type="audio/ogg">
     <source src="audio/siren.mp3" type="audio/mpeg">
   </audio>
 </li>

  /* Javascript is in a seperate folder */

  function playSound(audio)
  {
    var sound = document.getElementById(audio);
    sound.play();
  }

1 个答案:

答案 0 :(得分:1)

解决!这是.ogg文件。我最初在命令行中使用ffmpeg将它们从mp3转换为ogg。在浏览器中自行测试音频,在chrome和firefox上都显示了ogg的问题。我下载了一个不同的声音转换器并再次尝试。这次ogg文件在两个浏览器上都没有问题。感谢@Golmaal指出我正确的方向。