u010628509
2015-01-29 07:55 阅读 4.5k
已采纳

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

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

2条回答 默认 最新

  • 已采纳
    save4me save4me 2015-01-30 03:32

    在回答客户端如何播放服务器端的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>
    
    点赞 1 评论 复制链接分享
  • muling105 muling105 2015-12-07 06:59

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

    点赞 1 评论 复制链接分享

相关推荐