這個需求由來已久,公司的語音訂單很多,每次客服都是從服務器down下語音來聽。很不方便。。於是我就上網扒拉看有么有什么web播放器能播放amr格式的音頻文件,amr百度百科
總之找了很久。,,然后發現蘋果的QuickTime Player 播放器能播放。。
具體步驟如下:
1.下載QuickTime Player
2.在服務器端需要添加web服務器的mime.type支持就是在Apache 啊nginx啊之類的mime.type文件增加如下
- audio/amr amr
- audio/amr-wb amr
- audio/amr-wb+ amr
- audio/amr amr amr
3.在頁面插入如下代碼
- <button class="icon-audio" id="playerBtn" style="margin:0 5px;cursor:pointer;" playerurl="http://xxx.com/abc.amr">播放</button>
- <div style="width:1px;height:1px;" id="playerQT">
- </div>
- //js代碼如下。。好吧用到了jquery自己替換吧
- var playerQT = document.getElementById("playerQT");
- $("#playerBtn").bind("click",function(e){
- var playerUrl = e.target.getAttribute("playerUrl");
- playerAudio(playerUrl);
- });
- function playerAudio(url){
- var html = 'ltembed width="1px" height="1px" name="plugin" src="'+url+'" type="audio/amr" id="QT_EMB">';
- playerQT.innerHTML = html;
- }
4.在獲取這個amr的url里服務端代碼增加header如下
- header(’Content-type: audio/amr’);
原文地址:http://myway.sinaapp.com/30.html
http://blog.sina.com.cn/s/blog_c70924a60101gwgm.html
