Recorder-core 一个非常好用的音频库

这里只对pcm的音频格式在vue项目中进行阐述，包括实时音频传输、利用flv.js进行音频播放 首先在项目中使用npm安装recorder-core

npm install recorder-core --save
npm install flv.js --save

在vue文件中的代码如下

<template>
    <button @click='start'>开始</button>
</template>

<script>
import {PcmUtil} from './Util.js'
export default{
    methods:{
        satrt(){
            this.PcmUtil.talkStart()
        }
    }
}
</script>

下面是Util.js代码

//引入相关资源文件
import Recorder from 'recorder-core'
import 'recorder-core/src/engine/mav'
import 'recorder-core/src/engine/pcm'
import flvjs from 'flv.js'

export class PcmUtil {
    constructor(flvPlayerEle) {
        this.flvPlayerEle = flvPlayerEle
        //配置相关参数
        this.recorderOption = {
            type:'pcm',
            sampleRate:'8000',
            biteRate:'16
        }
        this.SendFrameSize = 1600;
        this._chunkBytes = [];//缓冲的音频数据片段
        this._lastSendTime = 0;//上次音频数据片段推送时间
        this._clearPrevBufferIdx = 0
        
        this.realTimeSendTryNumber = 0;
        this.transferUploadNumberMax = 0;
        this.realTimeSendTryChunk = null;
        this.readlTimeSendTryChunks = [];
    }
    
}