@realsee/vreo 2.6.5 → 3.0.0-webgpu.10

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

@@ -1,99 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import * as React from 'react';
-import { Vector3 } from 'three';
-import classNames from 'classnames';
-import lineAnime from "./lineAnime.js";
-import { useController, useFiveInstance, useFiveProject2d } from "../../../hooks.js";
-import { VreoKeyframeEnum } from "../../../../typings/VreoUnit.js";
-export function PanoEffect() {
-  var _React$useState = React.useState(null),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    state = _React$useState2[0],
-    setState = _React$useState2[1];
-  var five = useFiveInstance();
-  var lineRef = React.useRef(null);
-  var _React$useState3 = React.useState(null),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    pos = _React$useState4[0],
-    setPos = _React$useState4[1];
-  var timeoutRef = React.useRef();
-  var controller = useController();
-  var project2d = useFiveProject2d();
-  var delLine = function delLine() {
-    if (lineRef.current) {
-      lineRef.current.dispose();
-    }
-  };
-  React.useEffect(function () {
-    var callback = function callback(keyframe) {
-      var start = keyframe.start,
-        end = keyframe.end,
-        data = keyframe.data;
-      var videoEffectData = data;
-      var _videoEffectData$twoV = _slicedToArray(videoEffectData.twoVertexs, 2),
-        v1 = _videoEffectData$twoV[0],
-        v2 = _videoEffectData$twoV[1];
-      var p1 = new Vector3(v1.x, v1.y, v1.z);
-      var p2 = new Vector3(v2.x, v2.y, v2.z);
-      lineRef.current = lineAnime(five, p1.clone(), p2.clone());
-      lineRef.current.play();
-      var center = p1.lerp(p2, 0.5);
-      var distance = p1.distanceTo(p2);
-      var p = project2d(center);
-      if (!p) return;
-      var left = p.x,
-        top = p.y;
-      setState({
-        center: center,
-        distance: distance
-      });
-      setPos({
-        left: left,
-        top: top
-      });
-      timeoutRef.current = setTimeout(function () {
-        setState(null);
-        setPos(null);
-        delLine();
-      }, end - start);
-    };
-    controller.on(VreoKeyframeEnum.PanoEffect, callback);
-    return function () {
-      controller.off(VreoKeyframeEnum.PanoEffect, callback);
-      if (timeoutRef.current) {
-        clearTimeout(timeoutRef.current);
-      }
-      delLine();
-    };
-  }, [controller]);
-  React.useEffect(function () {
-    var callback = function callback() {
-      if (!(state !== null && state !== void 0 && state.center)) return;
-      var _state$center = state.center,
-        x = _state$center.x,
-        y = _state$center.y,
-        z = _state$center.z;
-      var res = project2d(new Vector3(x, y, z));
-      if (!res) return;
-      var left = res.x,
-        top = res.y;
-      setPos({
-        left: left,
-        top: top
-      });
-    };
-    five.on('currentStateChange', callback);
-    return function () {
-      five.off('currentStateChange', callback);
-    };
-  }, [state === null || state === void 0 ? void 0 : state.center]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: classNames('PanoEffect', {
-      'PanoEffect--notHidden': state
-    }),
-    style: {
-      left: ((pos === null || pos === void 0 ? void 0 : pos.left) || 0) + 'px',
-      top: ((pos === null || pos === void 0 ? void 0 : pos.top) || 0) + 'px'
-    }
-  }, (state === null || state === void 0 ? void 0 : state.distance.toFixed(4)) + 'm'));
-}

package/lib/Player/modules/keyframes/PanoEffect/lineAnime.js

