@eva/plugin-renderer-video 2.1.0-beta.1 → 2.1.0-beta.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eva/plugin-renderer-video",
-  "version": "2.1.0-beta.1",
+  "version": "2.1.0-beta.3",
   "description": "@eva/plugin-renderer-video",
   "main": "index.js",
   "module": "dist/plugin-renderer-video.esm.js",
@@ -20,8 +20,8 @@
   "homepage": "https://eva.js.org",
   "dependencies": {
     "@eva/inspector-decorator": "^2.0.0-beta.0",
-    "@eva/eva.js": "2.1.0-beta.1",
-    "@eva/plugin-renderer": "2.1.0-beta.1",
+    "@eva/eva.js": "2.1.0-beta.3",
+    "@eva/plugin-renderer": "2.1.0-beta.3",
     "pixi.js": "^8.6.3"
   }
 }

package/dist/EVA.plugin.renderer.video.js

@@ -1,474 +0,0 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-globalThis.EVA = globalThis.EVA || {};
-globalThis.EVA.plugin = globalThis.EVA.plugin || {};
-globalThis.EVA.plugin.renderer = globalThis.EVA.plugin.renderer || {};
-var _EVA_IIFE_video = function (exports, eva_js, pluginRenderer, pixi_js) {
-  'use strict';
-  function __decorate(decorators, target, key, desc) {
-    var c = arguments.length,
-      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
-      d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-  }
-  function __metadata(metadataKey, metadataValue) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
-  }
-  function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) {
-      return value instanceof P ? value : new P(function (resolve) {
-        resolve(value);
-      });
-    }
-    return new (P || (P = Promise))(function (resolve, reject) {
-      function fulfilled(value) {
-        try {
-          step(generator.next(value));
-        } catch (e) {
-          reject(e);
-        }
-      }
-      function rejected(value) {
-        try {
-          step(generator["throw"](value));
-        } catch (e) {
-          reject(e);
-        }
-      }
-      function step(result) {
-        result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-      }
-      step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-  }
-  function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-    }
-    return t;
-  }
-  typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-  };
-  class SymbolKeysNotSupportedError extends Error {
-    constructor() {
-      super('Symbol keys are not supported yet!');
-      Object.setPrototypeOf(this, new.target.prototype);
-    }
-  }
-  const IDE_PROPERTY_METADATA = 'IDE_PROPERTY_METADATA';
-  function transformBasicType(type) {
-    if (type === String) {
-      return 'string';
-    }
-    if (type === Number) {
-      return 'number';
-    }
-    if (type === Boolean) {
-      return 'boolean';
-    }
-    return 'unknown';
-  }
-  function defineLegacyIDEProp(target, propertyKey, patch) {
-    const constructor = target.constructor;
-    const current = constructor.IDEProps || {};
-    current[propertyKey] = _extends(_extends({
-      key: propertyKey
-    }, current[propertyKey]), patch);
-    constructor.IDEProps = current;
-  }
-  function defineTypes(target, key, options, returnTypeFunction) {
-    let type = Reflect.getMetadata('design:type', target, key);
-    let isArray = type === Array;
-    const str = transformBasicType(type);
-    if (str !== 'unknown') {
-      type = str;
-    }
-    if (returnTypeFunction) {
-      const returnType = returnTypeFunction();
-      if (Array.isArray(returnType)) {
-        isArray = true;
-        type = returnType[0];
-      } else {
-        type = returnType;
-      }
-    }
-    const properties = Reflect.getMetadata(IDE_PROPERTY_METADATA, target.constructor) || {};
-    const current = properties[key] || {};
-    const property = _extends(_extends(_extends({}, current), {
-      type,
-      isArray: isArray
-    }), options);
-    properties[key] = property;
-    Reflect.defineMetadata(IDE_PROPERTY_METADATA, properties, target.constructor);
-    const legacyProperty = __rest(property, ["isArray"]);
-    defineLegacyIDEProp(target, key, legacyProperty);
-  }
-  function type(type) {
-    return Field({
-      type
-    });
-  }
-  function getTypeDecoratorParams(returnTypeFuncOrOptions, maybeOptions) {
-    if (typeof returnTypeFuncOrOptions === 'function') {
-      return {
-        returnTypeFunc: returnTypeFuncOrOptions,
-        options: maybeOptions || {}
-      };
-    }
-    return {
-      options: returnTypeFuncOrOptions || {}
-    };
-  }
-  function Field(returnTypeFunction, maybeOptions) {
-    return (target, propertyKey) => {
-      if (typeof propertyKey === 'symbol') {
-        throw new SymbolKeysNotSupportedError();
-      }
-      const {
-        options,
-        returnTypeFunc
-      } = getTypeDecoratorParams(returnTypeFunction, maybeOptions);
-      defineTypes(target, propertyKey, options, returnTypeFunc);
-    };
-  }
-  var ExecuteMode;
-  (function (ExecuteMode) {
-    ExecuteMode[ExecuteMode["Edit"] = 2] = "Edit";
-    ExecuteMode[ExecuteMode["Game"] = 4] = "Game";
-    ExecuteMode[ExecuteMode["All"] = 6] = "All";
-  })(ExecuteMode || (ExecuteMode = {}));
-  class Video extends eva_js.Component {
-    constructor() {
-      super(...arguments);
-      this.src = '';
-      this.loop = false;
-      this.autoplay = true;
-      this.muted = true;
-      this.volume = 1;
-      this.playbackRate = 1;
-      this.anchorX = 0.5;
-      this.anchorY = 0.5;
-      this.crossOrigin = 'anonymous';
-      this.playsInline = true;
-      this.completed = false;
-    }
-    init(obj) {
-      if (obj) _extends(this, obj);
-    }
-    play() {
-      if (!this.videoElement) return;
-      try {
-        const ret = this.videoElement.play();
-        if (ret && typeof ret.catch === 'function') {
-          return ret.catch(e => {
-            console.warn('[Video] play() rejected:', e);
-          });
-        }
-      } catch (e) {
-        console.warn('[Video] play() threw:', e);
-      }
-    }
-    pause() {
-      if (!this.videoElement) return;
-      try {
-        this.videoElement.pause();
-      } catch (_a) {}
-    }
-    setCurrentTime(seconds) {
-      if (!this.videoElement) return;
-      try {
-        this.videoElement.currentTime = Math.max(0, seconds);
-      } catch (_a) {}
-    }
-    snapshot(area) {
-      var _a, _b, _c, _d;
-      const v = this.videoElement;
-      if (!v || v.readyState < 2) return null;
-      const w = (_a = area === null || area === void 0 ? void 0 : area.width) !== null && _a !== void 0 ? _a : v.videoWidth;
-      const h = (_b = area === null || area === void 0 ? void 0 : area.height) !== null && _b !== void 0 ? _b : v.videoHeight;
-      if (w <= 0 || h <= 0) return null;
-      try {
-        const canvas = document.createElement('canvas');
-        canvas.width = w;
-        canvas.height = h;
-        const ctx = canvas.getContext('2d');
-        if (!ctx) return null;
-        ctx.drawImage(v, (_c = area === null || area === void 0 ? void 0 : area.x) !== null && _c !== void 0 ? _c : 0, (_d = area === null || area === void 0 ? void 0 : area.y) !== null && _d !== void 0 ? _d : 0, w, h, 0, 0, w, h);
-        return canvas;
-      } catch (_e) {
-        return null;
-      }
-    }
-  }
-  Video.componentName = 'Video';
-  __decorate([type('string'), __metadata("design:type", String)], Video.prototype, "src", void 0);
-  __decorate([type('boolean'), __metadata("design:type", Boolean)], Video.prototype, "loop", void 0);
-  __decorate([type('boolean'), __metadata("design:type", Boolean)], Video.prototype, "autoplay", void 0);
-  __decorate([type('boolean'), __metadata("design:type", Boolean)], Video.prototype, "muted", void 0);
-  __decorate([type('number'), __metadata("design:type", Number)], Video.prototype, "volume", void 0);
-  __decorate([type('number'), __metadata("design:type", Number)], Video.prototype, "playbackRate", void 0);
-  __decorate([type('number'), __metadata("design:type", Number)], Video.prototype, "anchorX", void 0);
-  __decorate([type('number'), __metadata("design:type", Number)], Video.prototype, "anchorY", void 0);
-  __decorate([type('boolean'), __metadata("design:type", Boolean)], Video.prototype, "playsInline", void 0);
-  function resolveSrc(src) {
-    if (!src) return '';
-    if (src.startsWith('http://') || src.startsWith('https://') || src.startsWith('//') || src.startsWith('/')) {
-      return src;
-    }
-    if (/\.(mp4|webm|ogv|m4v|mov)(\?|#|$)/i.test(src)) {
-      return src;
-    }
-    try {
-      const all = eva_js.resource.resourcesMap || eva_js.resource.resources;
-      if (all && all[src]) {
-        const meta = all[src];
-        const sources = meta.src || meta.data || {};
-        const candidate = sources.video || sources.audio || sources.image || sources;
-        if (candidate === null || candidate === void 0 ? void 0 : candidate.url) return candidate.url;
-        if (candidate === null || candidate === void 0 ? void 0 : candidate.src) return candidate.src;
-      }
-    } catch (_a) {}
-    return src;
-  }
-  const TRANSPARENT_PIXEL_DATA_URL = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=';
-  let VideoSystem = class VideoSystem extends pluginRenderer.Renderer {
-    constructor() {
-      super(...arguments);
-      this.name = 'Video';
-      this.records = {};
-    }
-    init() {
-      this.renderSystem = this.game.getSystem(pluginRenderer.RendererSystem);
-      this.renderSystem.rendererManager.register(this);
-    }
-    rendererUpdate(gameObject) {
-      var _a, _b, _c, _d, _e;
-      const record = this.records[gameObject.id];
-      if (!record) return;
-      const c = record.component;
-      const v = record.video;
-      if (record.ctx && v.readyState >= 2 && v.videoWidth > 0 && v.videoHeight > 0) {
-        if (!record.resizedToVideo) {
-          record.canvas.width = v.videoWidth;
-          record.canvas.height = v.videoHeight;
-          record.resizedToVideo = true;
-          const oldTex = record.texture;
-          const newTex = pixi_js.Texture.from(record.canvas);
-          record.texture = newTex;
-          record.sprite.texture = newTex;
-          if (oldTex && oldTex !== newTex) {
-            try {
-              oldTex.destroy(false);
-            } catch (_f) {}
-          }
-        }
-        try {
-          record.ctx.drawImage(v, 0, 0, record.canvas.width, record.canvas.height);
-          const src = (_a = record.texture) === null || _a === void 0 ? void 0 : _a.source;
-          if (src) {
-            if (typeof src.update === 'function') src.update();else src.dirty = true;
-          }
-        } catch (_g) {}
-      }
-      const w = (_b = c.width) !== null && _b !== void 0 ? _b : v.videoWidth || 256;
-      const h = (_c = c.height) !== null && _c !== void 0 ? _c : v.videoHeight || 256;
-      record.sprite.width = w;
-      record.sprite.height = h;
-      record.sprite.anchor.set((_d = c.anchorX) !== null && _d !== void 0 ? _d : 0.5, (_e = c.anchorY) !== null && _e !== void 0 ? _e : 0.5);
-    }
-    componentChanged(changed) {
-      var _a, _b, _c, _d, _e;
-      return __awaiter(this, void 0, void 0, function* () {
-        if (changed.componentName !== 'Video') return;
-        const component = changed.component;
-        const gameObjectId = changed.gameObject.id;
-        if (changed.type === eva_js.OBSERVER_TYPE.ADD) {
-          const record = this.createRecord(component);
-          this.records[gameObjectId] = record;
-          const container = this.containerManager.getContainer(gameObjectId);
-          if (container) container.addChildAt(record.sprite, 0);
-          this.attachEndedHandler(record, changed.gameObject);
-          this.startLoad(record);
-        } else if (changed.type === eva_js.OBSERVER_TYPE.CHANGE) {
-          const record = this.records[gameObjectId];
-          if (!record) return;
-          const propKey = (_b = (_a = changed.prop) === null || _a === void 0 ? void 0 : _a.prop) === null || _b === void 0 ? void 0 : _b[0];
-          if (propKey === 'src') {
-            try {
-              record.video.pause();
-            } catch (_f) {}
-            const url = resolveSrc(component.src);
-            record.video.src = url;
-            record.component = component;
-            component.videoElement = record.video;
-            component.completed = false;
-            record.resizedToVideo = false;
-            try {
-              record.video.load();
-            } catch (_g) {}
-            if (component.autoplay !== false) this.tryPlay(record.video);
-          } else if (propKey === 'loop') {
-            record.video.loop = !!component.loop;
-          } else if (propKey === 'muted') {
-            record.video.muted = !!component.muted;
-          } else if (propKey === 'volume') {
-            record.video.volume = Math.max(0, Math.min(1, (_c = component.volume) !== null && _c !== void 0 ? _c : 1));
-          } else if (propKey === 'playbackRate') {
-            record.video.playbackRate = (_d = component.playbackRate) !== null && _d !== void 0 ? _d : 1;
-          }
-        } else if (changed.type === eva_js.OBSERVER_TYPE.REMOVE) {
-          const record = this.records[gameObjectId];
-          if (!record) return;
-          this.tearDown(record);
-          const container = (_e = this.containerManager) === null || _e === void 0 ? void 0 : _e.getContainer(gameObjectId);
-          if (container) container.removeChild(record.sprite);
-          try {
-            record.sprite.destroy({
-              children: true
-            });
-          } catch (_h) {}
-          delete this.records[gameObjectId];
-        }
-      });
-    }
-    createRecord(component) {
-      var _a, _b, _c, _d, _e, _f, _g;
-      const video = document.createElement('video');
-      video.crossOrigin = (_a = component.crossOrigin) !== null && _a !== void 0 ? _a : 'anonymous';
-      video.loop = !!component.loop;
-      video.muted = component.muted !== false;
-      video.volume = Math.max(0, Math.min(1, (_b = component.volume) !== null && _b !== void 0 ? _b : 1));
-      video.playbackRate = (_c = component.playbackRate) !== null && _c !== void 0 ? _c : 1;
-      video.playsInline = component.playsInline !== false;
-      video['webkit-playsinline'] = '';
-      video.preload = 'auto';
-      component.videoElement = video;
-      const canvas = document.createElement('canvas');
-      canvas.width = (_d = component.width) !== null && _d !== void 0 ? _d : 256;
-      canvas.height = (_e = component.height) !== null && _e !== void 0 ? _e : 256;
-      const ctx = canvas.getContext('2d');
-      const placeholderTex = pixi_js.Texture.from(TRANSPARENT_PIXEL_DATA_URL);
-      const sprite = new pixi_js.Sprite(placeholderTex);
-      sprite.anchor.set((_f = component.anchorX) !== null && _f !== void 0 ? _f : 0.5, (_g = component.anchorY) !== null && _g !== void 0 ? _g : 0.5);
-      return {
-        video,
-        canvas,
-        ctx,
-        texture: placeholderTex,
-        sprite,
-        component,
-        endedHandler: null,
-        resizedToVideo: false
-      };
-    }
-    attachEndedHandler(record, _go) {
-      const handler = () => {
-        record.component.completed = true;
-        try {
-          record.video.dispatchEvent(new Event('eva-video-complete'));
-        } catch (_a) {}
-      };
-      record.video.addEventListener('ended', handler);
-      record.endedHandler = handler;
-    }
-    startLoad(record) {
-      const url = resolveSrc(record.component.src);
-      record.video.src = url;
-      try {
-        record.video.load();
-      } catch (_a) {}
-      if (record.component.autoplay !== false) {
-        const onCanPlay = () => {
-          record.video.removeEventListener('canplay', onCanPlay);
-          record.video.removeEventListener('loadeddata', onCanPlay);
-          this.tryPlay(record.video);
-        };
-        if (record.video.readyState >= 2) {
-          this.tryPlay(record.video);
-        } else {
-          record.video.addEventListener('canplay', onCanPlay);
-          record.video.addEventListener('loadeddata', onCanPlay);
-        }
-      }
-    }
-    tryPlay(video) {
-      try {
-        const p = video.play();
-        if (p && typeof p.catch === 'function') {
-          p.catch(err => {
-            console.warn('[Video] autoplay rejected:', (err === null || err === void 0 ? void 0 : err.message) || err);
-          });
-        }
-      } catch (e) {
-        console.warn('[Video] autoplay threw:', e);
-      }
-    }
-    tearDown(record) {
-      try {
-        record.video.pause();
-      } catch (_a) {}
-      if (record.endedHandler) {
-        try {
-          record.video.removeEventListener('ended', record.endedHandler);
-        } catch (_b) {}
-      }
-      try {
-        record.video.removeAttribute('src');
-        record.video.load();
-      } catch (_c) {}
-      if (record.texture) {
-        try {
-          record.texture.destroy(false);
-        } catch (_d) {}
-        record.texture = null;
-      }
-    }
-    destroy() {
-      var _a;
-      for (const key in this.records) {
-        const id = parseInt(key);
-        const record = this.records[id];
-        this.tearDown(record);
-        const container = (_a = this.containerManager) === null || _a === void 0 ? void 0 : _a.getContainer(id);
-        if (container) container.removeChild(record.sprite);
-        try {
-          record.sprite.destroy({
-            children: true
-          });
-        } catch (_b) {}
-        delete this.records[id];
-      }
-    }
-  };
-  VideoSystem.systemName = 'Video';
-  VideoSystem = __decorate([eva_js.decorators.componentObserver({
-    Video: [{
-      prop: ['src'],
-      deep: false
-    }, {
-      prop: ['loop'],
-      deep: false
-    }, {
-      prop: ['muted'],
-      deep: false
-    }, {
-      prop: ['volume'],
-      deep: false
-    }, {
-      prop: ['playbackRate'],
-      deep: false
-    }]
-  })], VideoSystem);
-  var VideoSystem$1 = VideoSystem;
-  exports.Video = Video;
-  exports.VideoSystem = VideoSystem$1;
-  Object.defineProperty(exports, '__esModule', {
-    value: true
-  });
-  return exports;
-}({}, EVA, EVA.plugin.renderer, PIXI);
-globalThis.EVA.plugin.renderer.video = globalThis.EVA.plugin.renderer.video || _EVA_IIFE_video;

