js-audio-recorder录音播放波形图

发布时间 2023-06-06 17:34:14作者: ZJTL

安装:

npm i js-audio-recorder

调用:

import Recorder from 'js-audio-recorder';

let recorder = new Recorder();

基本功能看官网:https://recorder-api.zhuyuntao.cn/

播放时的波形图,一开始没搞出来,后面看了人家的例子,才弄好,这里记录一下:

首先,要用到两个canvas标签

<canvas id="recordCanvas" ref="record"></canvas>
<canvas id="playCanvas" ref="play"></canvas>

    data() {
        return {
            recorder: null, // 录音
            drawRecordId: null,
            drawPlayId: null,
        }
    },
    mounted(){
        this.recorder = new Recorder()
    },