pr-player 0.0.3 → 0.0.5

package/dist/index.js

@@ -18,7 +18,7 @@ function E(i) {
     );
   }
 }
-class z {
+class _ {
   worker = new E();
   on = {};
   constructor() {
@@ -34,11 +34,11 @@ class z {
   };
 }
 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" });
+`, 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 V(i) {
     );
   }
 }
-class _ {
+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 R {
-  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,36 +295,36 @@ 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 });
-  }
-}, Y = (i) => {
-  const t = [...i.keys()];
+const O = (i) => {
+  const t = i?.getTracks() || [];
   for (const s of t)
-    i.get(s)?.worker.destroy(), i.delete(s);
+    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 be {
-  prFetch = new J();
+  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();
   };
   /**
    * 开始播放
@@ -329,11 +332,12 @@ class be {
    */
   start = async (t) => {
     try {
+      this.stop(), this.renderBaseTime = (/* @__PURE__ */ new Date()).getTime(), this.init();
       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)
+        const { done: a, value: o } = await e.read();
+        if (o && this.demuxerWorker?.push(o), a)
           break;
       }
     } catch {
@@ -343,43 +347,47 @@ class be {
    * 停止
    */
   stop = () => {
-    this.prFetch.stop(), this.demuxerWorker?.destroy(), this.decoderWorker?.destroy(), this.videoPlayerWorker?.destroy(), Y(this.cutVideoPlayerWorkers), this.audioPlayer?.destroy(), this.renderBaseTime = 0, this.canvas = void 0;
+    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.cut.remove(s);
+    this.audioPlayer?.destroy(), this.renderBaseTime = 0, this.canvas = void 0;
   };
   /**
    * 监听媒体 tag
    */
   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 be {
    * 初始化分离器
    */
   initDemuxer = () => {
-    this.demuxerWorker = new z(), 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 = (t) => {
-      this.on.decoder.video && this.on.decoder.video(t), X(this.cutVideoPlayerWorkers, t), this.videoPlayerWorker?.push(t), t.bitmap.close();
+    }, this.decoderWorker.on.video.decode = async (t) => {
+      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,112 +422,133 @@ class be {
   /**
    * 初始化渲染器
    */
-  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 R(), 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 R(), 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);
+    },
+    /**
+     * 移除剪切
+     */
+    remove: (t) => {
+      this.cutRenders.get(t)?.destroy(), this.cutRenders.delete(t);
     }
   };
 }
 const U = new TextDecoder("utf-8"), Z = (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), G = (i, t, s) => {
+  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 = G(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 = G(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 };
+  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) || "";
 }, te = (i) => i.getUint8(3), se = (i) => {
-  const s = i.getUint8(0).toString(2).padStart(5, "0").split(""), [, , e, , o] = s;
+  const s = i.getUint8(0).toString(2).padStart(5, "0").split(""), [, , e, , a] = s;
   return {
-    audio: o === "1",
+    audio: a === "1",
     video: e === "1"
   };
-}, ie = (i) => i.getUint32(5), oe = { getSignature: ee, getVersion: te, getFlags: se, getDataOffset: ie }, ae = (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)
@@ -523,11 +556,11 @@ const U = new TextDecoder("utf-8"), Z = (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;
-}, ne = (i, t) => i.getUint32(t), re = (i, t) => {
+}, re = (i, t) => i.getUint32(t), ne = (i, t) => {
   const s = i.getUint8(t);
   let e;
   switch (s) {
@@ -555,29 +588,29 @@ const U = new TextDecoder("utf-8"), Z = (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;
+  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 };
-}, le = (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) {
@@ -585,42 +618,42 @@ const U = new TextDecoder("utf-8"), Z = (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], (B) => B.toString(16).padStart(2, "0")).join("")}`, x = (i.getUint8(e) & 3) - 1;
+        const v = `avc1.${Array.from([g, p, m], (B) => B.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 z = 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: z };
       } 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 = 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 };
-}, pe = { getTagType: re, getDataSize: de, getTimestamp: ce, getTimestampExtended: he, getStreamID: ue }, me = { parseAudio: fe, parseVideo: le, parseMetaData: ge }, ye = { tagHeader: pe, tagBody: me }, p = { header: oe, getPreviousTagSize: ne, isSurplusTag: ae, tag: ye };
+  return { frameType: o, codecID: n, avcPacketType: r, cts: d, data: c };
+}, le = { getTagType: ne, getDataSize: de, getTimestamp: ce, getTimestampExtended: he, getStreamID: ue }, me = { parseAudio: fe, parseVideo: pe, parseMetaData: ge }, ye = { tagHeader: le, tagBody: me }, l = { header: ae, getPreviousTagSize: re, isSurplusTag: oe, tag: ye };
 class ke {
   parseSpeed = 8;
   pendingPayloads = [];
@@ -654,42 +687,42 @@ class ke {
     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));
     }
   };
 }
@@ -729,8 +762,8 @@ class we {
     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);
@@ -755,12 +788,29 @@ 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;
@@ -768,28 +818,52 @@ class Te {
   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 {
   we as Decoder,
-  _ as DecoderWorker,
+  j as DecoderWorker,
   ke as Demuxer,
-  z as DemuxerWorker,
+  _ as DemuxerWorker,
   be as PrPlayer,
-  Te as VideoPlayer,
-  R as VideoPlayerWorker
+  Te as Render,
+  $ as RenderWorker
 };