package/dist/EVA.plugin.renderer.video.min.js

@@ -1 +0,0 @@
-function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)({}).hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},_extends.apply(null,arguments)}globalThis.EVA=globalThis.EVA||{},globalThis.EVA.plugin=globalThis.EVA.plugin||{},globalThis.EVA.plugin.renderer=globalThis.EVA.plugin.renderer||{};var _EVA_IIFE_video=function(e,t,o,n){"use strict";function r(e,t,o,n){var r,i=arguments.length,a=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,n);else for(var d=e.length-1;d>=0;d--)(r=e[d])&&(a=(i<3?r(a):i>3?r(t,o,a):r(t,o))||a);return i>3&&a&&Object.defineProperty(t,o,a),a}function i(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function a(e,t,o,n){return new(o||(o=Promise))(function(r,i){function a(e){try{s(n.next(e))}catch(e){i(e)}}function d(e){try{s(n.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?r(e.value):(t=e.value,t instanceof o?t:new o(function(e){e(t)})).then(a,d)}s((n=n.apply(e,t||[])).next())})}"function"==typeof SuppressedError&&SuppressedError;class d extends Error{constructor(){super("Symbol keys are not supported yet!"),Object.setPrototypeOf(this,new.target.prototype)}}const s="IDE_PROPERTY_METADATA";function c(e,t,o,n){let r=Reflect.getMetadata("design:type",e,t),i=r===Array;const a=function(e){return e===String?"string":e===Number?"number":e===Boolean?"boolean":"unknown"}(r);if("unknown"!==a&&(r=a),n){const e=n();Array.isArray(e)?(i=!0,r=e[0]):r=e}const d=Reflect.getMetadata(s,e.constructor)||{},c=_extends(_extends(_extends({},d[t]||{}),{type:r,isArray:i}),o);d[t]=c,Reflect.defineMetadata(s,d,e.constructor);!function(e,t,o){const n=e.constructor,r=n.IDEProps||{};r[t]=_extends(_extends({key:t},r[t]),o),n.IDEProps=r}(e,t,function(e,t){var o={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(o[n[r]]=e[n[r]])}return o}(c,["isArray"]))}function l(e){return t={type:e},(e,n)=>{if("symbol"==typeof n)throw new d;const{options:r,returnTypeFunc:i}=function(e,t){return"function"==typeof e?{returnTypeFunc:e,options:t||{}}:{options:e||{}}}(t,o);c(e,n,r,i)};var t,o}var u;!function(e){e[e.Edit=2]="Edit",e[e.Game=4]="Game",e[e.All=6]="All"}(u||(u={}));class p extends t.Component{constructor(){super(...arguments),this.src="",this.loop=!1,this.autoplay=!0,this.muted=!0,this.volume=1,this.playbackRate=1,this.anchorX=.5,this.anchorY=.5,this.crossOrigin="anonymous",this.playsInline=!0,this.completed=!1}init(e){e&&_extends(this,e)}play(){if(this.videoElement)try{const e=this.videoElement.play();if(e&&"function"==typeof e.catch)return e.catch(e=>{console.warn("[Video] play() rejected:",e)})}catch(e){console.warn("[Video] play() threw:",e)}}pause(){if(this.videoElement)try{this.videoElement.pause()}catch(e){}}setCurrentTime(e){if(this.videoElement)try{this.videoElement.currentTime=Math.max(0,e)}catch(e){}}snapshot(e){var t,o,n,r;const i=this.videoElement;if(!i||i.readyState<2)return null;const a=null!==(t=null==e?void 0:e.width)&&void 0!==t?t:i.videoWidth,d=null!==(o=null==e?void 0:e.height)&&void 0!==o?o:i.videoHeight;if(a<=0||d<=0)return null;try{const t=document.createElement("canvas");t.width=a,t.height=d;const o=t.getContext("2d");return o?(o.drawImage(i,null!==(n=null==e?void 0:e.x)&&void 0!==n?n:0,null!==(r=null==e?void 0:e.y)&&void 0!==r?r:0,a,d,0,0,a,d),t):null}catch(e){return null}}}function h(e){if(!e)return"";if(e.startsWith("http://")||e.startsWith("https://")||e.startsWith("//")||e.startsWith("/"))return e;if(/\.(mp4|webm|ogv|m4v|mov)(\?|#|$)/i.test(e))return e;try{const o=t.resource.resourcesMap||t.resource.resources;if(o&&o[e]){const t=o[e],n=t.src||t.data||{},r=n.video||n.audio||n.image||n;if(null==r?void 0:r.url)return r.url;if(null==r?void 0:r.src)return r.src}}catch(e){}return e}p.componentName="Video",r([l("string"),i("design:type",String)],p.prototype,"src",void 0),r([l("boolean"),i("design:type",Boolean)],p.prototype,"loop",void 0),r([l("boolean"),i("design:type",Boolean)],p.prototype,"autoplay",void 0),r([l("boolean"),i("design:type",Boolean)],p.prototype,"muted",void 0),r([l("number"),i("design:type",Number)],p.prototype,"volume",void 0),r([l("number"),i("design:type",Number)],p.prototype,"playbackRate",void 0),r([l("number"),i("design:type",Number)],p.prototype,"anchorX",void 0),r([l("number"),i("design:type",Number)],p.prototype,"anchorY",void 0),r([l("boolean"),i("design:type",Boolean)],p.prototype,"playsInline",void 0);let v=class extends o.Renderer{constructor(){super(...arguments),this.name="Video",this.records={}}init(){this.renderSystem=this.game.getSystem(o.RendererSystem),this.renderSystem.rendererManager.register(this)}rendererUpdate(e){var t,o,r,i,a;const d=this.records[e.id];if(!d)return;const s=d.component,c=d.video;if(d.ctx&&c.readyState>=2&&c.videoWidth>0&&c.videoHeight>0){if(!d.resizedToVideo){d.canvas.width=c.videoWidth,d.canvas.height=c.videoHeight,d.resizedToVideo=!0;const e=d.texture,t=n.Texture.from(d.canvas);if(d.texture=t,d.sprite.texture=t,e&&e!==t)try{e.destroy(!1)}catch(e){}}try{d.ctx.drawImage(c,0,0,d.canvas.width,d.canvas.height);const e=null===(t=d.texture)||void 0===t?void 0:t.source;e&&("function"==typeof e.update?e.update():e.dirty=!0)}catch(e){}}const l=null!==(o=s.width)&&void 0!==o?o:c.videoWidth||256,u=null!==(r=s.height)&&void 0!==r?r:c.videoHeight||256;d.sprite.width=l,d.sprite.height=u,d.sprite.anchor.set(null!==(i=s.anchorX)&&void 0!==i?i:.5,null!==(a=s.anchorY)&&void 0!==a?a:.5)}componentChanged(e){var o,n,r,i,d;return a(this,void 0,void 0,function*(){if("Video"!==e.componentName)return;const a=e.component,s=e.gameObject.id;if(e.type===t.OBSERVER_TYPE.ADD){const t=this.createRecord(a);this.records[s]=t;const o=this.containerManager.getContainer(s);o&&o.addChildAt(t.sprite,0),this.attachEndedHandler(t,e.gameObject),this.startLoad(t)}else if(e.type===t.OBSERVER_TYPE.CHANGE){const t=this.records[s];if(!t)return;const d=null===(n=null===(o=e.prop)||void 0===o?void 0:o.prop)||void 0===n?void 0:n[0];if("src"===d){try{t.video.pause()}catch(e){}const e=h(a.src);t.video.src=e,t.component=a,a.videoElement=t.video,a.completed=!1,t.resizedToVideo=!1;try{t.video.load()}catch(e){}!1!==a.autoplay&&this.tryPlay(t.video)}else"loop"===d?t.video.loop=!!a.loop:"muted"===d?t.video.muted=!!a.muted:"volume"===d?t.video.volume=Math.max(0,Math.min(1,null!==(r=a.volume)&&void 0!==r?r:1)):"playbackRate"===d&&(t.video.playbackRate=null!==(i=a.playbackRate)&&void 0!==i?i:1)}else if(e.type===t.OBSERVER_TYPE.REMOVE){const e=this.records[s];if(!e)return;this.tearDown(e);const t=null===(d=this.containerManager)||void 0===d?void 0:d.getContainer(s);t&&t.removeChild(e.sprite);try{e.sprite.destroy({children:!0})}catch(e){}delete this.records[s]}})}createRecord(e){var t,o,r,i,a,d,s;const c=document.createElement("video");c.crossOrigin=null!==(t=e.crossOrigin)&&void 0!==t?t:"anonymous",c.loop=!!e.loop,c.muted=!1!==e.muted,c.volume=Math.max(0,Math.min(1,null!==(o=e.volume)&&void 0!==o?o:1)),c.playbackRate=null!==(r=e.playbackRate)&&void 0!==r?r:1,c.playsInline=!1!==e.playsInline,c["webkit-playsinline"]="",c.preload="auto",e.videoElement=c;const l=document.createElement("canvas");l.width=null!==(i=e.width)&&void 0!==i?i:256,l.height=null!==(a=e.height)&&void 0!==a?a:256;const u=l.getContext("2d"),p=n.Texture.from("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="),h=new n.Sprite(p);return h.anchor.set(null!==(d=e.anchorX)&&void 0!==d?d:.5,null!==(s=e.anchorY)&&void 0!==s?s:.5),{video:c,canvas:l,ctx:u,texture:p,sprite:h,component:e,endedHandler:null,resizedToVideo:!1}}attachEndedHandler(e,t){const o=()=>{e.component.completed=!0;try{e.video.dispatchEvent(new Event("eva-video-complete"))}catch(e){}};e.video.addEventListener("ended",o),e.endedHandler=o}startLoad(e){const t=h(e.component.src);e.video.src=t;try{e.video.load()}catch(e){}if(!1!==e.component.autoplay){const t=()=>{e.video.removeEventListener("canplay",t),e.video.removeEventListener("loadeddata",t),this.tryPlay(e.video)};e.video.readyState>=2?this.tryPlay(e.video):(e.video.addEventListener("canplay",t),e.video.addEventListener("loadeddata",t))}}tryPlay(e){try{const t=e.play();t&&"function"==typeof t.catch&&t.catch(e=>{console.warn("[Video] autoplay rejected:",(null==e?void 0:e.message)||e)})}catch(e){console.warn("[Video] autoplay threw:",e)}}tearDown(e){try{e.video.pause()}catch(e){}if(e.endedHandler)try{e.video.removeEventListener("ended",e.endedHandler)}catch(e){}try{e.video.removeAttribute("src"),e.video.load()}catch(e){}if(e.texture){try{e.texture.destroy(!1)}catch(e){}e.texture=null}}destroy(){var e;for(const t in this.records){const o=parseInt(t),n=this.records[o];this.tearDown(n);const r=null===(e=this.containerManager)||void 0===e?void 0:e.getContainer(o);r&&r.removeChild(n.sprite);try{n.sprite.destroy({children:!0})}catch(e){}delete this.records[o]}}};v.systemName="Video",v=r([t.decorators.componentObserver({Video:[{prop:["src"],deep:!1},{prop:["loop"],deep:!1},{prop:["muted"],deep:!1},{prop:["volume"],deep:!1},{prop:["playbackRate"],deep:!1}]})],v);var y=v;return e.Video=p,e.VideoSystem=y,Object.defineProperty(e,"__esModule",{value:!0}),e}({},EVA,EVA.plugin.renderer,PIXI);globalThis.EVA.plugin.renderer.video=globalThis.EVA.plugin.renderer.video||_EVA_IIFE_video;