使用方式
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>