pr-player 0.0.4 → 0.0.6

package/dist/index.js

@@ -1,5 +1,5 @@
 const L = '(function(){"use strict";const U=new TextDecoder("utf-8"),H=(e,s)=>{const a=e.getUint8(s),t=a>>7&1,n=a>>5&3,r=a&31;return{forbidden_zero_bit:t,nal_ref_idc:n,nal_unit_type:r}},b=(e,s)=>e.getUint8(s),P=(e,s,a)=>{const t=new Uint8Array(e.buffer.slice(s,s+a));return U?.decode(t)||""},T=(e,s,a)=>{let t=s,n,r=0;switch(a){case 0:n=e.getFloat64(t,!1),r=8;break;case 1:n=!!e.getUint8(t),r=1;break;case 2:{n="";const o=e.getUint16(t,!1);t=t+2;const c=new Int8Array(e.buffer,t,o).filter(d=>d!==0);n=(U?.decode(c)||"").trim(),r=2+o}break;case 3:for(n={};t<e.byteLength;){const o=e.getUint16(t,!1);if(o===0)break;t=t+2;const c=P(e,t,o);t=t+o;const g=b(e,t);if(g===6)break;t=t+1;const d=T(e,t,g);t=t+d.length,n[c]=d.value,r=2+o+1+d.length}break;case 8:{n={};const o=e.getUint32(t,!1);t=t+4;for(let c=0;c<o;c++){const g=e.getUint16(t,!1);t=t+2;const d=P(e,t,g);t=t+g;const h=b(e,t);t=t+1;const l=T(e,t,h);t=t+l.length,n[d]=l.value,r=2+g+1+l.length}}break;case 10:{n=[];const o=e.getUint32(t,!1);t=t+4;for(let c=0;c<o;c++){const g=b(e,t);t=t+1;const d=T(e,t,g);t=t+d.length,n.push(d.value),r=1+d.length}}break}return{amfType:a,length:r,value:n}},m=(e,s)=>e.getUint8(s)<<16|e.getUint8(s+1)<<8|e.getUint8(s+2);var u={header:{getSignature:e=>{const s=new Int8Array(e.buffer.slice(0,3));return U?.decode(s)||""},getVersion:e=>e.getUint8(3),getFlags:e=>{const a=e.getUint8(0).toString(2).padStart(5,"0").split(""),[,,t,,n]=a;return{audio:n==="1",video:t==="1"}},getDataOffset:e=>e.getUint32(5)},getPreviousTagSize:(e,s)=>e.getUint32(s),isSurplusTag:(e,s)=>{let a=!0;const t=e.byteLength;if(s+4>t)a=!1;else if(s+4+11>t)a=!1;else{const n=m(e,s+4+1);s+4+11+n>t&&(a=!1)}return a},tag:{tagHeader:{getTagType:(e,s)=>{const a=e.getUint8(s);let t;switch(a){case 18:t="script";break;case 8:t="audio";break;case 9:t="video";break}return t},getDataSize:(e,s)=>m(e,s+1),getTimestamp:(e,s)=>m(e,s+4),getTimestampExtended:(e,s)=>e.getUint8(s+7),getStreamID:(e,s)=>m(e,s+8)},tagBody:{parseAudio:(e,s,a)=>{let t=s;const n=e.getUint8(t),r=n>>4&15,i=n>>2&3,o=n>>1&1,c=n&1;t=t+1;const g=e.getUint8(t);t=t+1;const d=a-2,h=new Uint8Array(e.buffer.slice(t,t+d));if(r===10&&g===0){const l=e.getUint8(t),p=e.getUint8(t+1),f=(l&248)>>3,y=(l&7)<<1|p>>7,S=(p&120)>>3,A=[96e3,88200,64e3,48e3,44100,32e3,24e3,22050,16e3,12e3,11025,8e3,7350],D=`mp4a.40.${f}`,z=A[y];return{soundFormat:r,soundRate:i,soundSize:o,soundType:c,accPacketType:g,data:h,audioObjectType:f,samplingFrequencyIndex:y,channelConfiguration:S,codec:D,sampleRate:z}}return{soundFormat:r,soundRate:i,soundSize:o,soundType:c,accPacketType:g,data:h}},parseVideo:(e,s,a)=>{let t=s;const n=e.getUint8(t),r=n>>4&15,i=n&15;t=t+1;const o=e.getUint8(t);t=t+1;const c=m(e,t);t=t+3;const g=a-5,d=new Uint8Array(e.buffer.slice(t,t+g));switch(i){case 7:if(o===0){const h=e.getUint8(t);if(t=t+1,h!==1)throw new Error("Invalid AVC version");const l=e.getUint8(t)&255;t=t+1;const p=e.getUint8(t)&255;t=t+1;const f=e.getUint8(t)&255;t=t+1;const A=`avc1.${Array.from([l,p,f],E=>E.toString(16).padStart(2,"0")).join("")}`,D=(e.getUint8(t)&3)-1;t=t+1;const z=e.getUint8(t)&31;t=t+1;const _=e.getUint16(t,!1);t=t+2;const O=new Uint8Array(e.buffer.slice(t,t+_));t=t+_;const I=e.getUint8(t)&31;t=t+1;const x=e.getUint16(t,!1);t=t+2;const M=new Uint8Array(e.buffer.slice(t,t+x));return t=t+x,{frameType:r,codecID:i,avcPacketType:o,cts:c,data:d,version:h,codec:A,profile:l,compatibility:p,level:f,lengthSizeMinusOne:D,numOfSequenceParameterSets:z,sequenceParameterSetLength:_,sps:O,numOfPictureParameterSets:I,pictureParameterSetLength:x,pps:M}}else if(o===1){const h=[],l=t+a-5;for(;t+4<l;){const p=e.getUint32(t,!1);t=t+4;const f=H(e,t);t=t+1;const y=p-1,S=new Uint8Array(e.buffer.slice(t,t+y));t=t+y,h.push({size:p,header:f,payload:S})}return{frameType:r,codecID:i,avcPacketType:o,cts:c,data:d,nalus:h}}break;default:throw new Error("Unsupported codecID")}return{frameType:r,codecID:i,avcPacketType:o,cts:c,data:d}},parseMetaData:(e,s)=>{let a=s;{if(e.getUint8(a)!==2)throw new Error("Invalid AMF type for onMetaData (expected 0x02)");a=a+1}const t=e.getUint16(a,!1);a=a+2;{const i=new Int8Array(e.buffer.slice(a,a+t));if((U?.decode(i)||"")!=="onMetaData")throw new Error("Expected \'onMetaData\' string");a=a+t}const n=b(e,a);return a=a+1,T(e,a,n).value}}}};class L{parseSpeed=8;pendingPayloads=[];payload=new Uint8Array(0);offset=0;is_parsing=!1;header;tag;on={};constructor(){}init=()=>{this.destroy()};push=s=>{this.pendingPayloads.push(s),this.is_parsing||this.parse()};destroy=()=>{this.pendingPayloads=[],this.payload=new Uint8Array(0),this.offset=0,this.is_parsing=!1,this.header=void 0,this.tag=void 0};parse=async()=>{for(this.is_parsing=!0;;){const s=this.pendingPayloads.shift();if(!s)break;const a=new Uint8Array(this.payload.byteLength+s.byteLength);a.set(this.payload,0),a.set(s,this.payload.byteLength),this.payload=a;const t=new DataView(this.payload.buffer);this.header||this.parseHeader(t),await this.parseTag(t)}this.is_parsing=!1};parseHeader=s=>(this.header={signature:u.header.getSignature(s),version:u.header.getVersion(s),flags:u.header.getFlags(s),dataOffset:u.header.getDataOffset(s)},this.offset=this.header?.dataOffset,this.on.header&&this.on.header(this.header),this.header);parseTag=async s=>{const a=(n,r)=>({tagType:u.tag.tagHeader.getTagType(n,r),dataSize:u.tag.tagHeader.getDataSize(n,r),timestamp:u.tag.tagHeader.getTimestamp(n,r),timestampExtended:u.tag.tagHeader.getTimestampExtended(n,r),streamID:u.tag.tagHeader.getStreamID(n,r)}),t=(n,r,i,o)=>{let c;switch(n){case"script":c=u.tag.tagBody.parseMetaData(r,i);break;case"audio":c=u.tag.tagBody.parseAudio(r,i,o);break;case"video":c=u.tag.tagBody.parseVideo(r,i,o);break}return c};for(;this.offset<s.byteLength;){if(u.isSurplusTag(s,this.offset)===!1){this.payload=this.payload.slice(this.offset),this.offset=0;break}const r=a(s,this.offset+4),{tagType:i,dataSize:o}=r;if(!i)break;const c=t(i,s,this.offset+4+11,o);this.tag={header:r,body:c},this.on.tag&&this.on.tag(this.tag),this.offset=this.offset+4+11+o,await new Promise(g=>setTimeout(()=>g(!0),this.parseSpeed))}}}const k=new L;k.on.header=e=>postMessage({action:"onHeader",data:e}),k.on.tag=e=>postMessage({action:"onTag",data:e}),onmessage=e=>{const{action:s,data:a}=e.data,t=k[s];t&&t(a)}})();\n', A = typeof self < "u" && self.Blob && new Blob(["(self.URL || self.webkitURL).revokeObjectURL(self.location.href);", L], { type: "text/javascript;charset=utf-8" });