@@ -1,30 +0,0 @@
-import * as THREE from 'three';
-import { Line as FiveLine } from '@realsee/five/line';
-import { tweenProgress } from "../../../../shared-utils/animationFrame/BetterTween.js";
-export default function lineAnime(five, startPoint, endPoint) {
-  var pointImage = 'data:image/png;base64,' + 'iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMAG/Py2baba05un7UgfgAAAHJJREFUKM9joBpgLHVSCRdA4metAoJlCJHmVWBgAeNzroKCCVCBLpjACqgJVjCBxRBT2FbBQQJYQAohsBAsUIUQWA4WiEIILAULeCEEloAFtBACizAEMLRgGIphLabDMJ2O6TlM72MGECIIMQIZIxqoBQCPvpJ/e9FaAAAAAABJRU5ErkJggg==';
-  var pointTexture = new THREE.TextureLoader().load(pointImage);
-  var color = new THREE.Color(0xffffff);
-  var line = new FiveLine();
-  line.setMaterial({
-    linewidth: 2,
-    color: color
-  });
-  var pointMaterial = line.points.material;
-  pointMaterial.map = pointTexture;
-  pointMaterial.color.set(color);
-  line.line.material.depthTest = false;
-  return tweenProgress().onUpdate(function (_ref) {
-    var progress = _ref.progress;
-    var lerpLeft = 0.5 - progress / 2;
-    var lerpRight = 0.5 + progress / 2;
-    var leftPoint = startPoint.clone().lerp(endPoint, lerpLeft);
-    var rightPoint = startPoint.clone().lerp(endPoint, lerpRight);
-    line.setPoints(leftPoint, rightPoint);
-  }).onStart(function () {
-    return five.scene.add(line);
-  }).onDispose(function () {
-    five.scene.remove(line);
-    five.needsRender = true;
-  });
-}

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

@@ -1,110 +0,0 @@
-import * as React from 'react';
-import { useController, useFiveInstance } from "../../../hooks.js";
-import { VreoKeyframeEnum } from "../../../../typings/VreoUnit.js";
-import { PanoTagPlugin } from '@realsee/dnalogel';
-export function PanoTag() {
-  var timeoutRef = React.useRef();
-  var controller = useController();
-  var five = useFiveInstance();
-  var panoTagPlugin = React.useRef(PanoTagPlugin(five, {
-    config: {
-      globalConfig: {
-        visibleConfig: {
-          keep: 'visible'
-        },
-        unfoldedConfig: {
-          autoUnfold: false,
-          unfoldDistance: {
-            max: 100
-          }
-        }
-      }
-    }
-  }));
-  React.useEffect(function () {
-    var _controller$configs;
-    if (((_controller$configs = controller.configs) === null || _controller$configs === void 0 ? void 0 : _controller$configs.keyframeMap.PanoTag) === false) {
-      return;
-    }
-    var callback = function callback(keyframe) {
-      var run = controller.playback.capture();
-      if (!panoTagPlugin.current || !(run !== null && run !== void 0 && run.valid())) return;
-      var start = keyframe.start,
-        end = keyframe.end,
-        data = keyframe.data;
-      var panoTagData = data;
-      var id = Date.now().toString();
-      var pointType = 'PointTag';
-      var dimensionType = '2D';
-      var position = [panoTagData.vertex.x, panoTagData.vertex.y, panoTagData.vertex.z];
-      var tag = function () {
-        if (panoTagData.imgUrl) {
-          return {
-            id: id,
-            pointType: pointType,
-            position: position,
-            dimensionType: dimensionType,
-            contentType: 'ImageText',
-            stickType: '2DPoint',
-            data: {
-              text: panoTagData.text,
-              mediaData: [{
-                type: 'Image',
-                url: panoTagData.imgUrl
-              }]
-            }
-          };
-        } else {
-          return {
-            id: id,
-            pointType: pointType,
-            position: position,
-            dimensionType: dimensionType,
-            contentType: 'Text',
-            stickType: '2DPoint',
-            data: {
-              text: panoTagData.text
-            }
-          };
-        }
-      }();
-
-      // show
-      panoTagPlugin.current.load({
-        tagList: [tag]
-      });
-      var tagInstance = panoTagPlugin.current.getTagById(id);
-      if (tagInstance) {
-        tagInstance.setMediaManager(run.mediaManager);
-        tagInstance.state.unfolded = true;
-        panoTagPlugin.current.updateRenderAllTags();
-      }
-      timeoutRef.current = setTimeout(function () {
-        var _tag$hooks;
-        // clear
-        var tag = panoTagPlugin.current.getTagById(id);
-        if (!tag) return;
-        if (tag.state) {
-          tag.state.unfolded = false;
-          panoTagPlugin.current.updateRenderAllTags();
-        }
-        (_tag$hooks = tag.hooks) === null || _tag$hooks === void 0 ? void 0 : _tag$hooks.on('folded', function () {
-          setTimeout(function () {
-            if (tag.state) {
-              tag.state.visible = false;
-              panoTagPlugin.current.destroyTagById(id);
-            }
-          }, 1500);
-        });
-      }, end - start);
-    };
-    controller.on(VreoKeyframeEnum.PanoTag, callback);
-    return function () {
-      controller.off(VreoKeyframeEnum.PanoTag, callback);
-      if (timeoutRef.current) {
-        clearTimeout(timeoutRef.current);
-      }
-    };
-  }, [controller]);
-  return null;
-}

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

