refactor(mediabunny): [PKG-MB-04] checkpoint typed shim and event cleanup

packages/artplayer-proxy-mediabunny/ARCHITECTURE.md

@@ -17,13 +17,31 @@ declarations, the factory signature, canvas forwarding, or package entrypoints.
 | `load-session.ts` | Ownership of the pending/active SDK Input, HEAD AbortController, deferred load events and deadline |
 | `MediaBunnyEngine.js` | Current coordinator; connects session cancellation to load, source replacement, errors and destroy |
 | `VideoEngine.js` / `AudioEngine.js` | Current native decoding, rendering, seeking, Web Audio clock and scheduling |
-| `VideoShim.js` / `EventTarget.js` | Current video-like descriptors and event forwarding |
+| `VideoShim.ts` / `EventTarget.ts` | Video-like descriptors, synchronous/Promise forwarding and owned event lifecycle |
+| `shim-values.ts` | Existing volume coercion and synthetic TimeRanges values |
+| `shim-frames.ts` | Synthetic frame callbacks, per-instance RAF ownership and terminal cleanup |
+| `engine-types.ts` / `MediaBunnyEngine.d.ts` | Explicit temporary coordinator boundary while its JavaScript implementation is migrated in MB-04 |
 | `m3u8.js` | Current ArtPlayer control/setting integration |
 
-The six TypeScript modules use strict checking with `skipLibCheck: false` and no
-ambient Node types. Remaining JavaScript is explicitly scheduled in PKG-MB-04/05/06/07/08.
+The eleven TypeScript modules use strict checking with `skipLibCheck: false` and no
+ambient Node types. The adjacent coordinator declaration is a transitional boundary,
+not proof that the JavaScript coordinator has been checked. Replace it with the actual
+strict implementation before completing MB-04. Remaining JavaScript is explicitly
+scheduled in PKG-MB-04/05/06/07/08.
 Do not describe the whole package as migrated yet.
 
+The shim keeps its existing own-property order and direct prototype surface because
+the entry copies those descriptors onto the canvas. Resource bookkeeping lives in a
+WeakMap rather than adding accidental canvas properties. Frame callback IDs include
+zero; destruction cancels pending callbacks and closes scheduling. The callback metadata
+remains synthetic (`presentedFrames: 0`), not a claim of decoded frame accuracy.
+
+EventTarget retains duplicate listeners, first-match removal, live-array `forEach`
+mutation semantics, detail identity and listener exceptions during normal dispatch.
+Its terminal state stops callbacks later in a dispatch when a listener destroys the
+shim. Shim teardown closes events in `finally`, even if engine cleanup throws, and
+subsequent teardown is inert. Engine playback/readiness race fixes remain in progress.
+
 ## Input and cancellation flow
 
 Each `engine.load` invalidates the previous generation and cancels its session.
@@ -69,6 +87,7 @@ yarn test:mediabunny
 node node_modules/typescript/bin/tsc -p packages/artplayer-proxy-mediabunny/tsconfig.json
 yarn build artplayer-proxy-mediabunny
 yarn test:browser test/browser/mediabunny-inputs.spec.js test/browser/mediabunny.spec.js test/browser/mediabunny-load.spec.js
