如何让网页播放声音或播放提示音?
比如,当聊天室收到新内容的时候,如何发出提示音呢?
使用audio标签即可。我们使用jquery配合audio来实现。
①加载audio标签
$(document).ready(function()
{
$('<audio id="chatAudio"><source src="Music/notify.ogg" type="audio/ogg"><source src="Music/notify.mp3" type="audio/mpeg"><source src="Music/notify.wav" type="audio/wav"></audio>').appendTo('body');
});
页面加载完成,把audio标签加载到body里面。
②如何播放提示音
制作一个函数,触发事件,然后就播放提示音。比如,收到消息后就播放提示声音。
function onMessage(evt)
{
$('#chatAudio')[0].play();
}
函数代码很简单,就一行而已。$('#chatAudio')[0].play();