vuejs如何录音并生成wav

JavaScript023

vuejs如何录音并生成wav,第1张

vue.js

js音频录制#循环音频录制#vue录制音频#wav格式音频录制

最近的项目需要用到前端录制音频,然后转为base64编码或wav文件发送给后端,下面讲一下实现过程,首先调用navigate.getUserMedia获取麦克风,不过这个方法浏览器会弹警告已经被弃用,可以转为使用navigate.mediaDevices,不过警告归警告,还是能用的,获得麦克风以后再new一个recorder,写好采样率和采样通道,这个recorder有很多

使用Vue加上js-audio-recorder.js组件进行PC端浏览器录音

HTML

Script:

Method: