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