JavaWeb开发中怎么实现声音的播放效果(按钮的配音),要求能兼容IE、360等浏览器。

JavaWeb开发中怎么实现声音的播放效果(按钮的配音),有多个按钮配音(音不同)。自己有弄了个,用html5 audio,不过出现IE不兼容问题,还有就是在手机上只能播放一个音乐。在360与火狐中都能正常。希望帮忙想个法子,最好能配点代码,新手见谅啊!

2个回答

在回答客户端如何播放服务器端的WAV录音文件的时候写过一个演示代码,使用了embeded标签,兼容性比html5的audia好些,你可以试一下是否能够满足你的需求。

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.8.2.min.js"></script>
<script>
var agt = navigator.userAgent.toLowerCase();

function getMimeType(){
    var mimeType = "application/x-mplayer2"; //default
    if(navigator.mimeTypes && agt.indexOf("windows") == -1){
        // non-IE, no-Windows
        var plugin = navigator.mimeTypes["audio/mpeg"].enabledPlugin;

        // Mac/Safari & Linux/FFox
        if(plugin)
            mimeType = "audio/mpeg";
    }//end no-Windows
    return mimeType
}//end function getMimeType


function playSound(url){
    mimeType = getMimeType();
    $('#sound_element').html('<embed src="' + url + '" type="' + mimeType + '" hidden="true" autostart="true" loop="false" width="1" height="1" id="soundplayer" enablejavascript="true" />');
}

$(function(){
    $('#playbtn').on('click', function(){
        playSound('http://www.phon.ucl.ac.uk/home/mark/audio/success.wav');
    });
});
</script>
</head>
<body>
<div id="sound_element"  style="position:absolute; top:100px; left:-100px;"></div>
<div id="playbtn">Click</div>
</body>
</html>
save4me
save4me 那你可以试一下直接把embed这块代码写到页面里面,而不是通过js动态生成。然后把autostart设成false。
大约 5 年之前 回复
u010628509
皇上-臣妾做不到啊 顺便问一下,点击的时候加载声音会不会延迟,或者有没办法页面初始化时加载但不放音,调用时播放,会不会比较快。
大约 5 年之前 回复

我拿到项目中,正适合用,如果要停止音乐播放使用如下方法:
document.getElementById("soundplayer").stop();

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问