使用方式
npm
安裝:npm i js-audio-recorder
調用:在需要錄音的地方引入
import Recorder from 'js-audio-recorder'
let recorder = new Recorder()
API
// 開始錄音
recorder.start();
// 暫停錄音
recorder.pause();
// 繼續錄音
recorder.resume()
// 結束錄音
recorder.stop();
// 錄音播放
recorder.play();
// 銷毀錄音實例,釋放資源,fn為回調函數,
recorder.destroy(fn);
recorder =
null
;
下載功能
// 下載pcm文件
recorder.downloadPCM();
// 下載wav文件
recorder.downloadWAV();
// 重命名pcm文件,wav也支持
recorder.downloadPCM(
'重命名'
);
獲取錄音時長
// 回調持續輸出時長
recorder.onprocess =
function
(duration) {
console.log(duration);
}
// 手動獲取錄音時長
console.log(recorder.duration);
使用示例:
<template>
<div class="home">
<h1 @click="handleclick()">開始錄音</h1>
<h1 @click="handleclickl()">繼續錄音</h1>
<h1 @click="handleclicks()">結束錄音</h1>
<h1 @click="handleclickp()">錄音播放</h1>
</div>
</template>
<script>
import Recorder from 'js-audio-recorder'
let recorder = new Recorder()
export default {
name: 'home',
methods: {
handleclick () {
console.log(1)
recorder.start()// 開始錄音
},
handleclickl () {
console.log(2)
recorder.resume()// 繼續錄音
},
handleclickt () {
console.log(3)
recorder.stop() // 結束錄音
},
handleclickb () {
console.log(4)
recorder.play() // 錄音播放
}
}
}
</script>