+yarn test:browser test/browser/mediabunny-shim.spec.js
 ```
 
 Node tests use actual SDK parsing and controlled lifecycle interleavings. Browser tests

packages/artplayer-proxy-mediabunny/dist/artplayer-proxy-mediabunny.js

@@ -4,4 +4,4 @@
  * (c) 2017-2026 Harvey Zhao
  * Released under the MIT License.
  */
-!function(e,t){"object"===typeof exports&&"undefined"!==typeof module?module.exports=t():"function"==typeof define&&define.amd?(e.artplayerProxyMediabunny=t(),define(function(){return e.artplayerProxyMediabunny})):(e="undefined"!==typeof globalThis?globalThis:e||self).artplayerProxyMediabunny=t()}(this,function(){"use strict";function e(e,t){const i=new Map;return e.filter(e=>{const r=e[t];return void 0===r||!i.has(r)&&i.set(r,1)})}class t{constructor(){this.listeners=new Map}addEventListener(e,t){this.listeners.has(e)||this.listeners.set(e,[]),this.listeners.get(e).push(t)}removeEventListener(e,t){const i=this.listeners.get(e);if(!i)return;const r=i.indexOf(t);r>=0&&i.splice(r,1)}emit(e,t){const i=new Event(e);i.detail=t;const r=this.listeners.get(e);r&&r.forEach(e=>e(i))}}function i(e){if(!e)throw new Error("Assertion failed.")}const r=e=>{const t=(e%360+360)%360;if(0===t||90===t||180===t||270===t)return t;throw new Error(`Invalid rotation ${e}.`)},a=e=>e&&e[e.length-1],s=e=>{let t=0;for(;0===e.readBits(1)&&t<32;)t++;if(t>=32)throw new Error("Invalid exponential-Golomb code.");return(1<<t)-1+e.readBits(t)},n=(e,t)=>{const i=t+1,r=Math.floor(Math.log2(i));e.writeBits(r,0),e.writeBits(1,1),e.writeBits(r,i-2**r)},o=e=>{const t=s(e);return 0===(1&t)?-(t>>1):t+1>>1},c=e=>e.constructor===Uint8Array?e:ArrayBuffer.isView(e)?new Uint8Array(e.buffer,e.byteOffset,e.byteLength):new Uint8Array(e),l=e=>e.constructor===DataView?e:ArrayBuffer.isView(e)?new DataView(e.buffer,e.byteOffset,e.byteLength):new DataView(e),u=new TextDecoder,d=e=>Object.fromEntries(Object.entries(e).map(([e,t])=>[t,e])),h={bt709:1,bt470bg:5,smpte170m:6,bt2020:9,smpte432:12},f=d(h),m={bt709:1,smpte170m:6,linear:8,"iec61966-2-1":13,pq:16,hlg:18},p=d(m),g={rgb:0,bt709:1,bt470bg:5,smpte170m:6,"bt2020-ncl":9},k=d(g),y=e=>!!e&&!!e.primaries&&!!e.transfer&&!!e.matrix&&void 0!==e.fullRange,b={primaries:void 0,transfer:void 0,matrix:void 0,fullRange:void 0},w=e=>e instanceof ArrayBuffer||"undefined"!==typeof SharedArrayBuffer&&e instanceof SharedArrayBuffer||ArrayBuffer.isView(e);class T{constructor(){this.currentPromise=Promise.resolve(),this.pending=0}async acquire(){let e;const t=new Promise(t=>{let i=!1;e=()=>{i||(t(),this.pending--,i=!0)}}),i=this.currentPromise;return this.currentPromise=t,this.pending++,await i,e}}const S=/^[0-9a-fA-F]+$/,v=e=>[...e].map(e=>e.toString(16).padStart(2,"0")).join(""),P=e=>(e=(e=(e=(e=(e=e>>1&1431655765|(1431655765&e)<<1)>>2&858993459|(858993459&e)<<2)>>4&252645135|(252645135&e)<<4)>>8&16711935|(16711935&e)<<8)>>16&65535|(65535&e)<<16)>>>0,I=(e,t,i)=>{let r=0,a=e.length-1,s=-1;for(;r<=a;){const n=r+a>>1,o=i(e[n]);o===t?(s=n,a=n-1):o<t?r=n+1:a=n-1}return s},x=(e,t,i)=>{let r=0,a=e.length-1,s=-1;for(;r<=a;){const n=r+(a-r+1)/2|0;i(e[n])<=t?(s=n,r=n+1):a=n-1}return s},C=(e,t,i)=>{const r=x(e,i(t),i);e.splice(r+1,0,t)},B=()=>{let e,t;return{promise:new Promise((i,r)=>{e=i,t=r}),resolve:e,reject:t}},E=(e,t)=>{const i=e.indexOf(t);-1!==i&&e.splice(i,1)},_=(e,t)=>{for(let i=e.length-1;i>=0;i--)if(t(e[i]))return e[i]},R=(e,t)=>{for(let i=e.length-1;i>=0;i--)if(t(e[i]))return i;return-1},F=e=>{throw new Error(`Unexpected value: ${e}`)},A=(e,t,i)=>{const r=e.getUint8(t),a=e.getUint8(t+1),s=e.getUint8(t+2);return i?r|a<<8|s<<16:r<<16|a<<8|s},D=(e,t,i,r)=>{i>>>=0,i&=16777215,e.setUint8(t,i>>>16&255),e.setUint8(t+1,i>>>8&255),e.setUint8(t+2,255&i)},M=(e,t)=>({async next(){const i=await e.next();return i.done?{value:void 0,done:!0}:{value:t(i.value),done:!1}},return:()=>e.return(),throw:t=>e.throw(t),[Symbol.asyncIterator](){return this}}),N=(e,t,i)=>Math.max(t,Math.min(i,e)),O="und",L=e=>{const t=Math.round(e);return Math.abs(e/t-1)<10*Number.EPSILON?t:e},z=(e,t)=>Math.round(e/t)*t,U=(e,t)=>Math.round(e*t)/t,q=(e,t)=>Math.floor(e/t)*t,W=e=>{let t=0;for(;0!==e;)e&=e-1,t++;return t},H=/^[a-z]{3}$/,V=e=>H.test(e),j=1e6*(1+Number.EPSILON),K=(e,t)=>{const i={...e,...t};if(e.headers||t.headers){const r=e.headers?X(e.headers):{},a=t.headers?X(t.headers):{},s={...r};Object.entries(a).forEach(([e,t])=>{const i=Object.keys(s).find(t=>t.toLowerCase()===e.toLowerCase());i&&delete s[i],s[e]=t}),i.headers=s}return i},X=e=>{if(e instanceof Headers){const t={};return e.forEach((e,i)=>{t[i]=e}),t}if(Array.isArray(e)){const t={};return e.forEach(([e,i])=>{t[e]=i}),t}return e},$=async(e,t,i,r,a)=>{let s=0;for(;;)try{return await e(t,i)}catch(n){if(a())throw n;s++;const e=r(s,n,t);if(null===e)throw n;if(be._error("Retrying failed fetch. Error:",n),!Number.isFinite(e)||e<0)throw new TypeError("Retry delay must be a non-negative finite number.");if(e>0&&await pe(1e3*e),a())throw n}};class G{constructor(){this.currentPromise=Promise.resolve()}call(e){return this.currentPromise=this.currentPromise.then(e)}}let Q=null;const Y=()=>null!==Q?Q:Q=!("undefined"===typeof navigator||!(navigator.vendor?.match(/apple/i)||/AppleWebKit/.test(navigator.userAgent)&&!/Chrome/.test(navigator.userAgent)||/\b(iPad|iPhone|iPod)\b/.test(navigator.userAgent)));let J=null;coLine truncated
+!function(e,t){"object"===typeof exports&&"undefined"!==typeof module?module.exports=t():"function"==typeof define&&define.amd?(e.artplayerProxyMediabunny=t(),define(function(){return e.artplayerProxyMediabunny})):(e="undefined"!==typeof globalThis?globalThis:e||self).artplayerProxyMediabunny=t()}(this,function(){"use strict";var e,t=e=>{throw TypeError(e)},i=(e,i,r)=>i.has(e)||t("Cannot "+r),r=(e,t,r)=>(i(e,t,"read from private field"),r?r.call(e):t.get(e));function a(e,t){const i=new Map;return e.filter(e=>{const r=e[t];return void 0===r||!i.has(r)&&i.set(r,1)})}class s{constructor(){var i,r,a;i=this,a=!1,(r=e).has(i)?t("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(i):r.set(i,a),this.listeners=new Map}addEventListener(t,i){r(this,e)||(this.listeners.has(t)||this.listeners.set(t,[]),this.listeners.get(t)?.push(i))}removeEventListener(e,t){const i=this.listeners.get(e);if(!i)return;const r=i.indexOf(t);r>=0&&i.splice(r,1)}emit(t,i){if(r(this,e))return;const a=Object.assign(new Event(t),{detail:i});this.listeners.get(t)?.forEach(t=>{r(this,e)||t(a)})}destroy(){var t,r,a,s;a=!0,i(t=this,r=e,"write to private field"),s?s.call(t,a):r.set(t,a),this.listeners.clear()}}function n(e){if(!e)throw new Error("Assertion failed.")}e=new WeakMap;const o=e=>{const t=(e%360+360)%360;if(0===t||90===t||180===t||270===t)return t;throw new Error(`Invalid rotation ${e}.`)},c=e=>e&&e[e.length-1],l=e=>{let t=0;for(;0===e.readBits(1)&&t<32;)t++;if(t>=32)throw new Error("Invalid exponential-Golomb code.");return(1<<t)-1+e.readBits(t)},u=(e,t)=>{const i=t+1,r=Math.floor(Math.log2(i));e.writeBits(r,0),e.writeBits(1,1),e.writeBits(r,i-2**r)},d=e=>{const t=l(e);return 0===(1&t)?-(t>>1):t+1>>1},h=e=>e.constructor===Uint8Array?e:ArrayBuffer.isView(e)?new Uint8Array(e.buffer,e.byteOffset,e.byteLength):new Uint8Array(e),f=e=>e.constructor===DataView?e:ArrayBuffer.isView(e)?new DataView(e.buffer,e.byteOffset,e.byteLength):new DataView(e),m=new TextDecoder,p=e=>Object.fromEntries(Object.entries(e).map(([e,t])=>[t,e])),g={bt709:1,bt470bg:5,smpte170m:6,bt2020:9,smpte432:12},k=p(g),y={bt709:1,smpte170m:6,linear:8,"iec61966-2-1":13,pq:16,hlg:18},b=p(y),w={rgb:0,bt709:1,bt470bg:5,smpte170m:6,"bt2020-ncl":9},T=p(w),S=e=>!!e&&!!e.primaries&&!!e.transfer&&!!e.matrix&&void 0!==e.fullRange,v={primaries:void 0,transfer:void 0,matrix:void 0,fullRange:void 0},P=e=>e instanceof ArrayBuffer||"undefined"!==typeof SharedArrayBuffer&&e instanceof SharedArrayBuffer||ArrayBuffer.isView(e);class I{constructor(){this.currentPromise=Promise.resolve(),this.pending=0}async acquire(){let e;const t=new Promise(t=>{let i=!1;e=()=>{i||(t(),this.pending--,i=!0)}}),i=this.currentPromise;return this.currentPromise=t,this.pending++,await i,e}}const x=/^[0-9a-fA-F]+$/,C=e=>[...e].map(e=>e.toString(16).padStart(2,"0")).join(""),B=e=>(e=(e=(e=(e=(e=e>>1&1431655765|(1431655765&e)<<1)>>2&858993459|(858993459&e)<<2)>>4&252645135|(252645135&e)<<4)>>8&16711935|(16711935&e)<<8)>>16&65535|(65535&e)<<16)>>>0,E=(e,t,i)=>{let r=0,a=e.length-1,s=-1;for(;r<=a;){const n=r+a>>1,o=i(e[n]);o===t?(s=n,a=n-1):o<t?r=n+1:a=n-1}return s},_=(e,t,i)=>{let r=0,a=e.length-1,s=-1;for(;r<=a;){const n=r+(a-r+1)/2|0;i(e[n])<=t?(s=n,r=n+1):a=n-1}return s},R=(e,t,i)=>{const r=_(e,i(t),i);e.splice(r+1,0,t)},F=()=>{let e,t;return{promise:new Promise((i,r)=>{e=i,t=r}),resolve:e,reject:t}},A=(e,t)=>{const i=e.indexOf(t);-1!==i&&e.splice(i,1)},D=(e,t)=>{for(let i=e.length-1;i>=0;i--)if(t(e[i]))return e[i]},M=(e,t)=>{for(let i=e.length-1;i>=0;i--)if(t(e[i]))return i;return-1},N=e=>{throw new Error(`Unexpected value: ${e}`)},O=(e,t,i)=>{const r=e.getUint8(t),a=e.getUint8(t+1),s=e.getUint8(t+2);return i?r|a<<8|s<<16:r<<16|a<<8|s},L=(e,t,i,r)=>{i>>>=0,i&=16777215,e.setUint8(t,i>>>16&255),e.setUint8(t+1,i>>>8&255),e.setUint8(t+2,255&i)},z=(e,t)=>({async next(){const i=await e.next();return i.done?{value:void 0,done:!0}:{value:t(i.value),done:!1}},return:()=>e.return(),throw:t=>e.throw(t),[Symbol.asyncIterator](){return this}}),U=(e,t,i)=>Math.max(t,Math.min(i,e)),q="und",W=e=>{const t=Math.round(e);return Math.abs(e/t-1)<10*Number.EPSILON?t:e},H=(e,t)=>Math.round(e/t)*t,V=(e,t)=>Math.round(e*t)/t,j=(e,t)=>Math.floor(e/t)*t,K=e=>{let t=0;for(;0!==e;)e&=e-1,t++;return t},X=/^[a-z]{3}$/,$=e=>X.test(e),G=1e6*(1+Number.EPSILON),Q=(e,t)=>{const i={...e,...t};if(e.headers||t.headers){const r=e.headers?Y(e.headers):{},a=t.headers?Y(t.headers):{},s={...r};Object.entries(a).forEach(([e,t])=>{const i=Object.keys(s).find(t=>t.toLowerCase()===e.toLowerCase());i&&delete s[i],s[e]=t}),i.headers=s}return i},Y=e=>{if(e instanceof Headers){const t={};return e.forEach((e,i)=>{t[i]=e}),t}if(Array.isArray(e)){const t={};return e.forEach(([e,i])=>{t[e]=i}),t}return e},J=async(e,t,i,r,a)=>{let s=0;for(;;)try{return await e(t,i)}catch(n){if(a())throw n;s++;const e=r(s,n,t);if(null===e)throw n;if(ve._error("Retrying failed fetch. Error:",n),!Number.isFinite(e)||e<0)throw new TypeError("Retry delay must be aLine truncated

packages/artplayer-proxy-mediabunny/dist/artplayer-proxy-mediabunny.legacy.js

@@ -4,4 +4,4 @@
  * (c) 2017-2026 Harvey Zhao
  * Released under the MIT License.
  */
-!function(e,t){"object"===typeof exports&&"undefined"!==typeof module?module.exports=t():"function"==typeof define&&define.amd?(e.artplayerProxyMediabunny=t(),define(function(){return e.artplayerProxyMediabunny})):(e="undefined"!==typeof globalThis?globalThis:e||self).artplayerProxyMediabunny=t()}(this,function(){"use strict";var e=Object.defineProperty,t=Object.defineProperties,i=Object.getOwnPropertyDescriptors,r=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,a=(e,t)=>(t=Symbol[e])?t:Symbol.for("Symbol."+e),o=Math.pow,l=(t,i,r)=>i in t?e(t,i,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[i]=r,c=(e,t)=>{for(var i in t||(t={}))n.call(t,i)&&l(e,i,t[i]);if(r)for(var i of r(t))s.call(t,i)&&l(e,i,t[i]);return e},u=(e,r)=>t(e,i(r)),d=(e,t,i)=>new Promise((r,n)=>{var s=e=>{try{o(i.next(e))}catch(t){n(t)}},a=e=>{try{o(i.throw(e))}catch(t){n(t)}},o=e=>e.done?r(e.value):Promise.resolve(e.value).then(s,a);o((i=i.apply(e,t)).next())}),h=function(e,t){this[0]=e,this[1]=t},f=(e,t,i)=>{var r,n=(e,t,r,s)=>{try{var a=i[e](t),o=(t=a.value)instanceof h,l=a.done;Promise.resolve(o?t[0]:t).then(i=>o?n("return"===e?e:"next",t[1]?{done:i.done,value:i.value}:i,r,s):r({value:i,done:l})).catch(e=>n("throw",e,r,s))}catch(c){s(c)}},s=(e,t,i,s)=>o[e]=a=>(t=new Promise((t,i,s)=>(s=()=>n(e,a,t,i),r?r.then(s):s())),s=()=>r===i&&(r=0),r=i=t.then(s,s),t),o={};return i=i.apply(e,t),o[a("asyncIterator")]=()=>o,s("next"),s("throw"),s("return"),o},m=e=>{var t,i=e[a("asyncIterator")],r=!1,n={};return null==i?(i=e[a("iterator")](),t=e=>n[e]=t=>i[e](t)):(i=i.call(e),t=e=>n[e]=t=>{if(r){if(r=!1,"throw"===e)throw t;return t}return r=!0,{done:!1,value:new h(new Promise(r=>{var n=i[e](t);n instanceof Object||(e=>{throw TypeError(e)})("Object expected"),r(n)}),1)}}),n[a("iterator")]=()=>n,t("next"),"throw"in i?t("throw"):n.throw=e=>{throw e},"return"in i&&t("return"),n},p=(e,t,i)=>(t=e[a("asyncIterator")])?t.call(e):(e=e[a("iterator")](),t={},(i=(i,r)=>(r=e[i])&&(t[i]=t=>new Promise((i,n,s)=>(t=r.call(e,t),s=t.done,Promise.resolve(t.value).then(e=>i({value:e,done:s}),n)))))("next"),i("return"),t);function g(e,t){const i=new Map;return e.filter(e=>{const r=e[t];return void 0===r||!i.has(r)&&i.set(r,1)})}class k{constructor(){this.listeners=new Map}addEventListener(e,t){this.listeners.has(e)||this.listeners.set(e,[]),this.listeners.get(e).push(t)}removeEventListener(e,t){const i=this.listeners.get(e);if(!i)return;const r=i.indexOf(t);r>=0&&i.splice(r,1)}emit(e,t){const i=new Event(e);i.detail=t;const r=this.listeners.get(e);r&&r.forEach(e=>e(i))}}function y(e){if(!e)throw new Error("Assertion failed.")}const b=e=>{const t=(e%360+360)%360;if(0===t||90===t||180===t||270===t)return t;throw new Error(`Invalid rotation ${e}.`)},T=e=>e&&e[e.length-1],v=e=>{let t=0;for(;0===e.readBits(1)&&t<32;)t++;if(t>=32)throw new Error("Invalid exponential-Golomb code.");return(1<<t)-1+e.readBits(t)},S=(e,t)=>{const i=t+1,r=Math.floor(Math.log2(i));e.writeBits(r,0),e.writeBits(1,1),e.writeBits(r,i-o(2,r))},w=e=>{const t=v(e);return 0===(1&t)?-(t>>1):t+1>>1},P=e=>e.constructor===Uint8Array?e:ArrayBuffer.isView(e)?new Uint8Array(e.buffer,e.byteOffset,e.byteLength):new Uint8Array(e),I=e=>e.constructor===DataView?e:ArrayBuffer.isView(e)?new DataView(e.buffer,e.byteOffset,e.byteLength):new DataView(e),x=new TextDecoder,C=e=>Object.fromEntries(Object.entries(e).map(([e,t])=>[t,e])),B={bt709:1,bt470bg:5,smpte170m:6,bt2020:9,smpte432:12},E=C(B),_={bt709:1,smpte170m:6,linear:8,"iec61966-2-1":13,pq:16,hlg:18},R=C(_),F={rgb:0,bt709:1,bt470bg:5,smpte170m:6,"bt2020-ncl":9},A=C(F),D=e=>!!e&&!!e.primaries&&!!e.transfer&&!!e.matrix&&void 0!==e.fullRange,M={primaries:void 0,transfer:void 0,matrix:void 0,fullRange:void 0},N=e=>e instanceof ArrayBuffer||"undefined"!==typeof SharedArrayBuffer&&e instanceof SharedArrayBuffer||ArrayBuffer.isView(e);class O{constructor(){this.currentPromise=Promise.resolve(),this.pending=0}acquire(){return d(this,null,function*(){let e;const t=new Promise(t=>{let i=!1;e=()=>{i||(t(),this.pending--,i=!0)}}),i=this.currentPromise;return this.currentPromise=t,this.pending++,yield i,e})}}const L=/^[0-9a-fA-F]+$/,z=e=>[...e].map(e=>e.toString(16).padStart(2,"0")).join(""),U=e=>(e=(e=(e=(e=(e=e>>1&1431655765|(1431655765&e)<<1)>>2&858993459|(858993459&e)<<2)>>4&252645135|(252645135&e)<<4)>>8&16711935|(16711935&e)<<8)>>16&65535|(65535&e)<<16)>>>0,q=(e,t,i)=>{let r=0,n=e.length-1,s=-1;for(;r<=n;){const a=r+n>>1,o=i(e[a]);o===t?(s=a,n=a-1):o<t?r=a+1:n=a-1}return s},W=(e,t,i)=>{let r=0,n=e.length-1,s=-1;for(;r<=n;){const a=r+(n-r+1)/2|0;i(e[a])<=t?(s=a,r=a+1):n=a-1}return s},H=(e,t,i)=>{const r=W(e,i(t),i);e.splice(r+1,0,t)},V=()=>{let e,t;return{promise:new Promise((i,r)=>{e=i,t=r}),resolve:e,reject:t}},j=(e,t)=>{const i=e.indexOf(t);-1!==i&&e.splice(i,1)},K=(e,t)=>{for(let i=e.length-1;i>=0;i--)if(t(e[i]))return e[i]},X=(e,t)=>{for(let i=e.length-1;i>=0;i--)if(t(e[i]))return i;return-1},$=e=>{throw new ErrorLine truncated
+!function(e,t){"object"===typeof exports&&"undefined"!==typeof module?module.exports=t():"function"==typeof define&&define.amd?(e.artplayerProxyMediabunny=t(),define(function(){return e.artplayerProxyMediabunny})):(e="undefined"!==typeof globalThis?globalThis:e||self).artplayerProxyMediabunny=t()}(this,function(){"use strict";var e,t=Object.defineProperty,i=Object.defineProperties,r=Object.getOwnPropertyDescriptors,n=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,o=(e,t)=>(t=Symbol[e])?t:Symbol.for("Symbol."+e),l=e=>{throw TypeError(e)},c=Math.pow,u=(e,i,r)=>i in e?t(e,i,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[i]=r,d=(e,t)=>{for(var i in t||(t={}))s.call(t,i)&&u(e,i,t[i]);if(n)for(var i of n(t))a.call(t,i)&&u(e,i,t[i]);return e},h=(e,t)=>i(e,r(t)),f=(e,t,i)=>t.has(e)||l("Cannot "+i),m=(e,t,i)=>(f(e,t,"read from private field"),i?i.call(e):t.get(e)),p=(e,t,i)=>new Promise((r,n)=>{var s=e=>{try{o(i.next(e))}catch(t){n(t)}},a=e=>{try{o(i.throw(e))}catch(t){n(t)}},o=e=>e.done?r(e.value):Promise.resolve(e.value).then(s,a);o((i=i.apply(e,t)).next())}),g=function(e,t){this[0]=e,this[1]=t},k=(e,t,i)=>{var r,n=(e,t,r,s)=>{try{var a=i[e](t),o=(t=a.value)instanceof g,l=a.done;Promise.resolve(o?t[0]:t).then(i=>o?n("return"===e?e:"next",t[1]?{done:i.done,value:i.value}:i,r,s):r({value:i,done:l})).catch(e=>n("throw",e,r,s))}catch(c){s(c)}},s=(e,t,i,s)=>a[e]=a=>(t=new Promise((t,i,s)=>(s=()=>n(e,a,t,i),r?r.then(s):s())),s=()=>r===i&&(r=0),r=i=t.then(s,s),t),a={};return i=i.apply(e,t),a[o("asyncIterator")]=()=>a,s("next"),s("throw"),s("return"),a},y=e=>{var t,i=e[o("asyncIterator")],r=!1,n={};return null==i?(i=e[o("iterator")](),t=e=>n[e]=t=>i[e](t)):(i=i.call(e),t=e=>n[e]=t=>{if(r){if(r=!1,"throw"===e)throw t;return t}return r=!0,{done:!1,value:new g(new Promise(r=>{var n=i[e](t);n instanceof Object||l("Object expected"),r(n)}),1)}}),n[o("iterator")]=()=>n,t("next"),"throw"in i?t("throw"):n.throw=e=>{throw e},"return"in i&&t("return"),n},b=(e,t,i)=>(t=e[o("asyncIterator")])?t.call(e):(e=e[o("iterator")](),t={},(i=(i,r)=>(r=e[i])&&(t[i]=t=>new Promise((i,n,s)=>(t=r.call(e,t),s=t.done,Promise.resolve(t.value).then(e=>i({value:e,done:s}),n)))))("next"),i("return"),t);function T(e,t){const i=new Map;return e.filter(e=>{const r=e[t];return void 0===r||!i.has(r)&&i.set(r,1)})}class v{constructor(){var t,i,r;t=this,r=!1,(i=e).has(t)?l("Cannot add the same private member more than once"):i instanceof WeakSet?i.add(t):i.set(t,r),this.listeners=new Map}addEventListener(t,i){var r;m(this,e)||(this.listeners.has(t)||this.listeners.set(t,[]),null==(r=this.listeners.get(t))||r.push(i))}removeEventListener(e,t){const i=this.listeners.get(e);if(!i)return;const r=i.indexOf(t);r>=0&&i.splice(r,1)}emit(t,i){var r;if(m(this,e))return;const n=Object.assign(new Event(t),{detail:i});null==(r=this.listeners.get(t))||r.forEach(t=>{m(this,e)||t(n)})}destroy(){var t,i,r,n;r=!0,f(t=this,i=e,"write to private field"),n?n.call(t,r):i.set(t,r),this.listeners.clear()}}function S(e){if(!e)throw new Error("Assertion failed.")}e=new WeakMap;const w=e=>{const t=(e%360+360)%360;if(0===t||90===t||180===t||270===t)return t;throw new Error(`Invalid rotation ${e}.`)},P=e=>e&&e[e.length-1],I=e=>{let t=0;for(;0===e.readBits(1)&&t<32;)t++;if(t>=32)throw new Error("Invalid exponential-Golomb code.");return(1<<t)-1+e.readBits(t)},x=(e,t)=>{const i=t+1,r=Math.floor(Math.log2(i));e.writeBits(r,0),e.writeBits(1,1),e.writeBits(r,i-c(2,r))},C=e=>{const t=I(e);return 0===(1&t)?-(t>>1):t+1>>1},B=e=>e.constructor===Uint8Array?e:ArrayBuffer.isView(e)?new Uint8Array(e.buffer,e.byteOffset,e.byteLength):new Uint8Array(e),E=e=>e.constructor===DataView?e:ArrayBuffer.isView(e)?new DataView(e.buffer,e.byteOffset,e.byteLength):new DataView(e),_=new TextDecoder,R=e=>Object.fromEntries(Object.entries(e).map(([e,t])=>[t,e])),F={bt709:1,bt470bg:5,smpte170m:6,bt2020:9,smpte432:12},A=R(F),D={bt709:1,smpte170m:6,linear:8,"iec61966-2-1":13,pq:16,hlg:18},M=R(D),N={rgb:0,bt709:1,bt470bg:5,smpte170m:6,"bt2020-ncl":9},O=R(N),L=e=>!!e&&!!e.primaries&&!!e.transfer&&!!e.matrix&&void 0!==e.fullRange,z={primaries:void 0,transfer:void 0,matrix:void 0,fullRange:void 0},U=e=>e instanceof ArrayBuffer||"undefined"!==typeof SharedArrayBuffer&&e instanceof SharedArrayBuffer||ArrayBuffer.isView(e);class q{constructor(){this.currentPromise=Promise.resolve(),this.pending=0}acquire(){return p(this,null,function*(){let e;const t=new Promise(t=>{let i=!1;e=()=>{i||(t(),this.pending--,i=!0)}}),i=this.currentPromise;return this.currentPromise=t,this.pending++,yield i,e})}}const W=/^[0-9a-fA-F]+$/,H=e=>[...e].map(e=>e.toString(16).padStart(2,"0")).join(""),V=e=>(e=(e=(e=(e=(e=e>>1&1431655765|(1431655765&e)<<1)>>2&858993459|(858993459&e)<<2)>>4&252645135|(252645135&e)<<4)>>8&16711935|(16711935&e)<<8)>>16&65535|(65535&e)<<16)>>>0,j=(e,t,i)=>{let r=0,n=e.length-1,s=-1;for(;r<=n;){const a=r+n>>1,o=i(e[a]);o===t?(s=a,n=a-1):o<t?r=a+1:n=a-1}return s},Line truncated

packages/artplayer-proxy-mediabunny/dist/artplayer-proxy-mediabunny.mjs

@@ -4,6 +4,14 @@
  * (c) 2017-2026 Harvey Zhao
  * Released under the MIT License.
  */
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var _closed;
 const $audio = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18"><path fill="#fff" d="M256 80C149.9 80 62.4 159.4 49.6 262c9.4-3.8 19.6-6 30.4-6c26.5 0 48 21.5 48 48l0 128c0 26.5-21.5 48-48 48c-44.2 0-80-35.8-80-80l0-16 0-48 0-48C0 146.6 114.6 32 256 32s256 114.6 256 256l0 48 0 48 0 16c0 44.2-35.8 80-80 80c-26.5 0-48-21.5-48-48l0-128c0-26.5 21.5-48 48-48c10.8 0 21 2.1 30.4 6C449.6 159.4 362.1 80 256 80z"/></svg>';
 const $quality = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18"><path fill="#fff" d="M0 96C0 60.7 28.7 32 64 32l384 0c35.3 0 64 28.7 64 64l0 320c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM323.8 202.5c-4.5-6.6-11.9-10.5-19.8-10.5s-15.4 3.9-19.8 10.5l-87 127.6L170.7 297c-4.6-5.7-11.5-9-18.7-9s-14.2 3.3-18.7 9l-64 80c-5.8 7.2-6.9 17.1-2.9 25.4s12.4 13.6 21.6 13.6l96 0 32 0 208 0c8.9 0 17.1-4.9 21.2-12.8s3.6-17.4-1.4-24.7l-120-176zM112 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg>';
 function uniqBy(array, property) {
@@ -40,34 +48,34 @@ function setupM3u8Controls({ art, shim, option }) {
   function canRender(config = {}) {
     return config.control || config.setting;
   }
-  async function updateQuality(state) {
+  async function updateQuality(state2) {
     const config = option.m3u8?.quality || {};
-    if (!canRender(config) || !state?.levels.length) {
+    if (!canRender(config) || !state2?.levels.length) {
       clearQuality();
       return;
     }
     const auto = config.auto || "Auto";
     const title = config.title || "Quality";
     const getName = config.getName || ((level) => level.name || `${level.height}P`);
-    const defaultHtml = state.currentLevel ? getName(state.currentLevel) : auto;
+    const defaultHtml = state2.currentLevel ? getName(state2.currentLevel) : auto;
     const selector = uniqBy(
-      state.levels.map((item) => {
+      state2.levels.map((item) => {
         return {
           html: getName(item),
           value: item.id,
-          default: state.currentLevel?.id === item.id
+          default: state2.currentLevel?.id === item.id
         };
       }),
       "html"
     ).sort((a, b) => {
-      const left = state.levels.find((item) => item.id === a.value);
-      const right = state.levels.find((item) => item.id === b.value);
+      const left = state2.levels.find((item) => item.id === a.value);
+      const right = state2.levels.find((item) => item.id === b.value);
       return (right?.height || 0) - (left?.height || 0);
     });
     selector.push({
       html: auto,
       value: "auto",
-      default: !state.currentLevel
+      default: !state2.currentLevel
     });
     const onSelect = async (item) => {
       await shim.switchM3u8Quality(item.value);
@@ -97,22 +105,22 @@ function setupM3u8Controls({ art, shim, option }) {
       });
     }
   }
-  async function updateAudio(state) {
+  async function updateAudio(state2) {
     const config = option.m3u8?.audio || {};
-    if (!canRender(config) || !state?.audios.length || state.audios.length < 2) {
+    if (!canRender(config) || !state2?.audios.length || state2.audios.length < 2) {
       clearAudio();
       return;
     }
     const auto = config.auto || "Auto";
     const title = config.title || "Audio";
     const getName = config.getName || ((track) => track.name || track.lang || track.language);
-    const defaultHtml = state.currentAudio ? getName(state.currentAudio) : auto;
+    const defaultHtml = state2.currentAudio ? getName(state2.currentAudio) : auto;
     const selector = uniqBy(
-      state.audios.map((item) => {
+      state2.audios.map((item) => {
         return {
           html: getName(item),
           value: item.id,
-          default: state.currentAudio?.id === item.id
+          default: state2.currentAudio?.id === item.id
         };
       }),
       "html"
@@ -120,7 +128,7 @@ function setupM3u8Controls({ art, shim, option }) {
     selector.push({
       html: auto,
       value: "auto",
-      default: !state.currentAudio
+      default: !state2.currentAudio
     });
     const onSelect = async (item) => {
       await shim.switchM3u8Audio(item.value);
@@ -151,15 +159,15 @@ function setupM3u8Controls({ art, shim, option }) {
     }
   }
   async function update() {
-    const state = await shim.getM3u8State();
-    if (!state) {
+    const state2 = await shim.getM3u8State();
+    if (!state2) {
       clearQuality();
       clearAudio();
       return;
     }
     await Promise.all([
-      updateQuality(state),
-      updateAudio(state)
+      updateQuality(state2),
+      updateAudio(state2)
     ]);
   }
   art.on("video:loadedmetadata", update);
@@ -168,32 +176,39 @@ function setupM3u8Controls({ art, shim, option }) {
 }
 class EventTarget {
   constructor() {
+    __privateAdd(this, _closed, false);
     this.listeners = /* @__PURE__ */ new Map();
   }
   addEventListener(type, fn) {
-    if (!this.listeners.has(type)) {
+    if (__privateGet(this, _closed))
+      return;
+    if (!this.listeners.has(type))
       this.listeners.set(type, []);
-    }
-    this.listeners.get(type).push(fn);
+    this.listeners.get(type)?.push(fn);
   }
   removeEventListener(type, fn) {
     const list = this.listeners.get(type);
     if (!list)
       return;
     const index = list.indexOf(fn);
-    if (index >= 0) {
+    if (index >= 0)
       list.splice(index, 1);
-    }
   }
   emit(type, detail) {
-    const evt = new Event(type);
-    evt.detail = detail;
-    const list = this.listeners.get(type);
-    if (list) {
-      list.forEach((fn) => fn(evt));
-    }
+    if (__privateGet(this, _closed))
+      return;
+    const event = Object.assign(new Event(type), { detail });
+    this.listeners.get(type)?.forEach((fn) => {
+      if (!__privateGet(this, _closed))
+        fn(event);
+    });
+  }
+  destroy() {
+    __privateSet(this, _closed, true);
+    this.listeners.clear();
   }
 }
+_closed = new WeakMap();
 function assert(x) {
   if (!x) {
     throw new Error("Assertion failed.");
@@ -479,7 +494,7 @@ const mapAsyncGenerator = (generator, map) => {
     }
   };
 };
-const clamp$1 = (value, min, max) => {
+const clamp = (value, min, max) => {
   return Math.max(min, Math.min(max, value));
 };
 const UNDETERMINED_LANGUAGE = "und";
@@ -15172,7 +15187,7 @@ class UrlSource extends PathedSource {
     if (baseSize === null) {
       return this._length !== null ? this._length : null;
     }
-    return clamp$1(baseSize - this._offset, 0, this._length ?? Infinity);
+    return clamp(baseSize - this._offset, 0, this._length ?? Infinity);
   }
   /** @internal */
   _read(start, end, minReadPosition, maxReadPosition) {
@@ -16113,7 +16128,7 @@ class RangedSource extends Source {
         return null;
       }
     }
-    return clamp$1(baseSize - this._offset, 0, this._length ?? Infinity);
+    return clamp(baseSize - this._offset, 0, this._length ?? Infinity);
   }
   /** @internal */
   _read(start, end, minReadPosition, maxReadPosition) {
@@ -19826,13 +19841,13 @@ const getWriteFunction = (format) => {
   switch (format) {
     case "u8":
     case "u8-planar":
-      return (view, offset, value) => view.setUint8(offset, clamp$1((value + 1) * 127.5, 0, 255));
+      return (view, offset, value) => view.setUint8(offset, clamp((value + 1) * 127.5, 0, 255));
     case "s16":
     case "s16-planar":
-      return (view, offset, value) => view.setInt16(offset, clamp$1(Math.round(value * 32767), -32768, 32767), true);
+      return (view, offset, value) => view.setInt16(offset, clamp(Math.round(value * 32767), -32768, 32767), true);
     case "s32":
     case "s32-planar":
-      return (view, offset, value) => view.setInt32(offset, clamp$1(Math.round(value * 2147483647), -2147483648, 2147483647), true);
+      return (view, offset, value) => view.setInt32(offset, clamp(Math.round(value * 2147483647), -2147483648, 2147483647), true);
     case "f32":
     case "f32-planar":
       return (view, offset, value) => view.setFloat32(offset, value, true);
@@ -20901,7 +20916,7 @@ class ColorAlphaMerger {
         const blob = new Blob([`(${colorAlphaMergerWorkerCode.toString()})()`], { type: "application/javascript" });
         mergerWorkerUrl = URL.createObjectURL(blob);
       }
-      const poolSize = clamp$1(navigator.hardwareConcurrency, 1, 4);
+      const poolSize = clamp(navigator.hardwareConcurrency, 1, 4);
       for (let i = 0; i < poolSize; i++) {
         const worker2 = new Worker(mergerWorkerUrl);
         worker2.addEventListener("message", (event) => {
@@ -23165,7 +23180,7 @@ class Reader {
       return null;
     }
     if (this.fileSizeNonStrict !== null) {
-      return this.requestSlice(start, clamp$1(this.fileSizeNonStrict - start, minLength, maxLength));
+      return this.requestSlice(start, clamp(this.fileSizeNonStrict - start, minLength, maxLength));
     } else {
       const promisedAttempt = this.requestSlice(start, maxLength);
       const handleAttempt = (attempt) => {
@@ -23173,7 +23188,7 @@ class Reader {
           return attempt;
         }
         assert(this.fileSizeNonStrict !== null);
-        return this.requestSlice(start, clamp$1(this.fileSizeNonStrict - start, minLength, maxLength));
+        return this.requestSlice(start, clamp(this.fileSizeNonStrict - start, minLength, maxLength));
       };
       if (isThenable(promisedAttempt)) {
         return promisedAttempt.then(handleAttempt);
@@ -24929,8 +24944,59 @@ class MediaBunnyEngine {
     return this.video.height;
   }
 }
-function clamp(v, min, max) {
-  return Math.max(min, Math.min(max, Number(v) || 0));
+const states = /* @__PURE__ */ new WeakMap();
+function state(owner) {
+  let value = states.get(owner);
+  if (!value) {
+    value = { closed: false, frames: /* @__PURE__ */ new Set() };
+    states.set(owner, value);
+  }
+  return value;
+}
+function requestFrame(owner, callback) {
+  const resource = state(owner);
+  if (resource.closed)
+    return 0;
+  const id = requestAnimationFrame((time) => {
+    resource.frames.delete(id);
+    if (resource.closed)
+      return;
+    callback(time, {
+      presentationTime: owner.engine.currentTime,
+      expectedDisplayTime: time + 16.6,
+      width: owner.engine.videoWidth,
+      height: owner.engine.videoHeight,
+      mediaTime: owner.engine.currentTime,
+      presentedFrames: 0,
+      processingDuration: 0,
+      captureTime: time,
+      receiveTime: time,
+      rtpTimestamp: 0
+    });
+  });
+  resource.frames.add(id);
+  return id;
+}
+function cancelFrame(owner, id) {
+  state(owner).frames.delete(id);
+  cancelAnimationFrame(id);
+}
+function closeFrames(owner) {
+  const resource = state(owner);
+  if (resource.closed)
+    return false;
+  resource.closed = true;
+  for (const id of resource.frames) cancelAnimationFrame(id);
+  resource.frames.clear();
+  return true;
+}
+function clampVolume(value) {
+  return Math.max(0, Math.min(1, Number(value) || 0));
+}
+function timeRanges(duration, start, end) {
+  if (!duration || Number.isNaN(duration) || end <= 0)
+    return { length: 0, start: () => 0, end: () => 0 };
+  return { length: 1, start: () => start, end: () => end };
 }
 class VideoShim {
   constructor({ art, canvas, ctx, option }) {
@@ -24999,15 +25065,7 @@ class VideoShim {
     return this.createTimeRanges(0, this.engine.duration);
   }
   createTimeRanges(start, end) {
-    const duration = this.engine.duration;
-    if (!duration || Number.isNaN(duration) || end <= 0) {
-      return { length: 0, start: () => 0, end: () => 0 };
-    }
-    return {
-      length: 1,
-      start: () => start,
-      end: () => end
-    };
+    return timeRanges(this.engine.duration, start, end);
   }
   // Playback state
   get paused() {
@@ -25049,7 +25107,7 @@ class VideoShim {
     return this._volume;
   }
   set volume(v) {
-    this._volume = clamp(v, 0, 1);
+    this._volume = clampVolume(v);
     this._muted = false;
     this.engine.setVolume(this._volume, this._muted);
     this.events.emit("volumechange");
@@ -25144,24 +25202,10 @@ class VideoShim {
     return this.canvas.getBoundingClientRect();
   }
   requestVideoFrameCallback(callback) {
-    const id = requestAnimationFrame((time) => {
-      callback(time, {
-        presentationTime: this.engine.currentTime,
-        expectedDisplayTime: time + 16.6,
-        width: this.engine.videoWidth,
-        height: this.engine.videoHeight,
-        mediaTime: this.engine.currentTime,
-        presentedFrames: 0,
-        processingDuration: 0,
-        captureTime: time,
-        receiveTime: time,
-        rtpTimestamp: 0
-      });
-    });
-    return id;
+    return requestFrame(this, callback);
   }
   cancelVideoFrameCallback(id) {
-    cancelAnimationFrame(id);
+    cancelFrame(this, id);
   }
   setAttribute(name, value) {
     if (name === "src") {
@@ -25173,11 +25217,17 @@ class VideoShim {
     } else if (name === "muted") {
       this.muted = true;
     } else {
-      this.canvas.setAttribute(name, value);
+      Reflect.apply(this.canvas.setAttribute, this.canvas, [name, value]);
     }
   }
   destroy() {
-    this.engine.destroy();
+    if (!closeFrames(this))
+      return;
+    try {
+      this.engine.destroy();
+    } finally {
+      this.events.destroy();
+    }
   }
 }
 function artplayerProxyMediabunny(option = {}) {

packages/artplayer-proxy-mediabunny/src/EventTarget.js

@@ -1,37 +0,0 @@
-/**
- * Event Target Implementation
- * Simple event system for video events
- */
-export default class EventTarget {
-  constructor() {
-    this.listeners = new Map()
-  }
-
-  addEventListener(type, fn) {
-    if (!this.listeners.has(type)) {
-      this.listeners.set(type, [])
-    }
-    this.listeners.get(type).push(fn)
-  }
-
-  removeEventListener(type, fn) {
-    const list = this.listeners.get(type)
-    if (!list)
-      return
-
-    const index = list.indexOf(fn)
-    if (index >= 0) {
-      list.splice(index, 1)
-    }
-  }
-
-  emit(type, detail) {
-    const evt = new Event(type)
-    evt.detail = detail
-
-    const list = this.listeners.get(type)
-    if (list) {
-      list.forEach(fn => fn(evt))
-    }
-  }
-}

packages/artplayer-proxy-mediabunny/src/EventTarget.ts

@@ -0,0 +1,44 @@
+export type MediaEvent = Event & { detail: unknown }
+export type MediaListener = (event: MediaEvent) => unknown
+
+export default class EventTarget {
+  declare listeners: Map<string, MediaListener[]>
+  #closed = false
+
+  constructor() {
+    this.listeners = new Map()
+  }
+
+  addEventListener(type: string, fn: MediaListener): void {
+    if (this.#closed)
+      return
+    if (!this.listeners.has(type))
+      this.listeners.set(type, [])
+    this.listeners.get(type)?.push(fn)
+  }
+
+  removeEventListener(type: string, fn: MediaListener): void {
+    const list = this.listeners.get(type)
+    if (!list)
+      return
+    const index = list.indexOf(fn)
+    if (index >= 0)
+      list.splice(index, 1)
+  }
+
+  emit(type: string, detail?: unknown): void {
+    if (this.#closed)
+      return
+    const event = Object.assign(new Event(type), { detail })
+    // Keep historical live-array forEach semantics and uncaught listener exceptions.
+    this.listeners.get(type)?.forEach((fn) => {
+      if (!this.#closed)
+        fn(event)
+    })
+  }
+
+  destroy(): void {
+    this.#closed = true
+    this.listeners.clear()
+  }
+}

packages/artplayer-proxy-mediabunny/src/MediaBunnyEngine.d.ts

@@ -0,0 +1,4 @@
+import type { EngineOptions, EnginePort } from './engine-types'
+
+declare const MediaBunnyEngine: new (options: EngineOptions) => EnginePort
+export default MediaBunnyEngine

packages/artplayer-proxy-mediabunny/src/VideoShim.ts

@@ -1,16 +1,22 @@
-import EventTarget from './EventTarget.js'
-/**
- * Video Element Shim
- * Simulates HTMLVideoElement interface for MediaBunny
- */
+import type { EngineOptions, EnginePort, ProxyOptions, ShimHost } from './engine-types'
+import type { MediaListener } from './EventTarget'
+import EventTarget from './EventTarget'
 import MediaBunnyEngine from './MediaBunnyEngine.js'
-
-function clamp(v, min, max) {
-  return Math.max(min, Math.min(max, Number(v) || 0))
-}
+import { cancelFrame, closeFrames, requestFrame } from './shim-frames'
+import { clampVolume, timeRanges } from './shim-values'
 
 export default class VideoShim {
-  constructor({ art, canvas, ctx, option }) {
+  declare art: ShimHost
+  declare canvas: HTMLCanvasElement
+  declare option: ProxyOptions
+  declare events: EventTarget
+  declare engine: EnginePort
+  declare _src: unknown
+  declare _volume: number
+  declare _muted: boolean
+  declare _playbackRate: number
+
+  constructor({ art, canvas, ctx, option }: Omit<EngineOptions, 'events' | 'option'> & { art: ShimHost, option: ProxyOptions }) {
     this.art = art
     this.canvas = canvas
     this.option = option
@@ -52,11 +58,11 @@ export default class VideoShim {
   }
 
   // Event methods
-  addEventListener(type, fn) {
+  addEventListener(type: string, fn: MediaListener) {
     this.events.addEventListener(type, fn)
   }
 
-  removeEventListener(type, fn) {
+  removeEventListener(type: string, fn: MediaListener) {
     this.events.removeEventListener(type, fn)
   }
 
@@ -65,7 +71,7 @@ export default class VideoShim {
     return this._src
   }
 
-  set src(v) {
+  set src(v: unknown) {
     this._src = v
     if (v)
       this.engine.load(v)
@@ -80,7 +86,7 @@ export default class VideoShim {
     return this.engine.currentTime
   }
 
-  set currentTime(t) {
+  set currentTime(t: unknown) {
     this.engine.seek(Number(t) || 0)
   }
 
@@ -101,16 +107,8 @@ export default class VideoShim {
     return this.createTimeRanges(0, this.engine.duration)
   }
 
-  createTimeRanges(start, end) {
-    const duration = this.engine.duration
-    if (!duration || Number.isNaN(duration) || end <= 0) {
-      return { length: 0, start: () => 0, end: () => 0 }
-    }
-    return {
-      length: 1,
-      start: () => start,
-      end: () => end,
-    }
+  createTimeRanges(start: number, end: number): TimeRanges {
+    return timeRanges(this.engine.duration, start, end)
   }
 
   // Playback state
@@ -148,7 +146,7 @@ export default class VideoShim {
     return this._playbackRate
   }
 
-  set playbackRate(v) {
+  set playbackRate(v: unknown) {
     const rate = Number(v)
     if (Number.isNaN(rate) || rate <= 0)
       return
@@ -163,8 +161,8 @@ export default class VideoShim {
     return this._volume
   }
 
-  set volume(v) {
-    this._volume = clamp(v, 0, 1)
+  set volume(v: unknown) {
+    this._volume = clampVolume(v)
     this._muted = false
     this.engine.setVolume(this._volume, this._muted)
     this.events.emit('volumechange')
@@ -174,7 +172,7 @@ export default class VideoShim {
     return this._muted
   }
 
-  set muted(v) {
+  set muted(v: unknown) {
     this._muted = !!v
     this.engine.setVolume(this._volume, this._muted)
     this.events.emit('volumechange')
@@ -198,11 +196,11 @@ export default class VideoShim {
     return this.engine.getHlsState()
   }
 
-  switchM3u8Quality(value) {
+  switchM3u8Quality(value: unknown) {
     return this.engine.selectHlsQuality(value)
   }
 
-  switchM3u8Audio(value) {
+  switchM3u8Audio(value: unknown) {
     return this.engine.selectHlsAudio(value)
   }
 
@@ -220,7 +218,7 @@ export default class VideoShim {
     return this.option.poster || ''
   }
 
-  set poster(v) {
+  set poster(v: string) {
     this.option.poster = v
   }
 
@@ -228,52 +226,52 @@ export default class VideoShim {
     return this.option.autoplay || false
   }
 
-  set autoplay(v) {}
+  set autoplay(v: unknown) {}
 
   get loop() {
     return this.option.loop || false
   }
 
-  set loop(v) {}
+  set loop(v: unknown) {}
 
   get controls() {
     return false
   }
 
-  set controls(v) {}
+  set controls(v: unknown) {}
 
   get playsInline() {
     return true
   }
 
-  set playsInline(v) {}
+  set playsInline(v: unknown) {}
 
   get crossOrigin() {
     return this.option.crossOrigin || ''
   }
 
-  set crossOrigin(v) {}
+  set crossOrigin(v: unknown) {}
 
   get preload() {
     return 'auto'
   }
 
-  set preload(v) {}
+  set preload(v: unknown) {}
 
   get defaultMuted() {
     return false
   }
 
-  set defaultMuted(v) {}
+  set defaultMuted(v: unknown) {}
 
   get defaultPlaybackRate() {
     return 1
   }
 
-  set defaultPlaybackRate(v) {}
+  set defaultPlaybackRate(v: unknown) {}
 
   // Methods
-  canPlayType(_type) {
+  canPlayType(_type: string) {
     return 'maybe'
   }
 
@@ -281,29 +279,15 @@ export default class VideoShim {
     return this.canvas.getBoundingClientRect()
   }
 
-  requestVideoFrameCallback(callback) {
-    const id = requestAnimationFrame((time) => {
-      callback(time, {
-        presentationTime: this.engine.currentTime,
-        expectedDisplayTime: time + 16.6,
-        width: this.engine.videoWidth,
-        height: this.engine.videoHeight,
-        mediaTime: this.engine.currentTime,
-        presentedFrames: 0,
-        processingDuration: 0,
-        captureTime: time,
-        receiveTime: time,
-        rtpTimestamp: 0,
-      })
-    })
-    return id
+  requestVideoFrameCallback(callback: VideoFrameRequestCallback): number {
+    return requestFrame(this, callback)
   }
 
-  cancelVideoFrameCallback(id) {
-    cancelAnimationFrame(id)
+  cancelVideoFrameCallback(id: number): void {
+    cancelFrame(this, id)
   }
 
-  setAttribute(name, value) {
+  setAttribute(name: string, value: unknown) {
     if (name === 'src') {
       this.src = value
     }
@@ -317,11 +301,18 @@ export default class VideoShim {
       this.muted = true
     }
     else {
-      this.canvas.setAttribute(name, value)
+      Reflect.apply(this.canvas.setAttribute, this.canvas, [name, value])
     }
   }
 
-  destroy() {
-    this.engine.destroy()
+  destroy(): void {
+    if (!closeFrames(this))
+      return
+    try {
+      this.engine.destroy()
+    }
+    finally {
+      this.events.destroy()
+    }
   }
 }

packages/artplayer-proxy-mediabunny/src/engine-types.ts

@@ -0,0 +1,44 @@
+import type factory from '../types/artplayer-proxy-mediabunny'
+import type EventTarget from './EventTarget'
+import type { MediaEvent } from './EventTarget'
+import type { getHlsState } from './hls-state'
+
+export type ProxyOptions = NonNullable<Parameters<typeof factory>[0]>
+export type HlsState = Awaited<ReturnType<typeof getHlsState>>
+
+export interface ShimHost {
+  constructor: { config: { events: readonly string[] } }
+  option: { url?: unknown }
+  emit: (type: string, event: MediaEvent) => unknown
+}
+
+export interface EngineOptions {
+  canvas: HTMLCanvasElement
+  ctx: CanvasRenderingContext2D | null
+  events: EventTarget
+  option?: ProxyOptions
+}
+
+// Transitional boundary for the coordinator; replaced by its strict implementation in MB-04.
+export interface EnginePort {
+  readonly currentTime: number
+  readonly duration: number
+  readonly videoWidth: number
+  readonly videoHeight: number
+  paused: boolean
+  ended: boolean
+  seeking: boolean
+  readyState: number
+  networkState: number
+  error: { code: number, message: string } | null
+  play: () => Promise<void>
+  pause: () => void
+  load: (source: unknown) => Promise<void>
+  seek: (time: number) => Promise<void>
+  destroy: () => void
+  setVolume: (volume: number, muted: boolean) => void
+  setPlaybackRate: (rate: number) => void
+  getHlsState: () => Promise<HlsState>
+  selectHlsQuality: (value: unknown) => Promise<void>
+  selectHlsAudio: (value: unknown) => Promise<void>
+}

packages/artplayer-proxy-mediabunny/src/shim-frames.ts

@@ -0,0 +1,61 @@
+import type { EnginePort } from './engine-types'
+
+interface FrameOwner {
+  engine: Pick<EnginePort, 'currentTime' | 'videoWidth' | 'videoHeight'>
+}
+
+interface FrameState {
+  closed: boolean
+  frames: Set<number>
+}
+
+// Keep resource bookkeeping off the observable shim own-property/canvas surface.
+const states = new WeakMap<FrameOwner, FrameState>()
+function state(owner: FrameOwner): FrameState {
+  let value = states.get(owner)
+  if (!value) {
+    value = { closed: false, frames: new Set() }
+    states.set(owner, value)
+  }
+  return value
+}
+
+export function requestFrame(owner: FrameOwner, callback: VideoFrameRequestCallback): number {
+  const resource = state(owner)
+  if (resource.closed)
+    return 0
+  const id = requestAnimationFrame((time) => {
+    resource.frames.delete(id)
+    if (resource.closed)
+      return
+    callback(time, {
+      presentationTime: owner.engine.currentTime,
+      expectedDisplayTime: time + 16.6,
+      width: owner.engine.videoWidth,
+      height: owner.engine.videoHeight,
+      mediaTime: owner.engine.currentTime,
+      presentedFrames: 0,
+      processingDuration: 0,
+      captureTime: time,
+      receiveTime: time,
+      rtpTimestamp: 0,
+    })
+  })
+  resource.frames.add(id)
+  return id
+}
+
+export function cancelFrame(owner: FrameOwner, id: number): void {
+  state(owner).frames.delete(id)
+  cancelAnimationFrame(id)
+}
+
+export function closeFrames(owner: FrameOwner): boolean {
+  const resource = state(owner)
+  if (resource.closed)
+    return false
+  resource.closed = true
+  for (const id of resource.frames) cancelAnimationFrame(id)
+  resource.frames.clear()
+  return true
+}

packages/artplayer-proxy-mediabunny/src/shim-values.ts

@@ -0,0 +1,9 @@
+export function clampVolume(value: unknown): number {
+  return Math.max(0, Math.min(1, Number(value) || 0))
+}
+
+export function timeRanges(duration: number, start: number, end: number): TimeRanges {
+  if (!duration || Number.isNaN(duration) || end <= 0)
+    return { length: 0, start: () => 0, end: () => 0 }
+  return { length: 1, start: () => start, end: () => end }
+}