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>