使用JavaScript在页面加载时播放声音

Question

当onload事件使用JavaScript触发时,如何播放声音文件？

例如:

如果我有一个网页,当用户点击一个按钮时会弹出一个窗口.正在加载弹出窗口时,页面将播放声音文件.

Answer 1

在文档中添加HTML5音频元素:

 <audio id="foobar" src="yoursample.ogg" preload="auto"> 

通过CSS将其隐藏:

 #foobar { display: none }

在任何JavaScript事件处理程序上播放音频:

var sample = document.getElementById("foobar");
sample.play();

欲获得更多信息

https://developer.mozilla.org/en-US/docs/Using_HTML5_audio_and_video

根据您的Web应用程序目的,您可能希望支持旧版浏览器:

http://www.misfitgeek.com/play-sound-in-html5-and-cross-browser-support-with-backward-compatability/

Answer 2

一种方法是在 onclick 上插入 HTML 音频标签并将它们设置为自动启动：

http://webdesign.about.com/od/sound/a/play_sound_oncl.htm