程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 更多編程語言 >> 編程綜合問答 >> js-JavaWeb開發中怎麼實現聲音的播放效果(按鈕的配音),要求能兼容IE、360等浏覽器。

js-JavaWeb開發中怎麼實現聲音的播放效果(按鈕的配音),要求能兼容IE、360等浏覽器。

編輯:編程綜合問答
JavaWeb開發中怎麼實現聲音的播放效果(按鈕的配音),要求能兼容IE、360等浏覽器。

JavaWeb開發中怎麼實現聲音的播放效果(按鈕的配音),有多個按鈕配音(音不同)。自己有弄了個,用html5 audio,不過出現IE不兼容問題,還有就是在手機上只能播放一個音樂。在360與火狐中都能正常。希望幫忙想個法子,最好能配點代碼,新手見諒啊!

最佳回答:


在回答客戶端如何播放服務器端的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>
u010628509
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved