web页面如何播放amr的音频文件
2016-01-12 16:03:02;  来源:追太阳;  作者:;  评论:0 点击:

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

这个需求由来已久,公司的语音订单很多,每次客服都是从服务器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.在页面插入如下代码

<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如下

  1. header(’Content-type: audio/amr’); 
本文属转载文章,并不能保证完全正确,只供学习交流参考,版权归原作者所有。如果您认为有侵犯权利等不和法行为,请联系我们及时改正。

相关热词搜索:amr 如何播放

上一篇:移动设备wap手机网页通用特殊功能链接——打电话、发短信、发邮件链接怎么写
下一篇:最后一页

收藏
回到顶部