uniapp开发h5页面录音并上传和播放已上传录音

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.更详细的可以结合以下俩文章去看

H5原生使用录音功能 - DCloud 插件市场

uni.createInnerAudioContext() | uni-app官网