微信语音消息amr在线播放的实现

我们在开发对接，微信公众号，小程序客服时，会收到客服消息的推送。

语音：

• MsgType voice
• MediaId 语音消息媒体id，可以调用多媒体文件下载接口拉取数据。
• Format 语音格式，如 amr，speex 等
• Recognition * 开通语音识别后才有

识别后，用户每次发送语音给公众号时，微信会在推送的语音消息XML数据包中，增加一个 Recongnition 字段

通过 微信的素材接口，通过媒体id把语音保存到本地的是一个.amr的文件。

下来实现在h5页面聊天窗口上直接可能播放.amr。

这里我们需要用到两个js,可以去这里下载 https://gitee.com/hentailing/amr-player。

引入js 

<script src="/js/amr/libamr-min.js"></script>
<script src="/js/amr/amr-player.js"></script>

// 点击播放amr
//  amrFile（https://hotel.XXXXX.com/kefu-media/WyA94qEBfNbUYn87Ut.amr）
<script type="text/javascript" charset="utf-8">
    function playAMR(amrFile) {

        AmrPlayer.load(amrFile).then(function (res) {
            res.connect();
            res.play();
        });
    }
</script>

以上就实现了客服语音消息amr的在线播放.

不需要再去把amr转成mp3,然后再去播放。