VUE使用benz-amr-recorder 实现解码、播放

安装

npm install benz-amr-recorder

引入

  const BenzAMRRecorder = require('benz-amr-recorder')

使用

<template><div class="wx-voice-div" @click="playVoice(objData)">
</template>methods:{amrPlay(amr,obj){ //播放this.$set(obj, 'amrPlaying', true)amr.play()},amrStop(amr,val){// 停止（包括播放结束）this.$set(obj, 'amrPlaying', false)amr.stop()},playVoice(obj){this.getMaterialOther(obj.repMediaId , obj.repName).then(url => {this.$set(obj,'repUrl',url); //替换数据源中播放地址this.handleAudio(val)})},async getTempMaterialOther(repMediaId,fileName){ //获取后台返回的二进制文件let url;await this.ajax_get({url:this.$local+'crm/wxmaterial/tempMaterialOther', params:{mediaId: repMediaId,fileName: fileName}}).then(response => {url = window.URL.createObjectURL(new Blob([response])) //下载二进制文件到本地})return url},handleAudio(obj){this.$set(obj,'amr',new BenzAMRRecorder())let amr = obj.amrlet that = thisamr.initWithUrl(obj.repUrl).then(function() {that.amrPlay(amr, obj)that.$set(obj,'amrDuration',amr.getDuration())})amr.onEnded(function() {that.$set(obj, 'amrPlaying', false)//播放完了})}
}

benz-amr-recorder详细介绍

VUE使用benz-amr-recorder 实现解码、播放相关推荐

vue项目中，amr格式的音频播放
在vue项目中,使用电脑浏览器播放amr格式的音频文件是直接播放不出来的,需要使用一个js包:benz-amr-recorder 1.npm install benz-amr-recorder 2.想 ...
Android amr语音编解码解惑【转http://blog.csdn.net/xyz_lmn/article/category/922246】
Android amr语音编解码解惑 androidAndroidARMarm声音采集关于android中的语音压缩编码,今天算是好好的研究了一下,有了小小的心得: 首先关于采集到得声音源的格式是P ...
vue 动态绑定 video src，不能正常播放问题
vue 动态绑定 video src,不能正常播放问题通过 vm.$refs vm.$refs 一个对象,持有注册过 ref attribute 的所有 DOM 元素和组件实例. 核心代码 let ...
ffmpeg对amr格式编解码
linux下的ffmpeg默认情况下是不支持amr格式解码的,因此考虑手动编译ffmpeg源代码增加解码器以便支持amr文件格式的解码. 系统环境:Suse 64bit OS 前期准备: 1. 下载 ...
终极解码播放mkv声音小的解决
在不做任何更改的情况下,终极解码播放mkv声音偏小,如果增大系统音量,其他程序如QQ的声音会很吓人. 经过摸索,找到以下方法: 打开"解码中心" 去掉下面"自动" ...
Android音视频【三】硬解码播放H264
人间观察穷人家的孩子真的是在社会上瞎混遥远的2020年马上就过去了,天呐!!! 前两篇介绍了下H264的知识和码流结构,本篇就拿上篇从抖音/快手抽离的h264文件实现在Android中进行解码播放 ...
ffmpeg中音频解码方法（附代码）+ffmpeg音频解码播放速度快的问题（随手笔记，以供查阅）
最近在做一款取名为变速不变调播放器的时候,解码音频遇到了些问题(ffmpeg音频解码播放速度快的问题),网络上的方法对绝大多数的音视频文件有效,但是对于某些音频会有问题,比如某些ADPCM编码的WAV ...
从零开始用C语言实现图片解码播放器(有源码)
1.项目描述 1.1.项目硬件平台介绍 (1)硬件平台:九鼎公司的X210开发板,S5PV210(Cortex-A8内核): (2)软件平台:linux2.6.35.7内核,直接基于linux API ...
Android FFmpeg视频播放器三音频封装格式解码播放
Android FFmpeg视频播放器一解封装 Android Android FFmpeg视频播放器二视频封装格式解码播放视频解封装之后就会得到音频流和视频流,解封状得到的数据是AVPackag ...
史上最全的基于ffmpeg+sdl网络摄像头编解码播放资料（包含交叉编译过程，附带完整源码）
原创博文,严禁私自转载,转载请注明出处!!! 近期,由于工作需要,要在开发板上跑一个摄像头,摄像头款式比较老,不支持rtsp格式,所以选择编译ffmpeg+sdl实现软解码播放摄像头,特此记录整个编译 ...

VUE使用benz-amr-recorder 实现解码、播放

安装

引入

使用

VUE使用benz-amr-recorder 实现解码、播放相关推荐

最新文章

热门文章