这个需求由来已久,公司的语音订单很多,每次客服都是从服务器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
分类:
微信应用开发
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· 展开说说关于C#中ORM框架的用法!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?