@galacean/effects-plugin-multimedia 2.2.6 → 2.3.0-alpha.0

package/dist/index.js

@@ -3,7 +3,7 @@
  * Description: Galacean Effects player multimedia plugin
  * Author: Ant Group CO., Ltd.
  * Contributors: 云垣
- * Version: v2.2.6
+ * Version: v2.3.0-alpha.0
  */
 
 'use strict';
@@ -508,26 +508,83 @@ exports.VideoComponent = /*#__PURE__*/ function(BaseRenderComponent) {
         var _this;
         _this = BaseRenderComponent.call(this, engine) || this;
         _this.threshold = 0.03;
+        /**
+   * 播放标志位
+   */ _this.played = false;
+        /**
+   * 视频元素是否激活
+   */ _this.isVideoActive = false;
         _this.name = "MVideo" + seed++;
         _this.geometry = _this.createGeometry(EFFECTS.glContext.TRIANGLES);
         return _this;
     }
     var _proto = VideoComponent.prototype;
-    _proto.setTexture = function setTexture(texture) {
-        var oldTexture = this.renderer.texture;
-        var composition = this.item.composition;
-        if (!composition) {
-            return;
-        }
-        composition.textures.forEach(function(cachedTexture, index) {
-            if (cachedTexture === oldTexture) {
-                composition.textures[index] = texture;
+    _proto.setTexture = function setTexture(input) {
+        var _this = this;
+        return _async_to_generator(function() {
+            var oldTexture, composition, texture;
+            return __generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        oldTexture = _this.renderer.texture;
+                        composition = _this.item.composition;
+                        if (!(typeof input === "string")) return [
+                            3,
+                            2
+                        ];
+                        return [
+                            4,
+                            EFFECTS.Texture.fromVideo(input, _this.item.engine)
+                        ];
+                    case 1:
+                        texture = _state.sent();
+                        return [
+                            3,
+                            3
+                        ];
+                    case 2:
+                        texture = input;
+                        _state.label = 3;
+                    case 3:
+                        if (!composition) {
+                            return [
+                                2
+                            ];
+                        }
+                        composition.textures.forEach(function(cachedTexture, index) {
+                            if (cachedTexture === oldTexture) {
+                                composition.textures[index] = texture;
+                            }
+                        });
+                        _this.engine.removeTexture(oldTexture);
+                        _this.renderer.texture = texture;
+                        _this.material.setTexture("_MainTex", texture);
+                        _this.video = texture.source.video;
+                        return [
+                            2
+                        ];
+                }
+            });
+        })();
+    };
+    _proto.onAwake = function onAwake() {
+        var _this = this;
+        var _this_item_composition;
+        BaseRenderComponent.prototype.onAwake.call(this);
+        (_this_item_composition = this.item.composition) == null ? void 0 : _this_item_composition.on("goto", function(option) {
+            if (option.time > 0) {
+                var _this_item = _this.item, endBehavior = _this_item.endBehavior, start = _this_item.start, duration = _this_item.duration;
+                if (endBehavior === EFFECTS.spec.EndBehavior.freeze || endBehavior === EFFECTS.spec.EndBehavior.restart) {
+                    _this.setCurrentTime((option.time - start) % duration);
+                } else {
+                    if (option.time >= duration) {
+                        _this.onDisable();
+                    } else {
+                        _this.setCurrentTime(option.time - start);
+                    }
+                }
             }
         });
-        this.engine.removeTexture(oldTexture);
-        this.renderer.texture = texture;
-        this.material.setTexture("_MainTex", texture);
-        this.video = texture.source.video;
     };
     _proto.fromData = function fromData(data) {
         BaseRenderComponent.prototype.fromData.call(this, data);
@@ -547,7 +604,7 @@ exports.VideoComponent = /*#__PURE__*/ function(BaseRenderComponent) {
             this.setPlaybackRate(playbackRate);
             this.setVolume(volume);
             this.setMuted(muted);
-            var endBehavior = this.item.endBehavior;
+            var endBehavior = this.item.taggedProperties.endBehavior;
             // 如果元素设置为 destroy
             if (endBehavior === EFFECTS.spec.EndBehavior.destroy) {
                 this.setLoop(false);
@@ -583,27 +640,25 @@ exports.VideoComponent = /*#__PURE__*/ function(BaseRenderComponent) {
         ]));
         this.setItem();
     };
-    _proto.onStart = function onStart() {
-        var _this = this;
-        var _this_item_composition;
-        BaseRenderComponent.prototype.onStart.call(this);
-        (_this_item_composition = this.item.composition) == null ? void 0 : _this_item_composition.on("goto", function(option) {
-            if (option.time > 0) {
-                _this.setCurrentTime(option.time);
-            }
-        });
-    };
     _proto.onUpdate = function onUpdate(dt) {
-        var _this_item_composition;
         BaseRenderComponent.prototype.onUpdate.call(this, dt);
-        var _this_item = this.item, time = _this_item.time, duration = _this_item.duration, endBehavior = _this_item.endBehavior;
+        var _this_item = this.item, time = _this_item.time, duration = _this_item.duration, endBehavior = _this_item.endBehavior, composition = _this_item.composition, start = _this_item.start;
+        EFFECTS.assertExist(composition);
+        var _composition_rootItem = composition.rootItem, rootEndBehavior = _composition_rootItem.endBehavior, rootDuration = _composition_rootItem.duration;
         if (time > 0) {
             this.setVisible(true);
             this.playVideo();
         }
-        if (time === 0 && ((_this_item_composition = this.item.composition) == null ? void 0 : _this_item_composition.rootItem.endBehavior) === EFFECTS.spec.EndBehavior.freeze) {
-            this.pauseVideo();
-            this.setCurrentTime(0);
+        if (time === 0 || time === rootDuration - start) {
+            if (rootEndBehavior === EFFECTS.spec.EndBehavior.freeze) {
+                var _this_video;
+                if (!((_this_video = this.video) == null ? void 0 : _this_video.paused)) {
+                    this.pauseVideo();
+                    this.setCurrentTime(time);
+                }
+            } else {
+                this.setCurrentTime(time);
+            }
         }
         if (Math.abs(time - duration) < this.threshold) {
             if (endBehavior === EFFECTS.spec.EndBehavior.freeze) {
@@ -675,15 +730,28 @@ exports.VideoComponent = /*#__PURE__*/ function(BaseRenderComponent) {
         }
         this.video.playbackRate = rate;
     };
-    _proto.playVideo = function playVideo() {
+    /**
+   * 播放视频
+   * @since 2.3.0
+   */ _proto.playVideo = function playVideo() {
         var _this = this;
+        if (this.played) {
+            return;
+        }
         if (this.video) {
+            this.played = true;
             this.video.play().catch(function(error) {
                 _this.engine.renderErrors.add(error);
             });
         }
     };
-    _proto.pauseVideo = function pauseVideo() {
+    /**
+   * 暂停视频
+   * @since 2.3.0
+   */ _proto.pauseVideo = function pauseVideo() {
+        if (this.played) {
+            this.played = false;
+        }
         if (this.video && !this.video.paused) {
             this.video.pause();
         }
@@ -697,13 +765,14 @@ exports.VideoComponent = /*#__PURE__*/ function(BaseRenderComponent) {
         }
     };
     _proto.onDisable = function onDisable() {
-        var _this_video;
         BaseRenderComponent.prototype.onDisable.call(this);
         this.setCurrentTime(0);
-        (_this_video = this.video) == null ? void 0 : _this_video.pause();
+        this.isVideoActive = false;
+        this.pauseVideo();
     };
     _proto.onEnable = function onEnable() {
         BaseRenderComponent.prototype.onEnable.call(this);
+        this.isVideoActive = true;
         this.playVideo();
     };
     return VideoComponent;
@@ -973,7 +1042,7 @@ exports.AudioComponent = __decorate([
 
 /**
  * 插件版本号
- */ var version = "2.2.6";
+ */ var version = "2.3.0-alpha.0";
 EFFECTS.registerPlugin("video", VideoLoader, EFFECTS.VFXItem, true);
 EFFECTS.registerPlugin("audio", AudioLoader, EFFECTS.VFXItem, true);
 EFFECTS.logger.info("Plugin multimedia version: " + version + ".");