-function B(i) {
+function E(i) {
   let t;
   try {
     if (t = A && (self.URL || self.webkitURL).createObjectURL(A), !t) throw "";
@@ -18,8 +18,8 @@ function B(i) {
     );
   }
 }
-class E {
-  worker = new B();
+class _ {
+  worker = new E();
   on = {};
   constructor() {
     this.worker.onmessage = (t) => {
@@ -34,11 +34,11 @@ class E {
   };
 }
 const N = `(function(){"use strict";class r{audioDecoderConfig;audioDecoder;videoDecoderConfig;videoDecoder;hasKeyFrame=!1;on={audio:{},video:{}};constructor(){}audio={init:i=>{this.audio.destroy(),this.audioDecoderConfig={...i},this.audioDecoder=new AudioDecoder({output:e=>{this.on.audio.decode&&this.on.audio.decode(e)},error:e=>{this.on.audio.error&&this.on.audio.error(e)}}),this.audioDecoder.configure(this.audioDecoderConfig)},decode:i=>{if(!this.audioDecoder)return;const e=new EncodedAudioChunk(i);this.audioDecoder.decode(e)},flush:()=>{this.audioDecoder?.flush()},destroy:()=>{this.audioDecoderConfig=void 0,this.audioDecoder?.close(),this.audioDecoder=void 0}};video={init:i=>{this.video.destroy(),this.videoDecoderConfig={...i},this.videoDecoder=new VideoDecoder({output:async e=>{const d=await createImageBitmap(e),s=e.timestamp;e.close(),d.width>0&&d.height>0?this.on.video.decode&&this.on.video.decode({timestamp:s,bitmap:d}):d.close()},error:e=>{this.on.video.error&&this.on.video.error(e)}}),this.videoDecoder.configure(this.videoDecoderConfig)},decode:i=>{if(this.videoDecoder&&(i.type==="key"&&(this.hasKeyFrame=!0),this.hasKeyFrame&&this.videoDecoder.decodeQueueSize<2)){const e=new EncodedVideoChunk(i);this.videoDecoder.decode(e)}},flush:()=>{this.videoDecoder?.flush()},destroy:()=>{this.videoDecoderConfig=void 0,this.videoDecoder?.close(),this.videoDecoder=void 0,this.hasKeyFrame=!1}}}const t=new r;t.on.audio.decode=o=>postMessage({type:"audio",action:"onDecode",data:o}),t.on.audio.error=o=>postMessage({type:"audio",action:"onError",data:o}),t.on.video.decode=o=>postMessage({type:"video",action:"onDecode",data:o}),t.on.video.error=o=>postMessage({type:"video",action:"onError",data:o}),onmessage=o=>{const{type:i,action:e,data:d}=o.data,s=t[i][e];s&&s(d)}})();
-`, M = typeof self < "u" && self.Blob && new Blob(["(self.URL || self.webkitURL).revokeObjectURL(self.location.href);", N], { type: "text/javascript;charset=utf-8" });
-function z(i) {
+`, R = typeof self < "u" && self.Blob && new Blob(["(self.URL || self.webkitURL).revokeObjectURL(self.location.href);", N], { type: "text/javascript;charset=utf-8" });
+function V(i) {
   let t;
   try {
-    if (t = M && (self.URL || self.webkitURL).createObjectURL(M), !t) throw "";
+    if (t = R && (self.URL || self.webkitURL).createObjectURL(R), !t) throw "";
     const s = new Worker(t, {
       name: i?.name
     });
@@ -54,18 +54,18 @@ function z(i) {
     );
   }
 }
-class _ {
-  worker = new z();
+class j {
+  worker = new V();
   on = { audio: {}, video: {} };
   constructor() {
     this.worker.onmessage = (t) => {
-      const { type: s, action: e, data: o } = t.data;
+      const { type: s, action: e, data: a } = t.data;
       switch (s) {
         case "audio":
-          e === "onDecode" && this.on.audio.decode && this.on.audio.decode(o), e === "onError" && this.on.audio.error && this.on.audio.error(o);
+          e === "onDecode" && this.on.audio.decode && this.on.audio.decode(a), e === "onError" && this.on.audio.error && this.on.audio.error(a);
           break;
         case "video":
-          e === "onDecode" && this.on.video.decode && this.on.video.decode(o), e === "onError" && this.on.video.error && this.on.video.error(o);
+          e === "onDecode" && this.on.video.decode && this.on.video.decode(a), e === "onError" && this.on.video.error && this.on.video.error(a);
           break;
       }
     };
@@ -90,12 +90,12 @@ class _ {
     this.worker.postMessage({ type: "audio", action: "destroy" }), this.worker.postMessage({ type: "video", action: "destroy", data: {} }), this.worker.terminate();
   };
 }
-const F = `(function(){"use strict";class a{isRendering=!1;pendingFrames=[];offscreenCanvas;ctx;baseTime=0;constructor(){}init=({offscreenCanvas:e,baseTime:i=performance.timeOrigin})=>{this.destroy(),this.offscreenCanvas=e,this.ctx=this.offscreenCanvas.getContext("2d"),this.baseTime=i};destroy=()=>{this.isRendering=!1,this.pendingFrames=[],this.offscreenCanvas=void 0,this.ctx=void 0,this.baseTime=0};push=e=>{this.pendingFrames.push(e),this.isRendering===!1&&setTimeout(this.renderFrame,0)};calculateTimeUntilNextFrame=e=>{const i=performance.timeOrigin+performance.now(),t=this.baseTime+e/1e3-i;return Math.max(0,t)};renderFrame=async()=>{for(this.isRendering=!0;;){const e=this.pendingFrames.shift();if(!e)break;this.isRendering=!1,this.isRendering=!0;let{timestamp:i,bitmap:s}=e;const t=this.calculateTimeUntilNextFrame(i);this.ctx&&this.offscreenCanvas&&(await new Promise(c=>setTimeout(()=>c(!0),t)),this.ctx.drawImage(s,0,0,this.offscreenCanvas.width,this.offscreenCanvas.height)),s.close()}this.isRendering=!1}}const r=new a;onmessage=n=>{const{action:e,data:i}=n.data,s=r[e];s&&s(i)}})();
-`, P = typeof self < "u" && self.Blob && new Blob(["(self.URL || self.webkitURL).revokeObjectURL(self.location.href);", F], { type: "text/javascript;charset=utf-8" });
-function j(i) {
+const F = `(function(){"use strict";class r{isRendering=!1;pendingFrames=[];offscreenCanvas;writable;writer;ctx;cutOption;baseTime=0;pause=!1;shader=["stream"];constructor(){}init=({offscreenCanvas:e,baseTime:t=performance.timeOrigin,writable:i})=>{this.destroy(),this.offscreenCanvas=e,this.writable=i,this.writer=this.writable.getWriter(),this.ctx=this.offscreenCanvas.getContext("2d"),this.baseTime=t};setShader=e=>{this.shader=e};setSize=({width:e,height:t})=>{this.offscreenCanvas&&(this.offscreenCanvas.width=e,this.offscreenCanvas.height=t)};destroy=()=>{this.isRendering=!1,this.pendingFrames=[],this.offscreenCanvas=void 0,this.ctx=void 0,this.baseTime=0};push=e=>{this.pendingFrames.push(e),this.isRendering===!1&&setTimeout(this.renderFrame,0)};setCut=e=>{this.cutOption=e};setPause=e=>{this.pause=e,this.isRendering===!1&&setTimeout(this.renderFrame,0)};calculateTimeUntilNextFrame=e=>{const t=performance.timeOrigin+performance.now(),s=this.baseTime+e/1e3-t;return Math.max(0,s)};renderFrame=async()=>{for(this.isRendering=!0;;){const e=this.pendingFrames.shift();if(!e)break;let{timestamp:t,bitmap:i}=e;if(this.cutOption){const{sx:a=0,sy:c=0,sw:m=i.width,sh:o=i.height}=this.cutOption;i=await createImageBitmap(i,a,c,m,o)}const s=this.calculateTimeUntilNextFrame(t);await new Promise(a=>setTimeout(()=>a(!0),s)),this.drawImage({timestamp:t,bitmap:i}),this.cutOption&&i.close()}this.isRendering=!1};drawImage=e=>{if(this.pause!==!0){if(this.shader.includes("stream")){const t=new VideoFrame(e.bitmap,{timestamp:e.timestamp});this.writer.write(t),t.close()}this.shader.includes("canvas")&&this.ctx&&this.offscreenCanvas&&this.ctx.drawImage(e.bitmap,0,0,this.offscreenCanvas.width,this.offscreenCanvas.height)}}}const h=new r;onmessage=n=>{const{action:e,data:t}=n.data,i=h[e];i&&i(t)}})();
+`, M = typeof self < "u" && self.Blob && new Blob(["(self.URL || self.webkitURL).revokeObjectURL(self.location.href);", F], { type: "text/javascript;charset=utf-8" });
+function H(i) {
   let t;
   try {
-    if (t = P && (self.URL || self.webkitURL).createObjectURL(P), !t) throw "";
+    if (t = M && (self.URL || self.webkitURL).createObjectURL(M), !t) throw "";
     const s = new Worker(t, {
       name: i?.name
     });
@@ -111,101 +111,104 @@ function j(i) {
     );
   }
 }
-class G {
-  worker = new j();
+class $ {
+  worker = new H();
   constructor() {
   }
-  setCut = async (t) => this.worker.postMessage({ action: "setCut", data: t });
-  init = ({ offscreenCanvas: t, baseTime: s = 0 }) => this.worker.postMessage({ action: "init", data: { offscreenCanvas: t, baseTime: s } }, [t]);
+  init = ({ offscreenCanvas: t, baseTime: s = 0, writable: e }) => this.worker.postMessage({ action: "init", data: { offscreenCanvas: t, baseTime: s, writable: e } }, [t, e]);
+  setShader = (t) => this.worker.postMessage({ action: "setShader", data: t });
+  setSize = ({ width: t, height: s }) => this.worker.postMessage({ action: "setSize", data: { width: t, height: s } });
   push = (t) => this.worker.postMessage({ action: "push", data: t });
+  setCut = async (t) => this.worker.postMessage({ action: "setCut", data: t });
+  setPause = (t) => this.worker.postMessage({ action: "setPause", data: t });
   destroy = () => {
     this.worker.postMessage({ action: "destroy", data: {} }), this.worker.terminate();
   };
 }
-var H = Object.defineProperty, $ = (i, t, s) => t in i ? H(i, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : i[t] = s, u = (i, t, s) => $(i, typeof t != "symbol" ? t + "" : t, s);
-class q {
+var q = Object.defineProperty, K = (i, t, s) => t in i ? q(i, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : i[t] = s, h = (i, t, s) => K(i, typeof t != "symbol" ? t + "" : t, s);
+class Q {
   constructor(t, s) {
-    u(this, "inputStream", new MediaStream()), u(this, "outputStream", new MediaStream()), u(this, "inputGain", 1), u(this, "enhanceGain", 1), u(this, "bgsGain", 1), u(this, "bgmGain", 1), u(this, "outputGain", 1), u(this, "mixAudioMap", /* @__PURE__ */ new Map()), u(this, "audioContext", new AudioContext()), u(this, "sourceNode"), u(this, "inputGainNode"), u(this, "enhanceGainNode"), u(this, "bgsGainNode"), u(this, "bgmGainNode"), u(this, "analyserNode"), u(this, "analyserArrayData"), u(this, "outputGainNode"), u(this, "destinationNode"), u(this, "filterStream", (e) => e), u(this, "stop", () => {
+    h(this, "inputStream", new MediaStream()), h(this, "outputStream", new MediaStream()), h(this, "inputGain", 1), h(this, "enhanceGain", 1), h(this, "bgsGain", 1), h(this, "bgmGain", 1), h(this, "outputGain", 1), h(this, "mixAudioMap", /* @__PURE__ */ new Map()), h(this, "audioContext", new AudioContext()), h(this, "sourceNode"), h(this, "inputGainNode"), h(this, "enhanceGainNode"), h(this, "bgsGainNode"), h(this, "bgmGainNode"), h(this, "analyserNode"), h(this, "analyserArrayData"), h(this, "outputGainNode"), h(this, "destinationNode"), h(this, "filterStream", (e) => e), h(this, "stop", () => {
       {
         const e = this.inputStream.getTracks();
-        for (const o of e)
-          o.stop(), this.inputStream.removeTrack(o);
+        for (const a of e)
+          a.stop(), this.inputStream.removeTrack(a);
       }
-    }), u(this, "getStream", () => this.filterStream(this.outputStream)), u(this, "setMute", (e = !0) => {
+    }), h(this, "getStream", () => this.filterStream(this.outputStream)), h(this, "setMute", (e = !0) => {
       e ? this.analyserNode.disconnect(this.outputGainNode) : this.analyserNode.connect(this.outputGainNode);
-    }), u(this, "setInputGain", (e) => {
+    }), h(this, "setInputGain", (e) => {
       this.inputGain = e, this.inputGainNode.gain.setValueAtTime(e, this.audioContext.currentTime);
-    }), u(this, "setEnhanceGain", async (e) => {
+    }), h(this, "setEnhanceGain", async (e) => {
       this.enhanceGain = e + 1, this.enhanceGainNode.gain.setValueAtTime(this.enhanceGain, this.audioContext.currentTime);
-    }), u(this, "setBgsGain", (e) => {
+    }), h(this, "setBgsGain", (e) => {
       this.bgsGain = e, this.bgsGainNode.gain.setValueAtTime(e, this.audioContext.currentTime);
-    }), u(this, "setBgmGain", (e) => {
+    }), h(this, "setBgmGain", (e) => {
       this.bgmGain = e, this.bgmGainNode.gain.setValueAtTime(e, this.audioContext.currentTime);
-    }), u(this, "setOutputGain", (e) => {
+    }), h(this, "setOutputGain", (e) => {
       this.outputGain = e, this.outputGainNode.gain.setValueAtTime(this.outputGain, this.audioContext.currentTime);
-    }), u(this, "getVolume", () => {
-      const { analyserNode: e, analyserArrayData: o } = this;
-      e.getByteFrequencyData(o);
-      let a = 0;
-      for (let n = 0; n < o.length; n++)
-        a += o[n];
-      return Math.ceil(a / o.length);
-    }), u(this, "mixAudio", (e, o = "bgm") => new Promise(async (a, n) => {
+    }), h(this, "getVolume", () => {
+      const { analyserNode: e, analyserArrayData: a } = this;
+      e.getByteFrequencyData(a);
+      let o = 0;
+      for (let n = 0; n < a.length; n++)
+        o += a[n];
+      return Math.ceil(o / a.length);
+    }), h(this, "mixAudio", (e, a = "bgm") => new Promise(async (o, n) => {
       try {
         {
-          const h = this.mixAudioMap.get(o);
-          h && h.stop();
+          const u = this.mixAudioMap.get(a);
+          u && u.stop();
         }
-        const r = o === "bgs" ? this.bgsGainNode : this.bgmGainNode, d = this.audioContext.createBufferSource();
-        this.mixAudioMap.set(o, d), d.buffer = e, d.connect(r), d.onended = () => {
-          d.disconnect(r), this.mixAudioMap.delete(o), a(!0);
+        const r = a === "bgs" ? this.bgsGainNode : this.bgmGainNode, d = this.audioContext.createBufferSource();
+        this.mixAudioMap.set(a, d), d.buffer = e, d.connect(r), d.onended = () => {
+          d.disconnect(r), this.mixAudioMap.delete(a), o(!0);
         }, d.start(0);
       } catch (r) {
         n(r);
       }
-    })), u(this, "mixAudioStop", (e) => {
-      const o = this.mixAudioMap.get(e);
-      o?.stop();
-    }), u(this, "changeMix", (e, o) => {
-      const a = e === "bgs" ? this.bgsGainNode : this.bgmGainNode;
-      o ? a.connect(this.destinationNode) : a.disconnect(this.destinationNode);
+    })), h(this, "mixAudioStop", (e) => {
+      const a = this.mixAudioMap.get(e);
+      a?.stop();
+    }), h(this, "changeMix", (e, a) => {
+      const o = e === "bgs" ? this.bgsGainNode : this.bgmGainNode;
+      a ? o.connect(this.destinationNode) : o.disconnect(this.destinationNode);
     }), s && (this.audioContext = s), this.inputStream = t, this.sourceNode = this.audioContext.createMediaStreamSource(this.inputStream), this.inputGainNode = this.audioContext.createGain(), this.inputGainNode.gain.setValueAtTime(this.inputGain, this.audioContext.currentTime), this.enhanceGainNode = this.audioContext.createGain(), this.enhanceGainNode.gain.setValueAtTime(this.enhanceGain, this.audioContext.currentTime), this.bgsGainNode = this.audioContext.createGain(), this.bgsGainNode.gain.setValueAtTime(this.bgsGain, this.audioContext.currentTime), this.bgmGainNode = this.audioContext.createGain(), this.bgmGainNode.gain.setValueAtTime(this.bgmGain, this.audioContext.currentTime), this.analyserNode = this.audioContext.createAnalyser(), this.analyserNode.fftSize = 512, this.analyserArrayData = new Uint8Array(this.analyserNode.frequencyBinCount), this.outputGainNode = this.audioContext.createGain(), this.outputGainNode.gain.setValueAtTime(this.outputGain, this.audioContext.currentTime), this.destinationNode = this.audioContext.createMediaStreamDestination(), this.outputStream = this.destinationNode.stream;
     {
-      const { sourceNode: e, inputGainNode: o, enhanceGainNode: a, bgsGainNode: n, bgmGainNode: r, analyserNode: d, outputGainNode: h, destinationNode: c } = this;
-      e.connect(o), o.connect(a), a.connect(d), n.connect(d), r.connect(d), a.connect(c), n.connect(c), r.connect(c), d.connect(h), h.connect(this.audioContext.destination);
+      const { sourceNode: e, inputGainNode: a, enhanceGainNode: o, bgsGainNode: n, bgmGainNode: r, analyserNode: d, outputGainNode: u, destinationNode: c } = this;
+      e.connect(a), a.connect(o), o.connect(d), n.connect(d), r.connect(d), o.connect(c), n.connect(c), r.connect(c), d.connect(u), u.connect(this.audioContext.destination);
     }
     this.setMute(!0), this.audioContext.resume();
   }
 }
-const K = async (i, t) => {
+const J = async (i, t) => {
   try {
-    const { format: s, numberOfChannels: e, numberOfFrames: o, sampleRate: a } = t, n = i.createBuffer(e, o, a);
+    const { format: s, numberOfChannels: e, numberOfFrames: a, sampleRate: o } = t, n = i.createBuffer(e, a, o);
     for (let r = 0; r < e; r++) {
-      const d = t.allocationSize({ planeIndex: r }), h = new Uint8Array(d);
-      t.copyTo(h, { planeIndex: r });
-      const c = new DataView(h.buffer), f = n.getChannelData(r);
-      for (let g = 0; g < o; g++) {
-        let l;
+      const d = t.allocationSize({ planeIndex: r }), u = new Uint8Array(d);
+      t.copyTo(u, { planeIndex: r });
+      const c = new DataView(u.buffer), f = n.getChannelData(r);
+      for (let g = 0; g < a; g++) {
+        let p;
         switch (s) {
           case "s16":
           // 16-bit signed PCM (范围: -32768 ~ 32767)
           case "s16-planar":
-            l = c.getInt16(g * 2, !0) / 32768;
+            p = c.getInt16(g * 2, !0) / 32768;
             break;
           case "f32":
           // 32-bit float (范围: -1.0 ~ 1.0)
           case "f32-planar":
-            l = c.getFloat32(g * 4, !0);
+            p = c.getFloat32(g * 4, !0);
             break;
           case "u8":
           // 8-bit unsigned (范围: 0 ~ 255)
           case "u8-planar":
-            l = (c.getUint8(g) - 128) / 128;
+            p = (c.getUint8(g) - 128) / 128;
             break;
           default:
             throw new Error(`Unsupported audio format: ${s}`);
         }
-        f[g] = Math.max(-1, Math.min(1, l));
+        f[g] = Math.max(-1, Math.min(1, p));
       }
     }
     return n;
@@ -213,7 +216,7 @@ const K = async (i, t) => {
     throw console.error("Failed to convert AudioData to AudioBuffer:", s), s;
   }
 };
-class Q {
+class X {
   prAudioStream;
   audioContext;
   destination;
@@ -223,18 +226,18 @@ class Q {
   constructor() {
   }
   init = (t) => {
-    t || (t = new (window.AudioContext || window.webkitAudioContext)()), this.audioContext = t, this.destination = this.audioContext.createMediaStreamDestination(), this.stream = new MediaStream(), this.stream.addTrack(this.destination.stream.getAudioTracks()[0]), this.prAudioStream = new q(this.stream, this.audioContext), this.nextStartTime = 0, this.pendingSources = [];
+    t || (t = new (window.AudioContext || window.webkitAudioContext)()), this.audioContext = t, this.destination = this.audioContext.createMediaStreamDestination(), this.stream = new MediaStream(), this.stream.addTrack(this.destination.stream.getAudioTracks()[0]), this.prAudioStream = new Q(this.stream, this.audioContext), this.nextStartTime = 0, this.pendingSources = [];
   };
   async push(t) {
     try {
       if (!this.audioContext || !this.destination) return;
-      const s = await K(this.audioContext, t);
+      const s = await J(this.audioContext, t);
       if (!s) return;
       const e = this.audioContext.createBufferSource();
       e.buffer = s, e.connect(this.destination);
-      const o = Math.max(this.nextStartTime, this.audioContext.currentTime);
-      this.nextStartTime = o + s.duration, e.start(o), this.pendingSources.push(e), e.onended = () => {
-        this.pendingSources = this.pendingSources.filter((a) => a !== e);
+      const a = Math.max(this.nextStartTime, this.audioContext.currentTime);
+      this.nextStartTime = a + s.duration, e.start(a), this.pendingSources.push(e), e.onended = () => {
+        this.pendingSources = this.pendingSources.filter((o) => o !== e);
       }, this.audioContext.state === "suspended" && await this.audioContext.resume();
     } finally {
       t.close();
@@ -245,7 +248,7 @@ class Q {
     this.audioContext?.close(), this.audioContext = void 0, this.destination = void 0, this.nextStartTime = 0, this.prAudioStream?.stop(), this.pendingSources.forEach((t) => t.stop()), this.pendingSources = [];
   }
 }
-class J {
+class Y {
   #t = {
     timeout: 5 * 1e3
   };
@@ -258,31 +261,31 @@ class J {
    * @param input string | URL | Request
    * @param init RequestInit
    */
-  check = (t, s) => new Promise(async (e, o) => {
+  check = (t, s) => new Promise(async (e, a) => {
     this.stop(), this.#e = new AbortController();
-    const a = window.setTimeout(() => {
-      this.#e?.abort("Timeout."), o({ status: "timeout", reason: "" });
+    const o = window.setTimeout(() => {
+      this.#e?.abort("Timeout."), a({ status: "timeout", reason: "" });
     }, this.#t.timeout);
     try {
       const n = await fetch(t, { ...s, method: "HEAD", signal: this.#e?.signal });
-      n.status === 200 ? e({ status: "successed", reason: "" }) : o({ status: "failed", reason: `${n.status}` });
+      n.status === 200 ? e({ status: "successed", reason: "" }) : a({ status: "failed", reason: `${n.status}` });
     } catch (n) {
-      o({ status: "error", reason: n.message });
+      a({ status: "error", reason: n.message });
     }
-    clearTimeout(a);
+    clearTimeout(o);
   });
   /**
    *
    * @param input string | URL | Request
    * @param init RequestInit
    */
-  request = async (t, s) => new Promise(async (e, o) => {
+  request = async (t, s) => new Promise(async (e, a) => {
     try {
       await this.check(t, s), this.#e = new AbortController();
-      const a = await fetch(t, { ...s, signal: this.#e?.signal });
-      e(a);
-    } catch (a) {
-      this.stop(), o(a);
+      const o = await fetch(t, { ...s, signal: this.#e?.signal });
+      e(o);
+    } catch (o) {
+      this.stop(), a(o);
     }
   });
   /**
@@ -292,57 +295,62 @@ class J {
     this.#e?.signal.aborted === !1 && this.#e.abort("Actively stop.");
   };
 }
-const X = async (i, t) => {
-  const s = [...i.keys()], { timestamp: e, bitmap: o } = t;
-  for (const a of s) {
-    const n = i.get(a);
-    if (!n) continue;
-    const { options: r, worker: d } = n, { sx: h = 0, sy: c = 0, sw: f = o.width, sh: g = o.height } = r, l = await createImageBitmap(o, h, c, f, g);
-    d.push({ timestamp: e, bitmap: l });
-  }
+const O = (i) => {
+  const t = i?.getTracks() || [];
+  for (const s of t)
+    s.stop();
+}, G = (i) => {
+  const t = new $(), s = document.createElement("canvas"), e = s.transferControlToOffscreen(), a = new MediaStreamTrackGenerator({ kind: "video" }), o = new MediaStream([a]), n = () => {
+    t.destroy(), O(o);
+  };
+  return t.init({ offscreenCanvas: e, baseTime: i, writable: a.writable }), { worker: t, canvas: s, stream: o, destroy: n };
 };
-class ye {
-  prFetch = new J();
+class be {
+  prFetch = new Y();
   demuxerWorker;
   decoderWorker;
   audioPlayer;
-  videoPlayerWorker;
+  renderWorker;
   renderBaseTime = 0;
-  cutVideoPlayerWorkers = /* @__PURE__ */ new Map();
+  stream;
   canvas;
   on = { demuxer: {}, decoder: {} };
+  cutRenders = /* @__PURE__ */ new Map();
+  // @ts-ignore
+  trackGenerator;
   constructor() {
   }
   /**
    * 初始化
    */
   init = () => {
-    this.stop(), this.initDemuxer(), this.initDecoder(), this.renderBaseTime = (/* @__PURE__ */ new Date()).getTime(), this.audioPlayer = new Q(), this.audioPlayer.init();
+    this.initDemuxer(), this.initDecoder(), this.audioPlayer = new X(), this.audioPlayer.init(), this.initRender();
   };
   /**
    * 开始播放
    * @param url : string
    */
-  start = async (t) => {
-    try {
-      const e = (await this.prFetch.request(t)).body?.getReader();
-      if (!e) throw new Error("Reader is error.");
-      for (; ; ) {
-        const { done: o, value: a } = await e.read();
-        if (a && this.demuxerWorker?.push(a), o)
-          break;
+  start = async (t) => (this.stop(), this.renderBaseTime = (/* @__PURE__ */ new Date()).getTime(), this.init(), this.prFetch.request(t).then(async (s) => {
+    const e = s.body?.getReader();
+    if (!e) throw new Error("Reader is error.");
+    const a = async () => {
+      const { done: o, value: n } = await e.read();
+      if (n && this.demuxerWorker?.push(n), o) {
+        console.log("\x1B[38;2;0;151;255m%c%s\x1B[0m", "color:#0097ff;", "------->Breathe: done");
+        return;
       }
-    } catch {
-    }
-  };
+      a();
+    };
+    a();
+  }));
   /**
    * 停止
    */
   stop = () => {
-    this.prFetch.stop(), this.demuxerWorker?.destroy(), this.decoderWorker?.destroy(), this.videoPlayerWorker?.destroy();
-    const t = [...this.cutVideoPlayerWorkers.keys()];
+    this.prFetch.stop(), this.demuxerWorker?.destroy(), this.decoderWorker?.destroy(), this.renderWorker?.destroy(), O(this.stream);
+    const t = [...this.cutRenders.keys()];
     for (const s of t)
-      this.video.removeCut(s);
+      this.cut.remove(s);
     this.audioPlayer?.destroy(), this.renderBaseTime = 0, this.canvas = void 0;
   };
   /**
@@ -350,36 +358,36 @@ class ye {
    */
   onTag = (t) => {
     if (!this.decoderWorker) return;
-    const { header: s, body: e } = t, { tagType: o, timestamp: a } = s;
-    switch (o) {
+    const { header: s, body: e } = t, { tagType: a, timestamp: o } = s;
+    switch (a) {
       case "script":
         {
           const { width: n, height: r } = e;
-          this.initRender({ width: n, height: r }), this.on.demuxer.script && this.on.demuxer.script(t);
+          this.renderWorker?.setSize({ width: n, height: r }), this.on.demuxer.script && this.on.demuxer.script(t);
         }
         break;
       case "audio":
         {
           const { accPacketType: n, data: r } = e;
           if (n === 0) {
-            const { codec: d, sampleRate: h, channelConfiguration: c } = e, f = { codec: d, sampleRate: h, numberOfChannels: c, description: new Uint8Array([]) };
+            const { codec: d, sampleRate: u, channelConfiguration: c } = e, f = { codec: d, sampleRate: u, numberOfChannels: c, description: new Uint8Array([]) };
             this.decoderWorker.audio.init(f);
-          } else n === 1 && this.decoderWorker.audio.decode({ type: "key", timestamp: a * 1, data: r });
+          } else n === 1 && this.decoderWorker.audio.decode({ type: "key", timestamp: o * 1, data: r });
           this.on.demuxer.audio && this.on.demuxer.audio(t);
         }
         break;
       case "video":
         {
-          const { avcPacketType: n, frameType: r, data: d, nalus: h = [] } = e;
+          const { avcPacketType: n, frameType: r, data: d, nalus: u = [] } = e;
           if (n === 0) {
             const { codec: c, data: f } = e;
             this.decoderWorker.video.init({ codec: c, description: f });
           } else if (n === 1) {
             const c = r === 1 ? "key" : "delta";
-            this.decoderWorker.video.decode({ type: c, timestamp: a * 1e3, data: d });
-            for (const f of h) {
-              const { header: g, payload: l } = f, { nal_unit_type: m } = g;
-              m === 6 && this.on.demuxer.sei && this.on.demuxer.sei(l);
+            this.decoderWorker.video.decode({ type: c, timestamp: o * 1e3, data: d });
+            for (const f of u) {
+              const { header: g, payload: p } = f, { nal_unit_type: m } = g;
+              m === 6 && this.on.demuxer.sei && this.on.demuxer.sei(p);
             }
           }
           this.on.demuxer.video && this.on.demuxer.video(t);
@@ -391,18 +399,22 @@ class ye {
    * 初始化分离器
    */
   initDemuxer = () => {
-    this.demuxerWorker = new E(), this.demuxerWorker.init(), this.demuxerWorker.on.tag = this.onTag;
+    this.demuxerWorker = new _(), this.demuxerWorker.init(), this.demuxerWorker.on.tag = this.onTag;
   };
   /**
    * 初始化解码器
    */
   initDecoder = () => {
-    this.decoderWorker = new _(), this.decoderWorker.on.audio.decode = (t) => {
-      this.on.decoder.audio && this.on.decoder.audio(t), this.audioPlayer?.push(t);
+    this.decoderWorker = new j(), this.decoderWorker.on.audio.decode = (t) => {
+      this.audioPlayer?.push(t), this.on.decoder.audio && this.on.decoder.audio(t);
     }, this.decoderWorker.on.audio.error = (t) => {
       this.stop(), this.on.error && this.on.error(t);
     }, this.decoderWorker.on.video.decode = async (t) => {
-      this.on.decoder.video && this.on.decoder.video(t), await X(this.cutVideoPlayerWorkers, t), this.videoPlayerWorker?.push(t), t.bitmap.close();
+      this.renderWorker?.push(t);
+      const s = [...this.cutRenders.keys()];
+      for (const e of s)
+        this.cutRenders.get(e)?.worker.push(t);
+      this.on.decoder.video && this.on.decoder.video(t), t.bitmap.close();
     }, this.decoderWorker.on.video.error = (t) => {
       this.stop(), this.on.error && this.on.error(t);
     };
@@ -410,118 +422,133 @@ class ye {
   /**
    * 初始化渲染器
    */
-  initRender = ({ width: t = 256, height: s = 256 } = {}) => {
-    if (!this.on.video) return;
-    this.canvas = document.createElement("canvas"), this.canvas.width = t, this.canvas.height = s;
-    const e = this.canvas.transferControlToOffscreen();
-    this.videoPlayerWorker = new G(), this.videoPlayerWorker.init({ offscreenCanvas: e, baseTime: this.renderBaseTime }), this.on.video(this.canvas);
+  initRender = () => {
+    const { worker: t, canvas: s, stream: e } = G(this.renderBaseTime);
+    this.renderWorker = t, this.canvas = s, this.stream = e, this.renderWorker.setPause(!1);
   };
-  audio = {
-    /**
-     * 是否静音 默认为true
-     * @param state?: boolean
-     */
-    setMute: (t) => this.audioPlayer?.prAudioStream?.setMute(t)
+  getCanvas = () => this.canvas;
+  getStream = () => this.stream;
+  getCutCanvas = (t) => this.cutRenders.get(t)?.canvas;
+  getCutStream = (t) => this.cutRenders.get(t)?.stream;
+  setPause = (t) => {
+    this.renderWorker?.setPause(t);
   };
-  video = {
+  /**
+   * 设置渲染模式
+   */
+  setShader = (t) => {
+    this.renderWorker?.setShader(t);
+  };
+  /**
+   * 是否静音 默认为true
+   * @param state?: boolean
+   */
+  setMute = (t) => this.audioPlayer?.prAudioStream?.setMute(t);
+  cut = {
     /**
      * 创建剪切
      */
-    createCut: (t, s) => {
-      this.cutVideoPlayerWorkers.has(t) && this.cutVideoPlayerWorkers.get(t)?.worker.destroy();
-      const e = document.createElement("canvas"), { sw: o, sh: a } = s;
-      e.width = o || e.width, e.height = a || e.height;
-      const n = new G(), r = e.transferControlToOffscreen();
-      n.init({ offscreenCanvas: r, baseTime: this.renderBaseTime }), n.setCut(s), this.cutVideoPlayerWorkers.set(t, { options: s, worker: n }), this.on.cut && this.on.cut(t, e);
+    create: (t, s) => {
+      let e = this.cutRenders.get(t);
+      return e ? (e.worker.setCut(s), e.worker.setPause(!1), e) : (e = G(this.renderBaseTime), e.worker.setCut(s), this.cutRenders.set(t, e), e);
+    },
+    setPause: (t, s) => {
+      this.cutRenders.get(t)?.worker.setPause(s);
+    },
+    /**
+     * 设置渲染模式
+     */
+    setShader: (t, s) => {
+      this.cutRenders.get(t)?.worker.setShader(s);
     },
     /**
      * 移除剪切
      */
-    removeCut: (t) => {
-      this.cutVideoPlayerWorkers.get(t)?.worker.destroy(), this.cutVideoPlayerWorkers.delete(t);
+    remove: (t) => {
+      this.cutRenders.get(t)?.destroy(), this.cutRenders.delete(t);
     }
   };
 }
-const U = new TextDecoder("utf-8"), Y = (i, t) => {
-  const s = i.getUint8(t), e = s >> 7 & 1, o = s >> 5 & 3, a = s & 31;
-  return { forbidden_zero_bit: e, nal_ref_idc: o, nal_unit_type: a };
-}, w = (i, t) => i.getUint8(t), R = (i, t, s) => {
+const U = new TextDecoder("utf-8"), Z = (i, t) => {
+  const s = i.getUint8(t), e = s >> 7 & 1, a = s >> 5 & 3, o = s & 31;
+  return { forbidden_zero_bit: e, nal_ref_idc: a, nal_unit_type: o };
+}, w = (i, t) => i.getUint8(t), P = (i, t, s) => {
   const e = new Uint8Array(i.buffer.slice(t, t + s));
   return U?.decode(e) || "";
 }, T = (i, t, s) => {
-  let e = t, o, a = 0;
+  let e = t, a, o = 0;
   switch (s) {
     case 0:
-      o = i.getFloat64(e, !1), a = 8;
+      a = i.getFloat64(e, !1), o = 8;
       break;
     case 1:
-      o = !!i.getUint8(e), a = 1;
+      a = !!i.getUint8(e), o = 1;
       break;
     case 2:
       {
-        o = "";
+        a = "";
         const r = i.getUint16(e, !1);
         e = e + 2;
         const d = new Int8Array(i.buffer, e, r).filter((c) => c !== 0);
-        o = (U?.decode(d) || "").trim(), a = 2 + r;
+        a = (U?.decode(d) || "").trim(), o = 2 + r;
       }
       break;
     case 3:
-      for (o = {}; e < i.byteLength; ) {
+      for (a = {}; e < i.byteLength; ) {
         const r = i.getUint16(e, !1);
         if (r === 0) break;
         e = e + 2;
-        const d = R(i, e, r);
+        const d = P(i, e, r);
         e = e + r;
-        const h = w(i, e);
-        if (h === 6) break;
+        const u = w(i, e);
+        if (u === 6) break;
         e = e + 1;
-        const c = T(i, e, h);
-        e = e + c.length, o[d] = c.value, a = 2 + r + 1 + c.length;
+        const c = T(i, e, u);
+        e = e + c.length, a[d] = c.value, o = 2 + r + 1 + c.length;
       }
       break;
     case 8:
       {
-        o = {};
+        a = {};
         const r = i.getUint32(e, !1);
         e = e + 4;
         for (let d = 0; d < r; d++) {
-          const h = i.getUint16(e, !1);
+          const u = i.getUint16(e, !1);
           e = e + 2;
-          const c = R(i, e, h);
-          e = e + h;
+          const c = P(i, e, u);
+          e = e + u;
           const f = w(i, e);
           e = e + 1;
           const g = T(i, e, f);
-          e = e + g.length, o[c] = g.value, a = 2 + h + 1 + g.length;
+          e = e + g.length, a[c] = g.value, o = 2 + u + 1 + g.length;
         }
       }
       break;
     case 10:
       {
-        o = [];
+        a = [];
         const r = i.getUint32(e, !1);
         e = e + 4;
         for (let d = 0; d < r; d++) {
-          const h = w(i, e);
+          const u = w(i, e);
           e = e + 1;
-          const c = T(i, e, h);
-          e = e + c.length, o.push(c.value), a = 1 + c.length;
+          const c = T(i, e, u);
+          e = e + c.length, a.push(c.value), o = 1 + c.length;
         }
       }
       break;
   }
-  return { amfType: s, length: a, value: o };
-}, b = (i, t) => i.getUint8(t) << 16 | i.getUint8(t + 1) << 8 | i.getUint8(t + 2), Z = (i) => {
+  return { amfType: s, length: o, value: a };
+}, b = (i, t) => i.getUint8(t) << 16 | i.getUint8(t + 1) << 8 | i.getUint8(t + 2), ee = (i) => {
   const t = new Int8Array(i.buffer.slice(0, 3));
   return U?.decode(t) || "";
-}, ee = (i) => i.getUint8(3), te = (i) => {
-  const s = i.getUint8(0).toString(2).padStart(5, "0").split(""), [, , e, , o] = s;
+}, te = (i) => i.getUint8(3), se = (i) => {
+  const s = i.getUint8(0).toString(2).padStart(5, "0").split(""), [, , e, , a] = s;
   return {
-    audio: o === "1",
+    audio: a === "1",
     video: e === "1"
   };
-}, se = (i) => i.getUint32(5), ie = { getSignature: Z, getVersion: ee, getFlags: te, getDataOffset: se }, oe = (i, t) => {
+}, ie = (i) => i.getUint32(5), ae = { getSignature: ee, getVersion: te, getFlags: se, getDataOffset: ie }, oe = (i, t) => {
   let s = !0;
   const e = i.byteLength;
   if (t + 4 > e)
@@ -529,11 +556,11 @@ const U = new TextDecoder("utf-8"), Y = (i, t) => {
   else if (t + 4 + 11 > e)
     s = !1;
   else {
-    const o = b(i, t + 4 + 1);
-    t + 4 + 11 + o > e && (s = !1);
+    const a = b(i, t + 4 + 1);
+    t + 4 + 11 + a > e && (s = !1);
   }
   return s;
-}, ae = (i, t) => i.getUint32(t), ne = (i, t) => {
+}, ne = (i, t) => i.getUint32(t), re = (i, t) => {
   const s = i.getUint8(t);
   let e;
   switch (s) {
@@ -548,7 +575,7 @@ const U = new TextDecoder("utf-8"), Y = (i, t) => {
       break;
   }
   return e;
-}, re = (i, t) => b(i, t + 1), de = (i, t) => b(i, t + 4), ce = (i, t) => i.getUint8(t + 7), he = (i, t) => b(i, t + 8), ue = (i, t) => {
+}, de = (i, t) => b(i, t + 1), ce = (i, t) => b(i, t + 4), he = (i, t) => i.getUint8(t + 7), ue = (i, t) => b(i, t + 8), ge = (i, t) => {
   let s = t;
   {
     if (i.getUint8(s) !== 2) throw new Error("Invalid AMF type for onMetaData (expected 0x02)");
@@ -561,29 +588,29 @@ const U = new TextDecoder("utf-8"), Y = (i, t) => {
     if ((U?.decode(n) || "") !== "onMetaData") throw new Error("Expected 'onMetaData' string");
     s = s + e;
   }
-  const o = w(i, s);
-  return s = s + 1, T(i, s, o).value;
-}, ge = (i, t, s) => {
+  const a = w(i, s);
+  return s = s + 1, T(i, s, a).value;
+}, fe = (i, t, s) => {
   let e = t;
-  const o = i.getUint8(e), a = o >> 4 & 15, n = o >> 2 & 3, r = o >> 1 & 1, d = o & 1;
+  const a = i.getUint8(e), o = a >> 4 & 15, n = a >> 2 & 3, r = a >> 1 & 1, d = a & 1;
   e = e + 1;
-  const h = i.getUint8(e);
+  const u = i.getUint8(e);
   e = e + 1;
   const c = s - 2, f = new Uint8Array(i.buffer.slice(e, e + c));
-  if (a === 10 && h === 0) {
-    const g = i.getUint8(e), l = i.getUint8(e + 1), m = (g & 248) >> 3, y = (g & 7) << 1 | l >> 7, k = (l & 120) >> 3, v = [96e3, 88200, 64e3, 48e3, 44100, 32e3, 24e3, 22050, 16e3, 12e3, 11025, 8e3, 7350], x = `mp4a.40.${m}`, D = v[y];
-    return { soundFormat: a, soundRate: n, soundSize: r, soundType: d, accPacketType: h, data: f, audioObjectType: m, samplingFrequencyIndex: y, channelConfiguration: k, codec: x, sampleRate: D };
+  if (o === 10 && u === 0) {
+    const g = i.getUint8(e), p = i.getUint8(e + 1), m = (g & 248) >> 3, y = (g & 7) << 1 | p >> 7, k = (p & 120) >> 3, v = [96e3, 88200, 64e3, 48e3, 44100, 32e3, 24e3, 22050, 16e3, 12e3, 11025, 8e3, 7350], x = `mp4a.40.${m}`, S = v[y];
+    return { soundFormat: o, soundRate: n, soundSize: r, soundType: d, accPacketType: u, data: f, audioObjectType: m, samplingFrequencyIndex: y, channelConfiguration: k, codec: x, sampleRate: S };
   }
-  return { soundFormat: a, soundRate: n, soundSize: r, soundType: d, accPacketType: h, data: f };
-}, fe = (i, t, s) => {
+  return { soundFormat: o, soundRate: n, soundSize: r, soundType: d, accPacketType: u, data: f };
+}, pe = (i, t, s) => {
   let e = t;
-  const o = i.getUint8(e), a = o >> 4 & 15, n = o & 15;
+  const a = i.getUint8(e), o = a >> 4 & 15, n = a & 15;
   e = e + 1;
   const r = i.getUint8(e);
   e = e + 1;
   const d = b(i, e);
   e = e + 3;
-  const h = s - 5, c = new Uint8Array(i.buffer.slice(e, e + h));
+  const u = s - 5, c = new Uint8Array(i.buffer.slice(e, e + u));
   switch (n) {
     case 7:
       if (r === 0) {
@@ -591,43 +618,43 @@ const U = new TextDecoder("utf-8"), Y = (i, t) => {
         if (e = e + 1, f !== 1) throw new Error("Invalid AVC version");
         const g = i.getUint8(e) & 255;
         e = e + 1;
-        const l = i.getUint8(e) & 255;
+        const p = i.getUint8(e) & 255;
         e = e + 1;
         const m = i.getUint8(e) & 255;
         e = e + 1;
-        const v = `avc1.${Array.from([g, l, m], (V) => V.toString(16).padStart(2, "0")).join("")}`, x = (i.getUint8(e) & 3) - 1;
+        const v = `avc1.${Array.from([g, p, m], (z) => z.toString(16).padStart(2, "0")).join("")}`, x = (i.getUint8(e) & 3) - 1;
         e = e + 1;
-        const D = i.getUint8(e) & 31;
+        const S = i.getUint8(e) & 31;
         e = e + 1;
-        const S = i.getUint16(e, !1);
+        const D = i.getUint16(e, !1);
         e = e + 2;
-        const W = new Uint8Array(i.buffer.slice(e, e + S));
-        e = e + S;
-        const O = i.getUint8(e) & 31;
+        const I = new Uint8Array(i.buffer.slice(e, e + D));
+        e = e + D;
+        const W = i.getUint8(e) & 31;
         e = e + 1;
         const C = i.getUint16(e, !1);
         e = e + 2;
-        const I = new Uint8Array(i.buffer.slice(e, e + C));
-        return e = e + C, { frameType: a, codecID: n, avcPacketType: r, cts: d, data: c, version: f, codec: v, profile: g, compatibility: l, level: m, lengthSizeMinusOne: x, numOfSequenceParameterSets: D, sequenceParameterSetLength: S, sps: W, numOfPictureParameterSets: O, pictureParameterSetLength: C, pps: I };
+        const B = new Uint8Array(i.buffer.slice(e, e + C));
+        return e = e + C, { frameType: o, codecID: n, avcPacketType: r, cts: d, data: c, version: f, codec: v, profile: g, compatibility: p, level: m, lengthSizeMinusOne: x, numOfSequenceParameterSets: S, sequenceParameterSetLength: D, sps: I, numOfPictureParameterSets: W, pictureParameterSetLength: C, pps: B };
       } else if (r === 1) {
         const f = [], g = e + s - 5;
         for (; e + 4 < g; ) {
-          const l = i.getUint32(e, !1);
+          const p = i.getUint32(e, !1);
           e = e + 4;
-          const m = Y(i, e);
+          const m = Z(i, e);
           e = e + 1;
-          const y = l - 1, k = new Uint8Array(i.buffer.slice(e, e + y));
-          e = e + y, f.push({ size: l, header: m, payload: k });
+          const y = p - 1, k = new Uint8Array(i.buffer.slice(e, e + y));
+          e = e + y, f.push({ size: p, header: m, payload: k });
         }
-        return { frameType: a, codecID: n, avcPacketType: r, cts: d, data: c, nalus: f };
+        return { frameType: o, codecID: n, avcPacketType: r, cts: d, data: c, nalus: f };
       }
       break;
     default:
       throw new Error("Unsupported codecID");
   }
-  return { frameType: a, codecID: n, avcPacketType: r, cts: d, data: c };
-}, le = { getTagType: ne, getDataSize: re, getTimestamp: de, getTimestampExtended: ce, getStreamID: he }, pe = { parseAudio: ge, parseVideo: fe, parseMetaData: ue }, me = { tagHeader: le, tagBody: pe }, p = { header: ie, getPreviousTagSize: ae, isSurplusTag: oe, tag: me };
-class be {
+  return { frameType: o, codecID: n, avcPacketType: r, cts: d, data: c };
+}, le = { getTagType: re, getDataSize: de, getTimestamp: ce, getTimestampExtended: he, getStreamID: ue }, me = { parseAudio: fe, parseVideo: pe, parseMetaData: ge }, ye = { tagHeader: le, tagBody: me }, l = { header: ae, getPreviousTagSize: ne, isSurplusTag: oe, tag: ye };
+class ke {
   parseSpeed = 8;
   pendingPayloads = [];
   payload = new Uint8Array(0);
@@ -660,46 +687,46 @@ class be {
     this.is_parsing = !1;
   };
   parseHeader = (t) => (this.header = {
-    signature: p.header.getSignature(t),
-    version: p.header.getVersion(t),
-    flags: p.header.getFlags(t),
-    dataOffset: p.header.getDataOffset(t)
+    signature: l.header.getSignature(t),
+    version: l.header.getVersion(t),
+    flags: l.header.getFlags(t),
+    dataOffset: l.header.getDataOffset(t)
   }, this.offset = this.header?.dataOffset, this.on.header && this.on.header(this.header), this.header);
   parseTag = async (t) => {
-    const s = (o, a) => ({
-      tagType: p.tag.tagHeader.getTagType(o, a),
-      dataSize: p.tag.tagHeader.getDataSize(o, a),
-      timestamp: p.tag.tagHeader.getTimestamp(o, a),
-      timestampExtended: p.tag.tagHeader.getTimestampExtended(o, a),
-      streamID: p.tag.tagHeader.getStreamID(o, a)
-    }), e = (o, a, n, r) => {
+    const s = (a, o) => ({
+      tagType: l.tag.tagHeader.getTagType(a, o),
+      dataSize: l.tag.tagHeader.getDataSize(a, o),
+      timestamp: l.tag.tagHeader.getTimestamp(a, o),
+      timestampExtended: l.tag.tagHeader.getTimestampExtended(a, o),
+      streamID: l.tag.tagHeader.getStreamID(a, o)
+    }), e = (a, o, n, r) => {
       let d;
-      switch (o) {
+      switch (a) {
         case "script":
-          d = p.tag.tagBody.parseMetaData(a, n);
+          d = l.tag.tagBody.parseMetaData(o, n);
           break;
         case "audio":
-          d = p.tag.tagBody.parseAudio(a, n, r);
+          d = l.tag.tagBody.parseAudio(o, n, r);
           break;
         case "video":
-          d = p.tag.tagBody.parseVideo(a, n, r);
+          d = l.tag.tagBody.parseVideo(o, n, r);
           break;
       }
       return d;
     };
     for (; this.offset < t.byteLength; ) {
-      if (p.isSurplusTag(t, this.offset) === !1) {
+      if (l.isSurplusTag(t, this.offset) === !1) {
         this.payload = this.payload.slice(this.offset), this.offset = 0;
         break;
       }
-      const a = s(t, this.offset + 4), { tagType: n, dataSize: r } = a;
+      const o = s(t, this.offset + 4), { tagType: n, dataSize: r } = o;
       if (!n) break;
       const d = e(n, t, this.offset + 4 + 11, r);
-      this.tag = { header: a, body: d }, this.on.tag && this.on.tag(this.tag), this.offset = this.offset + 4 + 11 + r, await new Promise((h) => setTimeout(() => h(!0), this.parseSpeed));
+      this.tag = { header: o, body: d }, this.on.tag && this.on.tag(this.tag), this.offset = this.offset + 4 + 11 + r, await new Promise((u) => setTimeout(() => u(!0), this.parseSpeed));
     }
   };
 }
-class ke {
+class we {
   audioDecoderConfig;
   audioDecoder;
   videoDecoderConfig;
@@ -735,8 +762,8 @@ class ke {
     init: (t) => {
       this.video.destroy(), this.videoDecoderConfig = { ...t }, this.videoDecoder = new VideoDecoder({
         output: async (s) => {
-          const e = await createImageBitmap(s), o = s.timestamp;
-          s.close(), e.width > 0 && e.height > 0 ? this.on.video.decode && this.on.video.decode({ timestamp: o, bitmap: e }) : e.close();
+          const e = await createImageBitmap(s), a = s.timestamp;
+          s.close(), e.width > 0 && e.height > 0 ? this.on.video.decode && this.on.video.decode({ timestamp: a, bitmap: e }) : e.close();
         },
         error: (s) => {
           this.on.video.error && this.on.video.error(s);
@@ -757,16 +784,33 @@ class ke {
     }
   };
 }
-class we {
+class Te {
   isRendering = !1;
   pendingFrames = [];
   offscreenCanvas;
+  writable;
+  writer;
   ctx;
+  cutOption;
   baseTime = 0;
+  pause = !1;
+  shader = ["stream"];
   constructor() {
   }
-  init = ({ offscreenCanvas: t, baseTime: s = performance.timeOrigin }) => {
-    this.destroy(), this.offscreenCanvas = t, this.ctx = this.offscreenCanvas.getContext("2d"), this.baseTime = s;
+  init = ({ offscreenCanvas: t, baseTime: s = performance.timeOrigin, writable: e }) => {
+    this.destroy(), this.offscreenCanvas = t, this.writable = e, this.writer = this.writable.getWriter(), this.ctx = this.offscreenCanvas.getContext("2d"), this.baseTime = s;
+  };
+  /**
+   * 设置渲染模式
+   */
+  setShader = (t) => {
+    this.shader = t;
+  };
+  /**
+   * 设置尺寸
+   */
+  setSize = ({ width: t, height: s }) => {
+    this.offscreenCanvas && (this.offscreenCanvas.width = t, this.offscreenCanvas.height = s);
   };
   destroy = () => {
     this.isRendering = !1, this.pendingFrames = [], this.offscreenCanvas = void 0, this.ctx = void 0, this.baseTime = 0;
@@ -774,28 +818,52 @@ class we {
   push = (t) => {
     this.pendingFrames.push(t), this.isRendering === !1 && setTimeout(this.renderFrame, 0);
   };
+  /**
+   * 设置剪切
+   */
+  setCut = (t) => {
+    this.cutOption = t;
+  };
+  /**
+   * 设置暂停
+   */
+  setPause = (t) => {
+    this.pause = t, this.isRendering === !1 && setTimeout(this.renderFrame, 0);
+  };
   calculateTimeUntilNextFrame = (t) => {
-    const s = performance.timeOrigin + performance.now(), o = this.baseTime + t / 1e3 - s;
-    return Math.max(0, o);
+    const s = performance.timeOrigin + performance.now(), a = this.baseTime + t / 1e3 - s;
+    return Math.max(0, a);
   };
   renderFrame = async () => {
     for (this.isRendering = !0; ; ) {
       const t = this.pendingFrames.shift();
       if (!t) break;
-      this.isRendering = !1, this.isRendering = !0;
       let { timestamp: s, bitmap: e } = t;
-      const o = this.calculateTimeUntilNextFrame(s);
-      this.ctx && this.offscreenCanvas && (await new Promise((a) => setTimeout(() => a(!0), o)), this.ctx.drawImage(e, 0, 0, this.offscreenCanvas.width, this.offscreenCanvas.height)), e.close();
+      if (this.cutOption) {
+        const { sx: o = 0, sy: n = 0, sw: r = e.width, sh: d = e.height } = this.cutOption;
+        e = await createImageBitmap(e, o, n, r, d);
+      }
+      const a = this.calculateTimeUntilNextFrame(s);
+      await new Promise((o) => setTimeout(() => o(!0), a)), this.drawImage({ timestamp: s, bitmap: e }), this.cutOption && e.close();
     }
     this.isRendering = !1;
   };
+  drawImage = (t) => {
+    if (this.pause !== !0) {
+      if (this.shader.includes("stream")) {
+        const s = new VideoFrame(t.bitmap, { timestamp: t.timestamp });
+        this.writer.write(s), s.close();
+      }
+      this.shader.includes("canvas") && this.ctx && this.offscreenCanvas && this.ctx.drawImage(t.bitmap, 0, 0, this.offscreenCanvas.width, this.offscreenCanvas.height);
+    }
+  };
 }
 export {
-  ke as Decoder,
-  _ as DecoderWorker,
-  be as Demuxer,
-  E as DemuxerWorker,
-  ye as PrPlayer,
-  we as VideoPlayer,
-  G as VideoPlayerWorker
+  we as Decoder,
+  j as DecoderWorker,
+  ke as Demuxer,
+  _ as DemuxerWorker,
+  be as PrPlayer,
+  Te as Render,
+  $ as RenderWorker
 };