1.在H5中录音有很大的限制,需要在https的域名下或者localhost本地下才可 不然会报错
2.安装 npm i js-audio-recorder
3.引入并创建
4.基本用法 // 开始录音 recorder.start(); // 暂停录音 recorder.pause(); // 继续录音 recorder.resume() // 结束录音 recorder.stop(); // 录音播放 recorder.play(); // 销毁录音实例,释放资源,fn为回调函数, recorder.destroy(fn); recorder = null; 直接获取录音数据 // 获取 PCM 数据(Blob) recorder.getPCMBlob(); // 获取 WAV 数据(Blob) recorder.getWAVBlob(); 下载功能 // 下载pcm文件 recorder.downloadPCM(); // 下载wav文件 recorder.downloadWAV(); // 重命名pcm文件,wav也支持 recorder.downloadPCM('重命名'); 获取录音时长 // 回调持续输出时长 recorder.onprocess = function(duration) { console.log(duration); } // 手动获取录音时长 console.log(recorder.duration);
6.获取到了后将音频转化为文件上传到服务器
7.上传服务器后将服务器返回的地址放进播放器里面进行播放,播放器组件已经不维护,改用api维护
8.更详细的可以结合以下俩文章去看
uni.createInnerAudioContext() | uni-app官网