@realsee/vreo 2.6.4-alpha.5 → 3.0.0-webgpu-react18.8

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 || _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 || 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 || _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$work2;
-      if (!deafultWorkRef.current && (_five$work = five.work) !== null && _five$work !== void 0 && (_five$work = _five$work.raw) !== null && _five$work !== void 0 && _five$work.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 || (_five$work2 = _five$work2.raw) === null || _five$work2 === void 0 || (_five$work2 = _five$work2.works) === null || _five$work2 === void 0 ? void 0 : _five$work2[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,152 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
-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__*/_regenerator().m(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 _regenerator().w(function (_context) {
-          while (1) switch (_context.n) {
-            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 || _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.n = 1;
-                break;
-              }
-              return _context.a(2);
-            case 1:
-              media = output = run.bind(video);
-              media.muted = true;
-              media.src = videoSrc;
-              play = function play() {
-                var _removeCanPlay2;
-                (_removeCanPlay2 = removeCanPlay) === null || _removeCanPlay2 === 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 2:
-              return _context.a(2);
-          }
-        }, _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 || _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;
-    if (!ref.current) return;
-    var video = ((_controller$configs = controller.configs) === null || _controller$configs === void 0 || (_controller$configs = _controller$configs.videos) === null || _controller$configs === void 0 ? void 0 : _controller$configs.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 {};