在所有浏览器的HTML页面中嵌入.wav文件(无控件)

Ara*_*aki 5 html javascript cross-browser wav

我需要在按钮点击时播放几个wav文件.我发现解决方案在IE中工作,但它需要Firefox的QickTime插件.

还有其他方法吗?

<html>
    <head>
        <script>
function DHTMLSound(surl) {
  document.getElementById("dummyspan").innerHTML=
    "<embed src='"+surl+"' hidden=true autostart=true loop=false>";
}
        </script>
    </head>
    <body>
        <h1>test</h1>
        <span id=dummyspan></span>
        <input type="button" value="Play" onmouseover="DHTMLSound('1.wav')">
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

Ric*_*haw 2

我会检测浏览器是否允许该audio标记,并在这种情况下使用它。

看起来像这样:

<audio src="1.wav" autoplay></audio>
Run Code Online (Sandbox Code Playgroud)

目前 Firefox、Safari 和 Opera 可以播放 Wavs,Chrome 从版本 3 开始不能播放,不确定 4 版本是否可以。

有关如何检测浏览器是否具有音频标签的信息,请参阅http://html5doctor.com/native-audio-in-the-browser/ 。

然后,您可以使用现有的 IE 解决方案。