仰天一笑(Ansonxuyu),专业从事软件定制开发、Web软件开发,网站建设,网络推广,APP开发,微博应用开发,微信应用开发,电子商务开发,物联网开发等技术。
互联网8年风雨,愿在此交朋识友,交流心得,分享技术知识(策划/研发/运营/推广/合作)!QQ:943530498


仰天一笑

昨日不悔,今日勿失,明日莫忧! —徐羽

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

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

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

 

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

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

posted on 2015-12-23 11:46  仰天一笑  阅读(30845)  评论(1编辑  收藏  举报