zoukankan      html  css  js  c++  java
  • web页面如何播放amr的音频文件

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

  • 相关阅读:
    LeetCode Count Primes
    LeetCode Isomorphic Strings
    126. Word Ladder II
    131. Palindrome Partitioning
    146. LRU Cache
    [LintCode] 574 Build Post Office II
    297. Serialize and Deserialize Binary Tree
    133. Clone Graph
    261. Graph Valid Tree
    [LintCode] 598 Zombie in Matrix 解题报告
  • 原文地址:https://www.cnblogs.com/skylaugh/p/5069416.html
Copyright © 2011-2022 走看看