h5原生audio播放amr格式的音频
生活随笔
收集整理的這篇文章主要介紹了
h5原生audio播放amr格式的音频
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
h5不能播放amr格式的樣式,需要進(jìn)行轉(zhuǎn)碼,在下已知的方法有兩種
一、引入 js 文件
<script?type="text/javascript"?src="./BenzAMRRecorder.min.js"></script>
二、使用 npm
npm install benz-amr-recorder?以上方法任選一種,然后將音頻路徑給他轉(zhuǎn)格式
playAudio1(url) {var that = thisvar BenzAMRRecorder = require('benz-amr-recorder');that.amr = new BenzAMRRecorder();that.amr.initWithUrl(url).then(function() {that.amrTime = that.amr.getDuration() //獲取音頻總時長});this.amr.onEnded(function() { //音頻播放完會自動觸發(fā)該方法that.voice1 = false})},然后當(dāng)你點擊頁面上邊的播放按鈕的時候你就可以對? ?this.amr進(jìn)行操作了
?
playAudio(voice) {if(voice != null || voice != '' ){// console.log(this.amr._isPlaying, '音頻播放狀態(tài)');if (this.amr._isPlaying) {this.amr.stop();this.voice1 = false} else {this.amr.play();this.voice1 = true}}},假如你要加一個聲音效果請參考這位大哥的網(wǎng)址:https://www.jianshu.com/p/5a3cfcc764f5
?
文章略有不足,請大家多多指教,謝謝!
總結(jié)
以上是生活随笔為你收集整理的h5原生audio播放amr格式的音频的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 电流互感器的工作原理和作用
- 下一篇: Python天天美味(16) - 过滤字