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

package/README.md

@@ -0,0 +1,7 @@
+
+# @eva/plugin-renderer-video
+
+More Introduction
+- [EN](https://eva.js.org)
+- [中文](https://eva-engine.gitee.io)
+    

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

@@ -0,0 +1,474 @@
+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

@@ -0,0 +1 @@
+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;