5

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

例如：

如果我有一个网页，当用户点击一个按钮时，这将弹出一个窗口。加载弹出窗口时，页面将播放声音文件。

4

3 回答 3

7

将 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/

于 2012-09-27T23:30:54.933 回答
1

尝试这个：

//store the audiofile as variable.
var popupsound = document.getElementById("notifypop");

function autoNotify() {
   popupsound.play(); //play the audio file
}
#notifypop{ display:none;}
<body onload="autoNotify()"> <!--Play the audio file on pageload  -->

  <audio id="notifypop"> <!--Source the audio file. -->
            <source src="path/sound.ogg" type="audio/ogg">
            <source src="path/sound.mpeg" type="audio/mpeg">
  </audio>
  
  <script  src="path/sound.js" type="text/javascript"></script><!--Load your javascript sound file.-->
  
</body>

了解有关 HTML5 媒体格式的更多信息 https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats

于 2018-12-07T05:06:33.640 回答
0

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

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

于 2012-09-27T23:20:48.960 回答