Question

想用怎么用js实现播放音频。

现有一个页面，代码<bgsound src="采集指纹异常请重新采集.mp3" loop="-1" autostart="true" balance="0"> 我想制作几个按钮来控制音频的播放，即按一下按钮播放一段声音且声音只播放一遍，如何实现？好用追加分数
想让在IE8下也可以使用。怎么实现。

Answer 1

1、JS播放音乐需要区分浏览器，来使用不用的对象来播放音乐

2、在播放控制上要有【播放】和【停止】来控制音乐的播放

基于以上思路，代码如下：

<SCRIPT type="text/javascript">  
if(-1 != navigator.userAgent.indexOf("MSIE"))
{
    //不是微软IE浏览器，则调用Flash来播放音乐
    document.write(' <OBJECT id="Player"');  
    document.write(' classid="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6"');
    document.write(' width=0 height=0 > <param name="URL" value="a.mp3" /> <param name="AutoStart" value="false" /> </OBJECT>');  
}  
else  
{
    //是微软IE浏览器，则调用微软的Player对象来直接播放音乐
    document.write(' <OBJECT id="Player"');  
    document.write(' type="application/x-ms-wmp"');  
    document.write(' autostart="false" src= "a.mp3" width=0 height=0> </OBJECT>');  
}  
</SCRIPT>  
<input type=button value="播放" onclick="Player.controls.play();" />
<input type=button value="停止" onclick="Player.controls.stop();" />

Answer 2

使用jpalyer
<script src="../js/jquery.js" type="text/javascript"></script>
<script src="../js/sound/jquery.jplayer.min.js" type="text/javascript"></script>
$(document).ready(
function(){

$("#jquery_jplayer_1").jPlayer({
ready: function () {
$(this).jPlayer("setMedia", {mp3: "/sound/rzcg.mp3"}); },
swfPath: "/js/sound",
supplied: "mp3",
volume:1.8,
preload: 'metadata',
solution: 'flash,html '
})
});