jquery控制背景音乐开关与自动播放提示音的方法(2)

<div><img><object data="http://www.jplayer.org/latest/js/Jplayer.swf" type="application/x-shockwave-flash"><param value="jQuery=jQuery&amp;id=jplayer&amp;vol=0.8&amp;muted=false"><param value="always"><param value="#000000"><param value="opaque"></object></div>

在支持HTML5的浏览器内变成:
 

复制代码 代码如下:

<div><img><audio preload="metadata" src="https://www.jb51.net/article/resources/message.mp3"></audio></div>

完成装载后就是触发播放的事件了。

2. 触发播放提示音事件
 

复制代码 代码如下:

$("#jplayer").jPlayer('play');

3. 循环播放函数，每5秒播放一次提示音
 

复制代码 代码如下:

function PlaySound() {
    $("#jplayer").jPlayer('play');
    setInterval("PlaySound()", 5000);
    return true;
}

附录:

1. 解决无法自动播放提示音的问题

如果在加载JQplayer后，立刻运行播放的触发事件，没有任何效果!具体是什么原因我也不太清楚，估计是因为音频文件没有加载上。

2. 解决方法是让触发事件等待5秒中执行。

复制代码 代码如下:

setTimeout("$('#jplayer').jPlayer('play')", 5000);

加载完页面，5秒后自动播放提示音。