@@ -1,122 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import * as React from 'react';
-import * as THREE from 'three';
-import { createRoot } from 'react-dom/client';
-import { Vector3, Quaternion } from 'three';
-import { useController, useFiveInstance } from "../../../hooks.js";
-import { CSS3DRenderPlugin } from "../../../../fivePlugins/CSS3DRenderPlugin/index.js";
-import { VreoKeyframeEnum } from "../../../../typings/VreoUnit.js";
-/**
- * 通过传入中心点确定矩形框架容器的四个点：
- *  1. 已知矩形长宽和中心点
- *  2. 借助planeGeometry生成垂直相机视角的平面上的四个点
- *  3. 通过向量相加，平行四边形法则获取到移动position后的面上四个点
- */
-var calcPoints = function calcPoints(centerPoint, normal, wrapperLength, wrapperWidth) {
-  // 375px 对应 1m
-  var length = wrapperLength / 375;
-  var width = wrapperWidth / 375;
-  var geometry = new THREE.PlaneGeometry(length, width);
-  if (normal) {
-    var lookPoint = new THREE.Vector3(normal.x + centerPoint.x, normal.y + centerPoint.y, normal.z + centerPoint.z);
-    geometry.lookAt(lookPoint);
-  }
-  // const pointgeometry = new THREE.Geometry()
-  // pointgeometry.vertices.push(cameraPosition)
-  // const pointmaterial = new THREE.PointsMaterial({
-  //   color: 0xffffff,
-  //   size: 0.4,
-  // })
-  // _point = new THREE.Points(pointgeometry, pointmaterial)
-  // console.log(cameraPosition)
-
-  var material = new THREE.MeshBasicMaterial({
-    color: 0xffff00,
-    side: THREE.DoubleSide
-  });
-  var plane = new THREE.Mesh(geometry, material);
-  var v0 = centerPoint.clone();
-  plane.position.copy(v0);
-
-  // 计算传入的四个点的坐标
-  var _plane$geometry$verti = _slicedToArray(plane.geometry.vertices, 4),
-    v1 = _plane$geometry$verti[0],
-    v2 = _plane$geometry$verti[1],
-    v3 = _plane$geometry$verti[2],
-    v4 = _plane$geometry$verti[3];
-  var downLeft = v0.clone().add(v4);
-  var downRight = v0.clone().add(v3);
-  var upLeft = v0.clone().add(v2);
-  var upRight = v0.clone().add(v1);
-
-  // 插件使用要求：矩形四个点位数据，顺序为**必须**为左下、右下、右上、左上
-  return [downLeft, downRight, upRight, upLeft];
-};
-
-/**
- * 空间文本标签。
- */
-export function PanoTextLabel() {
-  var timeoutRef = React.useRef();
-  var controller = useController();
-  var five = useFiveInstance();
-  var ref = React.useRef();
-  React.useEffect(function () {
-    var _controller$configs;
-    if (((_controller$configs = controller.configs) === null || _controller$configs === void 0 ? void 0 : _controller$configs.keyframeMap.PanoTextLabel) === false) {
-      return;
-    }
-    var callback = function callback(keyframe) {
-      var _panoTextLabelData$no, _panoTextLabelData$no2, _panoTextLabelData$no3;
-      var start = keyframe.start,
-        end = keyframe.end,
-        data = keyframe.data;
-      var panoTextLabelData = data;
-      // 增加无文本情况的判断
-      if (data.text === '') return;
-      var _panoTextLabelData$ve = panoTextLabelData.vertex,
-        x = _panoTextLabelData$ve.x,
-        y = _panoTextLabelData$ve.y,
-        z = _panoTextLabelData$ve.z;
-      var centerPoint = new Vector3(x, y, z);
-      var normal = new Vector3((_panoTextLabelData$no = panoTextLabelData.normal) === null || _panoTextLabelData$no === void 0 ? void 0 : _panoTextLabelData$no.x, (_panoTextLabelData$no2 = panoTextLabelData.normal) === null || _panoTextLabelData$no2 === void 0 ? void 0 : _panoTextLabelData$no2.y, (_panoTextLabelData$no3 = panoTextLabelData.normal) === null || _panoTextLabelData$no3 === void 0 ? void 0 : _panoTextLabelData$no3.z);
-      // 生成传入的四个点，将文本框最大宽度定在200px，最高高度在30px
-      var wrapperLength = 200;
-      var wrapperWidth = 30;
-      var points = calcPoints(centerPoint, panoTextLabelData.normal && normal, wrapperLength, wrapperWidth);
-      if (!ref.current) ref.current = CSS3DRenderPlugin(five);
-      var container = ref.current.create3DDomContainer(points);
-      var css3DObject = container === null || container === void 0 ? void 0 : container.css3DObject;
-      // 将获取的mesh进行旋转操作，根据欧拉角去进行mesh的变换
-      if (data.quaternion) {
-        var quaternion = new Quaternion(data.quaternion.x, data.quaternion.y, data.quaternion.z, data.quaternion.w);
-        css3DObject === null || css3DObject === void 0 ? void 0 : css3DObject.quaternion.copy(quaternion);
-      }
-      if (container !== null && container !== void 0 && container.container) {
-        var root = createRoot(container.container);
-        root.render( /*#__PURE__*/React.createElement("div", {
-          className: "PanoTextLabel PanoTextLabel--notHidden"
-        }, /*#__PURE__*/React.createElement("div", {
-          className: "PanoTextLabel-wrapper"
-        }, /*#__PURE__*/React.createElement("div", {
-          style: {
-            fontSize: "".concat(data.fontSize || 16, "px")
-          },
-          className: "PanoText-innerText"
-        }, data.text || ''))));
-      }
-      timeoutRef.current = setTimeout(function () {
-        var _ref$current;
-        (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.disposeAll();
-      }, end - start);
-    };
-    controller.on(VreoKeyframeEnum.PanoTextLabel, callback);
-    return function () {
-      controller.off(VreoKeyframeEnum.PanoTextLabel, callback);
-      if (timeoutRef.current) {
-        clearTimeout(timeoutRef.current);
-      }
-    };
-  }, [controller]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null);
-}

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

@@ -1,56 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import * as React from 'react';
-import classNames from 'classnames';
-import { useController } from "../../../hooks.js";
-import { VreoKeyframeEnum } from "../../../../typings/VreoUnit.js";
-export function Prompter() {
-  var _React$useState = React.useState(''),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    text = _React$useState2[0],
-    setText = _React$useState2[1];
-  var _React$useState3 = React.useState(true),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    hidden = _React$useState4[0],
-    setHidden = _React$useState4[1];
-  var ref = React.useRef(null);
-  var controller = useController();
-  React.useEffect(function () {
-    var _controller$configs;
-    if (((_controller$configs = controller.configs) === null || _controller$configs === void 0 ? void 0 : _controller$configs.keyframeMap.Prompter) === false) {
-      return;
-    }
-    var callback = function callback(keyframe) {
-      var start = keyframe.start,
-        end = keyframe.end,
-        data = keyframe.data;
-      setText(data.text);
-      setHidden(false);
-      if (ref.current) {
-        clearTimeout(ref.current);
-        ref.current = null;
-      }
-      ref.current = setTimeout(function () {
-        setHidden(true);
-        setText('');
-        // setTimeout(() => setText(''), 500)
-
-        if (ref.current) clearTimeout(ref.current);
-        ref.current = null;
-      }, end - start);
-    };
-    controller.on(VreoKeyframeEnum.Prompter, callback);
-    return function () {
-      controller.off(VreoKeyframeEnum.Prompter, callback);
-    };
-  }, [controller]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('vreo-prompter', _defineProperty({
-      'vreo-prompter--hidden': hidden
-    }, "vreo-prompter-left--".concat(controller.agentType), true))
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "vreo-prompter-text"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "vreo-prompter-innerText"
-  }, text)));
-}

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

