@realsee/vreo 2.3.5 → 2.3.7

package/lib/Player/modules/keyframes/InfoPanel/index.js

@@ -20,14 +20,17 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var isWX = navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1;
 var isIOS = navigator.userAgent.toLowerCase().indexOf('iphone') !== -1;
 var isIOSorWX = isIOS || isWX;
-var videoElement = document.createElement('video');
-videoElement.setAttribute('playsinline', 'true');
-videoElement.setAttribute('webkit-playsinline', 'true');
+
+var _videoElement = document.createElement('video');
+
+_videoElement.setAttribute('playsinline', 'true');
+
+_videoElement.setAttribute('webkit-playsinline', 'true');
 
 if (isIOSorWX) {
-  if (videoElement.paused) {
-    videoElement.addEventListener('click', function () {
-      return videoElement.play();
+  if (_videoElement.paused) {
+    _videoElement.addEventListener('click', function () {
+      return _videoElement.play();
     }, {
       once: true
     });
@@ -50,33 +53,37 @@ function InfoPanelVideo(_ref2) {
   var url = _ref2.url,
       children = _ref2.children;
   var videoWrapperRef = React.useRef(null);
+  var controller = (0, _hooks.useController)();
   React.useEffect(function () {
+    var _controller$configs, _controller$configs$v;
+
     // if (!isIOSorWX) return
+    var video = ((_controller$configs = controller.configs) === null || _controller$configs === void 0 ? void 0 : (_controller$configs$v = _controller$configs.videos) === null || _controller$configs$v === void 0 ? void 0 : _controller$configs$v.videoPanel) || _videoElement;
     if (!videoWrapperRef.current) return;
-    videoElement.src = url;
+    video.src = url;
 
-    if (!videoWrapperRef.current.contains(videoElement)) {
-      videoWrapperRef.current.appendChild(videoElement);
+    if (!videoWrapperRef.current.contains(video)) {
+      videoWrapperRef.current.appendChild(video);
     }
 
     var canplaythrough = function canplaythrough() {
-      videoElement.removeEventListener('canplaythrough', canplaythrough);
+      video.removeEventListener('canplaythrough', canplaythrough);
 
       try {
-        videoElement.play();
+        video.play();
       } catch (error) {}
     };
 
-    videoElement.addEventListener('canplaythrough', canplaythrough);
-    videoElement.load(); // videoElement.play()
+    video.addEventListener('canplaythrough', canplaythrough);
+    video.load(); // video.play()
 
     return function () {
       var _videoWrapperRef$curr;
 
-      videoElement.pause();
+      video.pause();
 
-      if ((_videoWrapperRef$curr = videoWrapperRef.current) !== null && _videoWrapperRef$curr !== void 0 && _videoWrapperRef$curr.contains(videoElement)) {
-        videoWrapperRef.current.removeChild(videoElement);
+      if ((_videoWrapperRef$curr = videoWrapperRef.current) !== null && _videoWrapperRef$curr !== void 0 && _videoWrapperRef$curr.contains(video)) {
+        videoWrapperRef.current.removeChild(video);
       }
     };
   }, [videoWrapperRef.current]);
@@ -108,9 +115,9 @@ function InfoPanel() {
   var timeoutRef = React.useRef();
   var controller = (0, _hooks.useController)();
   React.useEffect(function () {
-    var _controller$configs;
+    var _controller$configs2;
 
-    if (((_controller$configs = controller.configs) === null || _controller$configs === void 0 ? void 0 : _controller$configs.keyframeMap.InfoPanel) === false) {
+    if (((_controller$configs2 = controller.configs) === null || _controller$configs2 === void 0 ? void 0 : _controller$configs2.keyframeMap.InfoPanel) === false) {
       return;
     }
 

package/lib/Player/typings.d.ts

@@ -17,6 +17,7 @@ export interface PlayerConfigs {
     videos?: {
         videoEffect?: HTMLVideoElement;
         modelTVVideo?: HTMLVideoElement;
+        videoPanel?: HTMLVideoElement;
     };
     videoAgentMeshOptions?: VideoAgentMeshOptions;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@realsee/vreo",
-  "version": "2.3.5",
+  "version": "2.3.7",
   "description": "Vreo (VR Video 缩写) 是基于如视三维渲染引擎 Five 和 用户界面构建库 React 实现的如视 3D 空间剧本播放器。",
   "keywords": [
     "realsee",
@@ -27,7 +27,6 @@
   "peerDependencies": {
     "@realsee/five": "^5.0.0",
     "@realsee/dnalogel": "^2.3.3",
-    "@tweenjs/tween.js": "18.6.4",
     "three": ">=0.115.0 <=0.117.1",
     "react": "^17.0.0",
     "react-dom": "^17.0.0"
@@ -58,7 +57,7 @@
   },
   "dependencies": {
     "classnames": "^2.3.1",
-    "mobx": "6.10.2",
-    "mobx-react": "7.6.0"
+    "mobx": "^6.3.7",
+    "mobx-react": "^7.2.1"
   }
 }