标签:web 插件 16 app recorderjs 录音 js uni audio
在web项目上直接使用js-audio-recorder插件时由于使用的是在某个页面引用插件,会导致重复新建AudioContext,这样会出现录音上限,录制几次就会报错,不能再往下录音,这是我们最好将其提到最外层App.vue中,这样项目只会新建一次。最后附上js-audio-recorde使用方法。
import RecorderJs from 'js-audio-recorder';
let recorderjs = new RecorderJs({
sampleBits: 16, // 采样位数,支持 8 或 16,默认是16
sampleRate: 16000, // 采样率,支持 11025、16000、22050、24000、44100、48000,根据浏览器默认值,我的chrome是48000
numChannels: 1, // 声道,支持 1 或 2, 默认是1
compiling: false,
});
//开始录音
recorderjs && recorderjs.start();
//停止录音
recorderjs && recorderjs.stop();
//获取录音文件
var mp3Blob = recorderjs.getWAVBlob();
// 将录音文件路径放到audio上
this.recorderjsurl = recorderjs.getWAVBlob()
this.$refs.myaudio.src= window.URL.createObjectURL(this.recorderjsurl);
//销毁当前录音后才可以重新录制。
recorderjs.destroy()
标签:web,插件,16,app,recorderjs,录音,js,uni,audio 来源: https://blog.csdn.net/qq_34707038/article/details/112857868
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。