web页面如何播放amr的音频文件

这个需求由来已久，公司的语音订单很多，每次客服都是从服务器down下语音来听。很不方便。。于是我就上网扒拉看有么有什么web播放器能播放amr格式的音频文件，amr百度百科

总之找了很久。，，然后发现苹果的QuickTime Player 播放器能播放。。

具体步骤如下：

1.下载QuickTime Player

2.在服务器端需要添加web服务器的mime.type支持就是在Apache 啊nginx啊之类的mime.type文件增加如下

1. audio/amr amr
2. audio/amr-wb amr
3. audio/amr-wb+ amr
4. audio/amr amr amr

3.在页面插入如下代码

1. <button class="icon-audio" id="playerBtn" style="margin:0 5px;cursor:pointer;" playerurl="http://xxx.com/abc.amr">播放</button>
2. <div style="width:1px;height:1px;" id="playerQT">
3. </div>
4. //js代码如下。。好吧用到了jquery自己替换吧
5. var playerQT = document.getElementById("playerQT");
6. $("#playerBtn").bind("click",function(e){
7. var playerUrl = e.target.getAttribute("playerUrl");
8. playerAudio(playerUrl);
9. });
10. function playerAudio(url){
11. var html = 'ltembed width="1px" height="1px" name="plugin" src="'+url+'" type="audio/amr" id="QT_EMB">';
12. playerQT.innerHTML = html;
13. }

4.在获取这个amr的url里服务端代码增加header如下

1. header(’Content-type: audio/amr’);

原文地址：http://myway.sinaapp.com/30.html

http://blog.sina.com.cn/s/blog_c70924a60101gwgm.html