純前端解碼、播放、錄音、編碼 AMR 音頻，無須服務器支持，基于 [amr.js]

注意：由于使用了 amr.js 做編碼和解碼，因此 js 文件(壓縮后，未 gzip)接近 500 KB，使用前請考慮。

安裝

npm i benz-amr-recorder --save

使用時引用

import BenzAMRRecorder from 'benz-amr-recorder'

html部分

style="cursor: pointer">

{{diagItem.voice.play_length}}''

初始化對象

data() {

return {

playRec: null, //播放對象

voiceActive: null

}

}

/******播放語音******/

methods: {

//播放語音

openRecording(_url, index) {

let url = _url.split('.com')[1]

let vm = this

if (vm.playRec !== null) {

vm.stopPlayVoice()

}

vm.playRec = new BenzAMRRecorder()

//??注意跨域問題

vm.playRec.initWithUrl('/record' + url).then(function() {

vm.voiceActive = index

vm.playRec.play()

vm.playRec.onEnded(function() {

vm.voiceActive = null

})

}).catch((e) => {

console.log(e)

vm.$message.error('播放錄音失敗')

})

},

//停止播放

stopPlayVoice() {

if (this.playRec.isPlaying()) {

this.playRec.stop()

}

},

}

總結

以上是生活随笔為你收集整理的html audio 播放amr,vue.js实现audio播放amr格式音频的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。