@@ -1,98 +0,0 @@
-import * as React from 'react';
-import { parseWork } from '@realsee/five';
-import { useController, useFiveInstance } from "../../../hooks.js";
-import { VreoKeyframeEnum } from "../../../../typings/VreoUnit.js";
-export function UpdateVRPanorama() {
-  var controller = useController();
-  var five = useFiveInstance();
-  var deafultWorkRef = React.useRef(null);
-  var updateWorkRef = React.useRef(null);
-
-  // 恢复默认 VR
-  var restoreCallback = React.useCallback(function () {
-    // 先清理掉 之前的 VR 数据备份
-    updateWorkRef.current = null;
-    if (deafultWorkRef.current) {
-      var work = parseWork(deafultWorkRef.current);
-      five.load(work);
-    }
-  }, []);
-
-  // 暂停时： 恢复默认 VR 
-  var pausedCallback = React.useCallback(function () {
-    if (deafultWorkRef.current) {
-      var work = parseWork(deafultWorkRef.current);
-      Object.assign(window, {
-        $rawWork: work
-      });
-      five.load(work);
-    }
-  }, []);
-
-  // 播放时：如果暂停前有更新 VR 需要还原
-  var playingCallback = React.useCallback(function () {
-    if (!updateWorkRef.current) {
-      return;
-    }
-    five.load(updateWorkRef.current);
-  }, []);
-  React.useEffect(function () {
-    var callback = function callback(keyframe) {
-      var _five$work, _five$work$raw, _five$work2, _five$work2$raw, _five$work2$raw$works;
-      if (!deafultWorkRef.current && (_five$work = five.work) !== null && _five$work !== void 0 && (_five$work$raw = _five$work.raw) !== null && _five$work$raw !== void 0 && _five$work$raw.works) {
-        deafultWorkRef.current = five.work.raw.works;
-      }
-      var data = keyframe.data;
-
-      // 如果数据中有新 work 数据，则直接载入
-      if (data.work) {
-        updateWorkRef.current = parseWork(data.work);
-        five.load(updateWorkRef.current);
-        return;
-      }
-      var lastRawWork = (_five$work2 = five.work) === null || _five$work2 === void 0 ? void 0 : (_five$work2$raw = _five$work2.raw) === null || _five$work2$raw === void 0 ? void 0 : (_five$work2$raw$works = _five$work2$raw.works) === null || _five$work2$raw$works === void 0 ? void 0 : _five$work2$raw$works[0];
-      if (!lastRawWork) {
-        console.warn('UpdateVRPanorama: 没有可用的 work 数据');
-        return;
-      }
-
-      // 动态场景：不提供完成的签名数据，需重新整理
-      if (data.dynamic_scene && !data.panorama) {
-        var lastWork = JSON.parse(lastRawWork);
-        var panorama = lastWork.panorama;
-        var index = data.dynamic_scene.images.index;
-        panorama.list[index] = data.dynamic_scene.images;
-        data.panorama = panorama;
-        delete data.dynamic_scene;
-      }
-      Object.assign(window, {
-        $work1: JSON.parse(lastRawWork),
-        $work2: data,
-        parseWork: parseWork
-      });
-      updateWorkRef.current = parseWork([lastRawWork, data]);
-      five.load(updateWorkRef.current);
-    };
-    controller.on(VreoKeyframeEnum.UpdateVRPanorama, callback);
-
-    // 离开 将之前的内容清空
-    controller.on(VreoKeyframeEnum.Exit, restoreCallback);
-
-    // 新载入数据 将之前的内容清空
-    controller.on('loaded', restoreCallback);
-
-    // 暂停 回到默认状态
-    controller.on('paused', pausedCallback);
-    // 播放 回归暂停前状态
-    controller.on('playing', playingCallback);
-    return function () {
-      // 清理事件监听
-      controller.off(VreoKeyframeEnum.UpdateVRPanorama, callback);
-      controller.off(VreoKeyframeEnum.Exit, restoreCallback);
-      controller.off('loaded', restoreCallback);
-      controller.off('paused', pausedCallback);
-      controller.off('playing', playingCallback);
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement(React.Fragment, null);
-}

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

@@ -1,154 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import classNames from 'classnames';
-import * as React from 'react';
-// import { Preloader } from '../../../../shared-utils/Preloader'
-import { VreoKeyframeEnum } from "../../../../typings/VreoUnit.js";
-import { useController, useFiveInstance } from "../../../hooks.js"; // const emptyVideo = '//vr-static.realsee-cdn.cn/release/web/leisure.69fd3522.mov'
-var PI = Math.PI;
-var PI_2 = PI * 2;
-export function VideoEffect() {
-  var ref = React.useRef(null);
-  var videoRef = React.useRef();
-  var controller = useController();
-  var timeoutRef = React.useRef();
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    visible = _React$useState2[0],
-    setVisible = _React$useState2[1];
-  var five = useFiveInstance();
-  React.useEffect(function () {
-    var output;
-    var generation = 0;
-    var removeCanPlay;
-    var callback = /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(keyframe) {
-        var _removeCanPlay;
-        var start, end, _ref2, videoSrc, fov, direction, panoIndex, vector, _ref3, _ref4, longitude, latitude, currentGeneration, run, active, valid, video, media, play;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                start = keyframe.start, end = keyframe.end;
-                _ref2 = keyframe.data, videoSrc = _ref2.videoSrc, fov = _ref2.fov, direction = _ref2.direction, panoIndex = _ref2.panoIndex, vector = _ref2.vector;
-                _ref3 = function () {
-                  if (vector) {
-                    return [vector.longitude, vector.latitude];
-                  }
-                  if (!direction) {
-                    return [0, 0];
-                  }
-                  var longitude = -Math.atan2(direction.x, -direction.z);
-                  longitude = (longitude % PI_2 + PI_2) % PI_2;
-                  var latitude = -Math.asin(direction.y / 1);
-                  return [longitude, latitude];
-                }(), _ref4 = _slicedToArray(_ref3, 2), longitude = _ref4[0], latitude = _ref4[1];
-                destroy();
-                currentGeneration = generation;
-                five.setState({
-                  fov: fov,
-                  panoIndex: panoIndex,
-                  longitude: longitude,
-                  latitude: latitude
-                }, true);
-                (_removeCanPlay = removeCanPlay) === null || _removeCanPlay === void 0 ? void 0 : _removeCanPlay();
-                run = controller.playback.capture();
-                active = function active() {
-                  return !!(run !== null && run !== void 0 && run.valid());
-                };
-                valid = function valid() {
-                  return currentGeneration === generation && active();
-                };
-                video = videoRef.current;
-                if (!(!video || !valid())) {
-                  _context.next = 13;
-                  break;
-                }
-                return _context.abrupt("return");
-              case 13:
-                media = output = run.bind(video);
-                media.muted = true;
-                media.src = videoSrc;
-                play = function play() {
-                  var _removeCanPlay2;
-                  (_removeCanPlay2 = removeCanPlay) === null || _removeCanPlay2 === void 0 ? void 0 : _removeCanPlay2();
-                  if (!valid()) return;
-                  media.muted = false;
-                  void media.play().catch(function (error) {
-                    if (valid()) {
-                      controller.playback.cancel();
-                      console.error(error);
-                    }
-                  });
-                };
-                removeCanPlay = function removeCanPlay() {
-                  return video.removeEventListener('canplaythrough', play);
-                };
-                video.addEventListener('canplaythrough', play);
-                media.load();
-                setVisible(true);
-                timeoutRef.current = setTimeout(destroy, Math.max(0, end - start));
-              case 22:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee);
-      }));
-      return function callback(_x) {
-        return _ref.apply(this, arguments);
-      };
-    }();
-    controller.on(VreoKeyframeEnum.VideoEffect, callback);
-    var destroy = function destroy() {
-      var _removeCanPlay3;
-      ++generation;
-      if (timeoutRef.current) {
-        clearTimeout(timeoutRef.current);
-      }
-      (_removeCanPlay3 = removeCanPlay) === null || _removeCanPlay3 === void 0 ? void 0 : _removeCanPlay3();
-      if (output) {
-        output.muted = true;
-        output.pause();
-        output.src = '';
-      }
-      output = undefined;
-      setVisible(false);
-    };
-    var remove = controller.playback.add(destroy);
-    return function () {
-      destroy();
-      remove();
-      controller.off(VreoKeyframeEnum.VideoEffect, callback);
-      if (timeoutRef.current) {
-        clearTimeout(timeoutRef.current);
-      }
-    };
-  }, [controller]);
-  React.useEffect(function () {
-    var _controller$configs, _controller$configs$v;
-    if (!ref.current) 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.videoEffect) || document.createElement('video');
-    // <video playsInline key="VideoEffect-video" className="VideoEffect-video" src={blobSrc} />
-    video.setAttribute('playsinline', 'true');
-    video.setAttribute('webkit-playsinline', 'true');
-    video.autoplay = false;
-    video.muted = true;
-    video.setAttribute('key', 'VideoEffect-video');
-    video.setAttribute('class', 'VideoEffect-video');
-    videoRef.current = video;
-    ref.current.append(videoRef.current);
-    return function () {
-      video.muted = true;
-      video.pause();
-      video.remove();
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement("div", {
-    ref: ref,
-    className: classNames('VideoEffect', {
-      'VideoEffect--visible': visible
-    })
-  });
-}

package/lib/Player/playback-types.js

@@ -1 +0,0 @@
-export {};

package/lib/Player/typings.js

@@ -1 +0,0 @@
-export {};

package/lib/fivePlugins/CSS3DRenderPlugin/centerPoint.js

@@ -1,4 +0,0 @@
-import { Vector3 } from 'three';
-export default function centerPoint(point1, point2) {
-  return new Vector3((point1.x + point2.x) / 2, (point1.y + point2.y) / 2, (point1.z + point2.z) / 2);
-}