web頁面如何播放amr的音頻文件

這個需求由來已久,公司的語音訂單不少,每次客服都是從服務器down下語音來聽。很不方便。。因而我就上網扒拉看有麼有什麼web播放器能播放amr格式的音頻文件,amr百度百科html

總之找了好久。,,而後發現蘋果的QuickTime Player 播放器能播放。。jquery

具體步驟以下:nginx

1.下載QuickTime Playerweb

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.在頁面插入以下代碼app

  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.   
  4.    </div>  
  5. //js代碼以下。。好吧用到了jquery本身替換吧  
  6. var playerQT = document.getElementById("playerQT");  
  7.            $("#playerBtn").bind("click",function(e){  
  8.                var playerUrl = e.target.getAttribute("playerUrl");  
  9.                playerAudio(playerUrl);  
  10.            });  
  11.            function playerAudio(url){  
  12.                var html = 'ltembed width="1px" height="1px" name="plugin" src="'+url+'" type="audio/amr" id="QT_EMB">';  
  13.                playerQT.innerHTML = html;  
  14.            }  

4.在獲取這個amr的url裏服務端代碼增長header以下ui

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

 

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

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

相關文章
相關標籤/搜索