用到了腾讯的im，录音功能还是要自己实现的，正当我纠结该使用哪一个库时，发现文档里面示例用的是js-audio-recorder,我很高兴。

录音只能在https、localhost、file下才能进行，否则就说不支持getUserMedia，我很无语，因为我电脑不支持录音，本地启动也不支持https，最后只能连蓝牙耳机。

js-audio-recorder这个库迷人格式是wav，后端只支持mp3，说是用lampjs，一顿操作，报错"ReferenceError: MPEGMode is not defined"，查了半天，大多数方案都是编辑文件node_modules/lamejs夹中的相应文件等等，这太不靠谱了。

于是乎我尝试了https://github.com/xiangyuecn/Recorder，导入语句

import Recorder from 'recorder-core'
import 'recorder-core/src/engine/mp3'
import 'recorder-core/src/engine/mp3-engine'

当切换为语音交互时，进行初始化，切换为文本交互时释放资源,open在用户没有授权时会弹出系统弹窗，在Chrome浏览器中访问chrome://settings/content/microphone可以管理网站授权。

      this.isSendText = !this.isSendText;
      if (!this.isSendText) {
        this.recordInstance = Recorder({
          type: "mp3",
          sampleRate: 16000,
          bitRate: 16,

        });
        this.recordInstance.open();

      }
      else {
        this.recordInstance.close()
      }

beforeDestroy 时也释放下

    if (this.recordInstance) {
      this.recordInstance.close();
    }

录音结束直接调用stop方法

    this.recordInstance.stop((blob, duration) => {
    
    });

获得mp3文件使用如下代码

let audioFile = new File([blob], 'voice.mp3', { type: 'audio/mp3' });
audioFile.duration = duration;

2022 - 11 - 07

ios13的浏览器本身就是不支持录音的

iso浏览器在通过js播放音频时，不触发onloadeddata ，可以用ondurationchange代替，如果发现录制的声音不能播放，可能是这个问题导致的