h5原生audio播放amr格式的音频

最新推荐文章于 2024-10-24 19:37:06 发布

置顶

Anna诶

最新推荐文章于 2024-10-24 19:37:06 发布

阅读量4k

点赞数 1

分类专栏： h5播放amr格式的音频文章标签： javascript html5 vue.js

本文链接：https://blog.youkuaiyun.com/qq_41789865/article/details/106793422

版权

这篇博客探讨了如何在HTML5中播放AMR格式的音频，由于原生不支持，作者介绍了两种方法：引入BenzAMRRecorder.min.js脚本和使用npm包进行转码。在实现播放功能时，可以通过操作this.amr来添加声音效果。同时，提供了相关参考链接以获取更多细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

h5不能播放amr格式的样式，需要进行转码，在下已知的方法有两种

一、引入 js 文件

二、使用 npm

npm install benz-amr-recorder

以上方法任选一种，然后将音频路径给他转格式

 playAudio1(url) {
        var that = this
        var BenzAMRRecorder = require('benz-amr-recorder');
        that.amr = new BenzAMRRecorder();
        that.amr.initWithUrl(url).then(function() {
          that.amrTime = that.amr.getDuration()    //获取音频总时长
        });
        this.amr.onEnded(function() {        //音频播放完会自动触发该方法
          that.voice1 = false
        })
      },

然后当你点击页面上边的播放按钮的时候你就可以对 this.amr进行操作了

playAudio(voice) {
        if(voice != null || voice != '' ){
          // console.log(this.amr._isPlaying, '音频播放状态');
          if (this.amr._isPlaying) {
            this