此代码在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();
}
答案 0 :(得分:1)
解决!这是.ogg文件。我最初在命令行中使用ffmpeg将它们从mp3转换为ogg。在浏览器中自行测试音频,在chrome和firefox上都显示了ogg的问题。我下载了一个不同的声音转换器并再次尝试。这次ogg文件在两个浏览器上都没有问题。感谢@Golmaal指出我正确的方向。