/* mp3编码器,需带上src/engine/mp3-engine.js引擎使用 https://github.com/xiangyuecn/Recorder 当然最佳推荐使用mp3、wav格式,代码也是优先照顾这两种格式 浏览器支持情况 https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats */ (function(factory){ var browser=typeof window=="object" && !!window.document; var win=browser?window:Object; //非浏览器环境,Recorder挂载在Object下面 var rec=win.Recorder,ni=rec.i18n; factory(rec,ni,ni.$T,browser); }(function(Recorder,i18n,$T,isBrowser){ "use strict"; var SampleS="48000, 44100, 32000, 24000, 22050, 16000, 12000, 11025, 8000"; var BitS="8, 16, 24, 32, 40, 48, 56, 64, 80, 96, 112, 128, 144, 160, 192, 224, 256, 320"; Recorder.prototype.enc_mp3={ stable:true,takeEC:"full" ,getTestMsg:function(){ return $T("Zm7L::采样率范围:{1};比特率范围:{2}(不同比特率支持的采样率范围不同,小于32kbps时采样率需小于32000)",0,SampleS,BitS); } }; var NormalizeSet=function(set){ var bS=set.bitRate, sS=set.sampleRate,s=sS; if((" "+BitS+",").indexOf(" "+bS+",")==-1){ Recorder.CLog($T("eGB9::{1}不在mp3支持的取值范围:{2}",0,"bitRate="+bS,BitS),3); } if((" "+SampleS+",").indexOf(" "+sS+",")==-1){//engine SmpFrqIndex函数会检测 var arr=SampleS.split(", "),vs=[]; for(var i=0;i0){ if(mOffset+bufLen>memory.length){ var tmp=new Int8Array(memory.length+Math.max(500000,bufLen)); tmp.set(memory.subarray(0, mOffset)); memory=tmp; } memory.set(buf,mOffset); mOffset+=bufLen; }; if(idxcur.memory.length){ var tmp=new Int8Array(cur.memory.length+Math.max(500000,bufLen)); tmp.set(cur.memory.subarray(0, cur.mOffset)); cur.memory=tmp; } cur.memory.set(buf,cur.mOffset); cur.mOffset+=bufLen; }; switch(ed.action){ case "stop": if(!cur.isCp) try{ cur.encObj.flush() }catch(e){ console.error(e) } cur.encObj=null; delete wk_ctxs[ed.id]; break; case "encode": if(cur.isCp)break; cur.pcmSize+=ed.pcm.length; try{ var buf=cur.encObj.encodeBuffer(ed.pcm); }catch(e){ //精简代码调用了abort cur.err=e; console.error(e); }; if(buf && buf.length>0){ if(cur.takeoff){ worker.onmessage({action:"takeoff",id:ed.id,chunk:buf}); }else{ addBytes(buf); }; }; break; case "complete": cur.isCp=1; try{ var buf=cur.encObj.flush(); }catch(e){ //精简代码调用了abort cur.err=e; console.error(e); }; if(buf && buf.length>0){ if(cur.takeoff){ worker.onmessage({action:"takeoff",id:ed.id,chunk:buf}); }else{ addBytes(buf); }; }; if(cur.err){ worker.onmessage({action:ed.action,id:ed.id ,err:"MP3 Encoder: "+cur.err.message}); break; }; var data=[cur.memory.buffer.slice(0,cur.mOffset)]; //去掉开头的标记信息帧 var meta=wk_mp3TrimFix.fn(data,cur.mOffset,cur.pcmSize,cur.sampleRate); worker.onmessage({ action:ed.action ,id:ed.id ,blob:data[0]||new ArrayBuffer(0) ,meta:meta }); break; }; }; var initOnMsg=function(isW){ worker.onmessage=function(e){ var data=e; if(isW)data=e.data; var ctx=openList[data.id]; if(ctx){ if(data.action=="takeoff"){ //取走实时生成的mp3数据 ctx.set.takeoffEncodeChunk(new Uint8Array(data.chunk.buffer)); }else{ //complete ctx.call&&ctx.call(data); ctx.call=null; }; }; }; }; var initCtx=function(){ var ctx={worker:worker,set:setOrNull}; if(setOrNull){ ctx.id=++openList.id; openList[ctx.id]=ctx; NormalizeSet(setOrNull); worker.postMessage({ action:"init" ,id:ctx.id ,sampleRate:setOrNull.sampleRate ,bitRate:setOrNull.bitRate ,takeoff:!!setOrNull.takeoffEncodeChunk ,x:new Int16Array(5)//低版本浏览器不支持序列化TypedArray }); }else{ worker.postMessage({ x:new Int16Array(5)//低版本浏览器不支持序列化TypedArray }); }; return ctx; }; var scope,worker=mp3Worker; //非浏览器,不支持worker,或者开启失败,使用UI线程处理 if(_badW || !HasWebWorker){ Recorder.CLog($T("k9PT::当前环境不支持Web Worker,mp3实时编码器运行在主线程中"),3); worker={ postMessage:function(ed){ run({data:ed}); } }; scope={wkScope:{ wk_ctxs:{}, wk_lame:Recorder.lamejs, wk_mp3TrimFix:mp3TrimFix }}; initOnMsg(); return initCtx(); }; try{ if(!worker){ //创建一个新Worker var onmsg=(run+"").replace(/[\w\$]+\.onmessage/g,"self.postMessage"); onmsg=onmsg.replace(/[\w\$]+\.wkScope/g,"wkScope"); var jsCode=");wk_lame();self.onmessage="+onmsg; jsCode+=";var wkScope={ wk_ctxs:{},wk_lame:wk_lame"; jsCode+=",wk_mp3TrimFix:{rm:"+mp3TrimFix.rm+",fn:"+mp3TrimFix.fn+"} }"; var lamejsCode=Recorder.lamejs.toString(); var url=(window.URL||webkitURL).createObjectURL(new Blob(["var wk_lame=(",lamejsCode,jsCode], {type:"text/javascript"})); worker=new Worker(url); setTimeout(function(){ (window.URL||webkitURL).revokeObjectURL(url);//必须要释放,不然每次调用内存都明显泄露内存 },10000);//chrome 83 file协议下如果直接释放,将会使WebWorker无法启动 initOnMsg(1); }; var ctx=initCtx(); ctx.isW=1; mp3Worker=worker; return ctx; }catch(e){//出错了就不要提供了 worker&&worker.terminate(); console.error(e); return newContext(setOrNull, 1);//切换到UI线程处理 }; }; Recorder.prototype.mp3_stop=function(startCtx){ if(startCtx&&startCtx.worker){ startCtx.worker.postMessage({ action:"stop" ,id:startCtx.id }); startCtx.worker=null; delete openList[startCtx.id]; //疑似泄露检测 排除id var opens=-1; for(var k in openList){ opens++; }; if(opens){ Recorder.CLog($T("fT6M::mp3 worker剩{1}个未stop",0,opens),3); }; }; }; Recorder.prototype.mp3_encode=function(startCtx,pcm){ if(startCtx&&startCtx.worker){ startCtx.worker.postMessage({ action:"encode" ,id:startCtx.id ,pcm:pcm }); }; }; Recorder.prototype.mp3_complete=function(startCtx,True,False,autoStop){ var This=this; if(startCtx&&startCtx.worker){ startCtx.call=function(data){ if(autoStop){ This.mp3_stop(startCtx); }; if(data.err){ False(data.err); }else{ mp3TrimFixSetMeta(data.meta,startCtx.set); True(data.blob,"audio/mp3"); }; }; startCtx.worker.postMessage({ action:"complete" ,id:startCtx.id }); }else{ False($T("mPxH::mp3编码器未start")); }; }; //*******辅助函数************ /*读取lamejs编码出来的mp3信息,只能读特定格式,如果读取失败返回null mp3Buffers=[ArrayBuffer,...] length=mp3Buffers的数据二进制总长度 */ Recorder.mp3ReadMeta=function(mp3Buffers,length){ //kill babel-polyfill ES6 Number.parseInt 不然放到Worker里面找不到方法,也不能用typeof(x)==object 会被替换成 _typeof var parseInt_ES3=typeof(window)!="undefined"&&window.parseInt||typeof(self)!="undefined"&&self.parseInt||parseInt; var u8arr0=new Uint8Array(mp3Buffers[0]||[]); if(u8arr0.length<4){ return null; }; var byteAt=function(idx,u8){ return ("0000000"+((u8||u8arr0)[idx]||0).toString(2)).substr(-8); }; var b2=byteAt(0)+byteAt(1); var b4=byteAt(2)+byteAt(3); if(!/^1{11}/.test(b2)){//未发现帧同步 return null; }; var version=({"00":2.5,"10":2,"11":1})[b2.substr(11,2)]; var layer=({"01":3})[b2.substr(13,2)];//仅支持Layer3 var sampleRate=({ //lamejs -> Tables.samplerate_table "1":[44100, 48000, 32000] ,"2":[22050, 24000, 16000] ,"2.5":[11025, 12000, 8000] })[version]; sampleRate&&(sampleRate=sampleRate[parseInt_ES3(b4.substr(4,2),2)]); var bitRate=[ //lamejs -> Tables.bitrate_table [0, 8, 16, 24, 32, 40, 48, 56, 64, 80, 96, 112, 128, 144, 160] //MPEG 2 2.5 ,[0, 32, 40, 48, 56, 64, 80, 96, 112, 128, 160, 192, 224, 256, 320]//MPEG 1 ][version==1?1:0][parseInt_ES3(b4.substr(0,4),2)]; if(!version || !layer || !bitRate || !sampleRate){ return null; }; var duration=Math.round(length*8/bitRate); var frame=layer==1?384:layer==2?1152:version==1?1152:576; var frameDurationFloat=frame/sampleRate*1000; var frameSize=Math.floor((frame*bitRate)/8/sampleRate*1000); //检测是否存在Layer3帧填充1字节。这里只获取第二帧的填充信息,首帧永远没有填充。其他帧可能隔一帧出现一个填充,或者隔很多帧出现一个填充;目测是取决于frameSize未舍入时的小数部分,因为有些采样率的frameSize会出现小数(11025、22050、44100 典型的除不尽),然后字节数无法表示这种小数,就通过一定步长来填充弥补小数部分丢失 var hasPadding=0,seek=0; for(var i=0;i=frameSize+3){ var buf8=new Uint8Array(buf); var idx=buf.byteLength-(seek-(frameSize+3)+1); var ib4=byteAt(idx,buf8); hasPadding=ib4.charAt(6)=="1"; break; }; }; if(hasPadding){ frameSize++; }; return { version:version //1 2 2.5 -> MPEG1 MPEG2 MPEG2.5 ,layer:layer//3 -> Layer3 ,sampleRate:sampleRate //采样率 hz ,bitRate:bitRate //比特率 kbps ,duration:duration //音频时长 ms ,size:length //总长度 byte ,hasPadding:hasPadding //是否存在1字节填充,首帧永远没有,这个值其实代表的第二帧是否有填充,并不代表其他帧的 ,frameSize:frameSize //每帧最大长度,含可能存在的1字节padding byte ,frameDurationFloat:frameDurationFloat //每帧时长,含小数 ms }; }; //去掉lamejs开头的标记信息帧,免得mp3解码出来的时长比pcm的长太多 var mp3TrimFix={//minfiy keep name rm:Recorder.mp3ReadMeta ,fn:function(mp3Buffers,length,pcmLength,pcmSampleRate){ var meta=this.rm(mp3Buffers,length); if(!meta){ return {err:"mp3 unknown format"}; }; var pcmDuration=Math.round(pcmLength/pcmSampleRate*1000); //开头多出这么多帧,移除掉;正常情况下最多为2帧 var num=Math.floor((meta.duration-pcmDuration)/meta.frameDurationFloat); if(num>0){ var size=num*meta.frameSize-(meta.hasPadding?1:0);//首帧没有填充,第二帧可能有填充,这里假设最多为2帧(测试并未出现3帧以上情况),其他帧不管,就算出现了并且导致了错误后面自动容错 length-=size; var arr0=0,arrs=[]; for(var i=0;i=arr.byteLength){ size-=arr.byteLength; arrs.push(arr); mp3Buffers.splice(i,1); i--; }else{ mp3Buffers[i]=arr.slice(size); arr0=arr; size=0; }; }; var checkMeta=this.rm(mp3Buffers,length); if(!checkMeta){ //还原变更,应该不太可能会出现 arr0&&(mp3Buffers[0]=arr0); for(var i=0;i "+trimFix.duration+"ms"; if(trimFix.remove>2){ meta.err=(meta.err?meta.err+", ":"")+$T("b9zm::移除帧数过多"); }; }else{ tag+=(meta.duration||"-")+"ms"; }; if(meta.err){ Recorder.CLog(tag,1,meta.err,meta); }else{ Recorder.CLog(tag,meta); }; }; }));