用 js 给网页增加背景提示音

给网页增加背景提示音是很多爱好做网站的盲人小伙伴喜欢做的事情。 以往,通常使用 bgsound 标签,但是,这个标签已经跟不上现代浏览器的脚步了,因为他只能在 IE 下有效。 所以,下面给出一段 js 代码,支持 IE9+/FIREFOX/CHROME 等现代浏览器。

1
2
3
4
5
6
7
<script>
// 网页背景提示音,一般作为页面加载完毕后的提示,支持 IE9+/Firefox/chrome
// 直接使用 audio 标签貌似无法设置默认音量,所以使用 js 创建
var audio = new Audio("https://www.qt06.com/msg.mp3"); //声音文件地址,支持mp3 或者 ogg
audio.volume = 0.2; //音量,取值范围 0.1 到 1.0
audio.play();
</script>
updatedupdated2018-09-282018-09-28