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

package/lib/fivePlugins/ModelTVVideoPlugin/index.js

@@ -1,347 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-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 * as THREE from 'three';
-export var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
-  var videoElement = _ref.videoElement,
-    mediaManager = _ref.mediaManager;
-  var listeners = [];
-  var on = function on(name, callback) {
-    listeners.push(function () {
-      five.off(name, callback);
-    });
-    return five.on(name, callback);
-  };
-  var generation = 0;
-  var disposed = false;
-  var state = {
-    videoMeshes: [],
-    videoTextureEnabled: false,
-    videoSource: '',
-    rectPoints: [],
-    enabled: false,
-    videoElement: videoElement
-  };
-  var session;
-  var output;
-  var removeReady;
-  var stop = function stop() {
-    var _removeReady;
-    ++generation;
-    (_removeReady = removeReady) === null || _removeReady === void 0 || _removeReady();
-    removeReady = undefined;
-    if (output) {
-      output.muted = true;
-      output.pause();
-    }
-    output = undefined;
-    session = undefined;
-    state.enabled = false;
-    state.videoMeshes.forEach(function (mesh) {
-      mesh.geometry.dispose();
-      mesh.material.dispose();
-      five.scene.remove(mesh);
-    });
-    state.videoMeshes = [];
-    five.needsRender = true;
-  };
-  var controller = mediaManager === null || mediaManager === void 0 ? void 0 : mediaManager.createController({
-    label: 'vreo-model-video',
-    onCancel: stop
-  });
-  var bind = function bind(userAction, audible) {
-    var _state$videoTexture, _controller$begin;
-    var element = (_state$videoTexture = state.videoTexture) === null || _state$videoTexture === void 0 ? void 0 : _state$videoTexture.image;
-    if (!element) return undefined;
-    var next = (_controller$begin = controller === null || controller === void 0 ? void 0 : controller.begin({
-      userAction: userAction,
-      audible: audible
-    })) !== null && _controller$begin !== void 0 ? _controller$begin : undefined;
-    if (controller && !next) return undefined;
-    session = next;
-    return output = next ? next.bind(element) : element;
-  };
-  var setMuted = function setMuted(muted) {
-    var userAction = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    var wasEnabled = state.enabled;
-    var media = !muted ? bind(userAction, true) : output;
-    if (!media) return;
-    media.muted = muted;
-    if (wasEnabled && !state.enabled) {
-      state.enabled = true;
-      state.videoMeshes = createPanoVideoMeshes();
-      state.videoMeshes.forEach(function (mesh) {
-        return five.scene.add(mesh);
-      });
-    }
-    var run = session;
-    var current = generation;
-    if (state.enabled) void media.play().catch(function (error) {
-      if (current === generation && !(run !== null && run !== void 0 && run.signal.aborted)) {
-        disable();
-        console.error(error);
-      }
-    });
-  };
-  var getMuted = function getMuted() {
-    var _output$muted, _output;
-    return (_output$muted = (_output = output) === null || _output === void 0 ? void 0 : _output.muted) !== null && _output$muted !== void 0 ? _output$muted : true;
-  };
-  var enable = function enable() {
-    if (disposed || state.enabled || !state.videoTexture) return;
-    var media = bind(false, false);
-    if (!media) return;
-    var current = generation;
-    var run = session;
-    var element = state.videoTexture.image;
-    var valid = function valid() {
-      return current === generation && !disposed && state.enabled && !(run !== null && run !== void 0 && run.signal.aborted);
-    };
-    state.enabled = true;
-    state.videoMeshes = createPanoVideoMeshes();
-    state.videoMeshes.forEach(function (mesh) {
-      return five.scene.add(mesh);
-    });
-    var _timeupdate = function timeupdate() {
-      element.removeEventListener('timeupdate', _timeupdate);
-      if (!valid()) return;
-      state.videoTextureEnabled = true;
-      state.videoMeshes.forEach(function (mesh) {
-        mesh.material.map = state.videoTexture;
-      });
-      five.needsRender = true;
-    };
-    var _play = function play() {
-      five.off('modelLoaded', _play);
-      if (!valid()) return;
-      element.addEventListener('timeupdate', _timeupdate);
-      void media.play().catch(function (error) {
-        if (valid()) {
-          disable();
-          console.error(error);
-        }
-      });
-    };
-    removeReady = function removeReady() {
-      five.off('modelLoaded', _play);
-      element.removeEventListener('timeupdate', _timeupdate);
-    };
-    if (five.model.loaded) _play();else five.on('modelLoaded', _play);
-  };
-  var disable = function disable() {
-    controller === null || controller === void 0 || controller.cancel();
-    stop();
-  };
-  var createPanoVideoMeshes = function createPanoVideoMeshes() {
-    return state.rectPoints.map(function (points, index) {
-      var geometry = new THREE.BufferGeometry();
-      var segments = 128;
-      var verticesArray = [];
-      verticesArray.push(points[0].x, points[0].y, points[0].z);
-      for (var i = 1; i < segments; i++) {
-        verticesArray.push(points[0].x + (points[1].x - points[0].x) * i / segments, points[0].y + (points[1].y - points[0].y) * i / segments, points[0].z + (points[1].z - points[0].z) * i / segments);
-      }
-      verticesArray.push(points[1].x, points[1].y, points[1].z);
-      verticesArray.push(points[2].x, points[2].y, points[2].z);
-      for (var _i = 1; _i < segments; _i++) {
-        verticesArray.push(points[2].x + (points[3].x - points[2].x) * _i / segments, points[2].y + (points[3].y - points[2].y) * _i / segments, points[2].z + (points[3].z - points[2].z) * _i / segments);
-      }
-      verticesArray.push(points[3].x, points[3].y, points[3].z);
-      var uvArray = [];
-      uvArray.push(0, 1);
-      for (var _i2 = 1; _i2 < segments; _i2++) {
-        uvArray.push(0, 1 - _i2 / segments);
-      }
-      uvArray.push(0, 0);
-      uvArray.push(1, 0);
-      for (var _i3 = 1; _i3 < segments; _i3++) {
-        uvArray.push(1, _i3 / segments);
-      }
-      uvArray.push(1, 1);
-      var indicesArray = [];
-      for (var _i4 = 0; _i4 < segments; _i4++) {
-        indicesArray.push(_i4, _i4 + 1, segments * 2 - _i4, _i4, segments * 2 - _i4, segments * 2 + 1 - _i4);
-      }
-      geometry.setAttribute('position', new THREE.BufferAttribute(new Float32Array(verticesArray), 3));
-      geometry.setAttribute('uv', new THREE.BufferAttribute(new Float32Array(uvArray), 2));
-      geometry.setIndex(new THREE.BufferAttribute(new Uint32Array(indicesArray), 1));
-      var material = new THREE.MeshBasicMaterial({
-        map: state.videoTextureEnabled ? state.videoTexture : state.imageTexture,
-        side: THREE.DoubleSide
-      });
-      var mesh = new THREE.Mesh(geometry, material);
-      mesh.renderOrder = 1;
-      mesh.name = "video-".concat(index, "-").concat(performance.now());
-      return mesh;
-    });
-  };
-  var getImageTexture = function getImageTexture(source) {
-    var texture = new THREE.TextureLoader().load(source);
-    texture.minFilter = THREE.LinearFilter;
-    texture.magFilter = THREE.LinearFilter;
-    texture.format = THREE.RGBFormat;
-    return texture;
-  };
-  var getVideoTexture = function getVideoTexture(source, video) {
-    var valid = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function () {
-      return true;
-    };
-    return new Promise(function (resolve, reject) {
-      var xhr = new XMLHttpRequest();
-      xhr.onreadystatechange = function () {
-        if (xhr.readyState == 4) {
-          if (!valid()) {
-            reject(new DOMException('Playback cancelled', 'AbortError'));
-            return;
-          }
-          if (xhr.status == 200) {
-            var url = window.URL || window.webkitURL;
-            video = video || document.createElement('video');
-            video.crossOrigin = 'anonymous';
-            video.autoplay = false;
-            video.muted = true;
-            video.loop = true;
-            video.playsInline = true;
-            video.src = url.createObjectURL(xhr.response);
-            var texture = new THREE.VideoTexture(video);
-            texture.minFilter = THREE.LinearFilter;
-            texture.magFilter = THREE.LinearFilter;
-            texture.format = THREE.RGBFormat;
-            resolve(Object.assign(texture, {
-              videoSource: source
-            }));
-          } else {
-            reject(new Error('Video download Error: ' + xhr.status));
-          }
-        }
-      };
-      xhr.onerror = function (error) {
-        return reject(error);
-      };
-      xhr.open('GET', source);
-      xhr.responseType = 'blob';
-      xhr.send();
-    });
-  };
-  var load = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(data, videoElement) {
-      var current, video_src, video_poster_src, points, texture;
-      return _regenerator().w(function (_context) {
-        while (1) switch (_context.n) {
-          case 0:
-            current = ++generation;
-            video_src = data.video_src, video_poster_src = data.video_poster_src, points = data.points;
-            state.videoSource = video_src;
-            state.rectPoints = points.map(function (items) {
-              return items.map(function (_ref3) {
-                var x = _ref3.x,
-                  y = _ref3.y,
-                  z = _ref3.z;
-                return new THREE.Vector3(x, y, z);
-              });
-            });
-            state.imageTexture = getImageTexture(video_poster_src);
-            if (videoElement) {
-              state.videoElement = videoElement;
-            }
-            _context.n = 1;
-            return getVideoTexture(state.videoSource, state.videoElement, function () {
-              return !disposed && current === generation;
-            });
-          case 1:
-            texture = _context.v;
-            if (!(disposed || current !== generation)) {
-              _context.n = 2;
-              break;
-            }
-            texture.image.muted = true;
-            texture.image.pause();
-            URL.revokeObjectURL(texture.image.src);
-            texture.dispose();
-            return _context.a(2);
-          case 2:
-            if (state.videoTexture) {
-              state.videoTexture.image.pause();
-              URL.revokeObjectURL(state.videoTexture.image.src);
-              state.videoTexture.dispose();
-            }
-            state.videoTexture = texture;
-            if (data.enable) enable();
-          case 3:
-            return _context.a(2);
-        }
-      }, _callee);
-    }));
-    return function load(_x, _x2) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  on('modeChange', function () {
-    return setMuted(true);
-  });
-  on('wantsTapGesture', function (raycaster) {
-    if (!state.enabled) return;
-    var _raycaster$intersectO = raycaster.intersectObjects(five.scene.children, true),
-      _raycaster$intersectO2 = _slicedToArray(_raycaster$intersectO, 1),
-      intersect = _raycaster$intersectO2[0];
-    if (!!intersect && /^video/.test(intersect.object.name)) {
-      if (state.videoTexture) setMuted(!state.videoTexture.image.muted, true);
-      return false;
-    }
-  });
-  on('panoArrived', function () {
-    if (!state.enabled) return;
-    if (getMuted()) return;
-    var cameraPosition = five.camera.position;
-    var visible = state.rectPoints.find(function (points) {
-      var centerVector = points.reduce(function (total, curr) {
-        return new THREE.Vector3(total.x + curr.x / points.length, total.y + curr.y / points.length, total.z + curr.z / points.length);
-      }, new THREE.Vector3());
-      return points.map(function (point) {
-        return new THREE.Vector3((point.x + centerVector.x) / 2, (point.y + centerVector.y) / 2, (point.z + centerVector.z) / 2);
-      }).filter(function (vector) {
-        vector = vector.clone().sub(cameraPosition).normalize();
-        var raycaster = new THREE.Raycaster(cameraPosition, vector);
-        var _raycaster$intersectO3 = raycaster.intersectObjects(five.scene.children, true),
-          _raycaster$intersectO4 = _slicedToArray(_raycaster$intersectO3, 1),
-          intersect = _raycaster$intersectO4[0];
-        return !!intersect && /^video/.test(intersect.object.name);
-      }).length >= 2;
-    });
-    if (!visible) setMuted(true);
-  });
-  on('renderFrame', function () {
-    state.videoMeshes.forEach(function (meshes) {
-      if (meshes)
-        //@ts-ignore
-        meshes.needsRender = true;
-    });
-  });
-  on('load', function (input) {
-    if (input.modelTVVideoData) {
-      load(input.modelTVVideoData);
-    }
-  });
-  var dispose = function dispose() {
-    var _state$imageTexture;
-    disposed = true;
-    ++generation;
-    disable();
-    controller === null || controller === void 0 || controller.dispose();
-    listeners.splice(0).forEach(function (remove) {
-      return remove();
-    });
-    (_state$imageTexture = state.imageTexture) === null || _state$imageTexture === void 0 || _state$imageTexture.dispose();
-    if (state.videoTexture) {
-      URL.revokeObjectURL(state.videoTexture.image.src);
-      state.videoTexture.dispose();
-    }
-  };
-  return {
-    enable: enable,
-    disable: disable,
-    load: load,
-    dispose: dispose
-  };
-};

package/lib/shared-utils/Audio.js

@@ -1,147 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _get from "@babel/runtime/helpers/esm/get";
-import _wrapNativeSuper from "@babel/runtime/helpers/esm/wrapNativeSuper";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-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); }
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
-var blankAudioSrc = 'data:audio/mpeg;base64,//uQxAAAAAAAAAAAAAAAAAAAAAAASW5mbwAAAA8AAAADAAAGhgBVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVWqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqr///////////////////////////////////////////8AAAA5TEFNRTMuOThyAc0AAAAAAAAAABSAJAiqQgAAgAAABobxtI73AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//uQxAACFEII9ACZ/sJZwWEoEb8w/////N//////JcxjHjf+7/v/H2PzCCFAiDtGeyBCIx7bJJ1mmEEMy6g8mm2c8nrGABB4h2Mkmn//4z/73u773R5qHHu/j/w7Kxkzh5lWRWdsifCkNAnY9Zc1HvDAhjhSHdFkHFzLmabt/AQxSg2wwzLhHIJOBnAWwVY4zrhIYhhc2kvhYDfQ4hDi2Gmh5KyFn8EcGIrHAngNgIwVIEMf5bzbAiTRoAD///8z/KVhkkWEle6IX+d/z4fvH3BShK1e5kmjkCMoxVmXhd4ROlTKo3iipasvTilY21q19ta30/v/0/idPX1v8PNxJL6ramnOVsdvMv2akO0iSYIzdJFirtzWXCZicS9vHqvSKyqm5XJBdqBwPxyfJdykhWTZ0G0ZyTZGpLKxsNwwoRhsx3tZfhwmeOBVISm3impAC/IT/8hP/EKEM1KMdVdVKM2rHV4x7HVXZvbVVKN/qq8CiV9VL9jjH/6l6qf7MBCjZmOqsAibjcP+qqqv0oxqpa/NVW286hPo1nz2L/h8+jXt//uSxCmDU2IK/ECN98KKtE5IYzNoCfbw+u9i5r8PoadUMFPKqWL4LK3T/LCraMSHGkW4bpLXR/E6LlHOVQxmslKVJ8IULktMN06N0FKCpHCoYsjC4F+Z0NVqdNFoGSTjSiyjzLdnZ2fNqTi2eHKONONKLMPMKLONKLMPQRJGlFxZRoKcJFAYEeIFiRQkUWUeYfef//Ko04soswso40UJAgMw8wosososy0EalnZyjQUGBRQGIFggOWUacWUeYmuadrZziQKKEgQsQLAhQkUJAgMQDghltLO1onp0cpkNInSFMqlYeSEJ5AHsqFdOwy1DA2sRmRJKxdKRfLhfLw5BzUxBTUUzLjk4LjJVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVUxBTUUzLjk4LjJVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVf/7ksRRA8AAAaQAAAAgAAA0gAAABFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVU=';
-// 下面这段空音频居然在11pro和xr上播不出来
-// const blankAudioSrc = 'data:audio/mpeg;base64,//AAAAHGZ0eXBNNEEgAAAAAE00QSBpc29tbXA0MgAAAAFtZGF0AAAAAAAAABwA0AAHANAABwDQAAcAAAM+bW9vdgAAAGxtdmhkAAAAAN+jti7fo7YuAACsRAAADAAAAQAAAQAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAdB0cmFrAAAAXHRraGQAAAAB36O2Lt+jti4AAAABAAAAAAAADAAAAAAAAAAAAAAAAAABAAAAAAEAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAFsbWRpYQAAACBtZGhkAAAAAN+jti7fo7YuAACsRAAADABVxAAAAAAAMWhkbHIAAAAAAAAAAHNvdW4AAAAAAAAAAAAAAABDb3JlIE1lZGlhIEF1ZGlvAAAAARNtaW5mAAAAEHNtaGQAAAAAAAAAAAAAACRkaW5mAAAAHGRyZWYAAAAAAAAAAQAAAAx1cmwgAAAAAQAAANdzdGJsAAAAZ3N0c2QAAAAAAAAAAQAAAFdtcDRhAAAAAAAAAAEAAAAAAAAAAAACABAAAAAArEQAAAAAADNlc2RzAAAAAAOAgIAiAAAABICAgBRAFAAYAAAA+gAAAPoABYCAgAISCAaAgIABAgAAABhzdHRzAAAAAAAAAAEAAAADAAAEAAAAABxzdHNjAAAAAAAAAAEAAAABAAAAAwAAAAEAAAAgc3RzegAAAAAAAAAAAAAAAwAAAAQAAAAEAAAABAAAABRzdGNvAAAAAAAAAAEAAAAsAAAA+nVkdGEAAADybWV0YQAAAAAAAAAiaGRscgAAAAAAAAAAbWRpcgAAAAAAAAAAAAAAAAAAAAAAxGlsc3QAAAC8LS0tLQAAABxtZWFuAAAAAGNvbS5hcHBsZS5pVHVuZXMAAAAUbmFtZQAAAABpVHVuU01QQgAAAIRkYXRhAAAAAQAAAAAgMDAwMDAwMDAgMDAwMDA4NDAgMDAwMDAzQzAgMDAwMDAwMDAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMA=='
-
-export var audioList = [];
-export function getAudio(src) {
-  var audio = audioList.find(function (audio) {
-    return !audio.realSrc || audio.realSrc === blankAudioSrc;
-  });
-  if (!audio) {
-    // console.warn('未找到缓存音频，已新建', audioList)
-    audio = new IAudio(blankAudioSrc);
-    audioList.push(audio);
-  }
-  if (src) {
-    audio.src = src;
-  }
-  return audio;
-}
-export function waitForBlankAudioGenerated() {
-  return _waitForBlankAudioGenerated.apply(this, arguments);
-}
-function _waitForBlankAudioGenerated() {
-  _waitForBlankAudioGenerated = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
-    var checkInterval,
-      timeout,
-      startTime,
-      isTimedOut,
-      _args = arguments;
-    return _regenerator().w(function (_context) {
-      while (1) switch (_context.n) {
-        case 0:
-          checkInterval = _args.length > 0 && _args[0] !== undefined ? _args[0] : 100;
-          timeout = _args.length > 1 && _args[1] !== undefined ? _args[1] : 2000;
-          console.log('waitForBlankAudioGenerated, needGenerate: ', audioList.some(function (audio) {
-            return !audio.ended && audio.src === blankAudioSrc;
-          }));
-          // while any audioList not ended
-          startTime = Date.now();
-          isTimedOut = false;
-        case 1:
-          if (!(audioList.some(function (audio) {
-            return !audio.ended && audio.src === blankAudioSrc;
-          }) && !isTimedOut)) {
-            _context.n = 4;
-            break;
-          }
-          if (!(Date.now() - startTime > timeout)) {
-            _context.n = 2;
-            break;
-          }
-          isTimedOut = true;
-          return _context.a(2, Promise.resolve());
-        case 2:
-          _context.n = 3;
-          return new Promise(function (resolve) {
-            return setTimeout(resolve, checkInterval);
-          });
-        case 3:
-          _context.n = 1;
-          break;
-        case 4:
-          return _context.a(2);
-      }
-    }, _callee);
-  }));
-  return _waitForBlankAudioGenerated.apply(this, arguments);
-}
-export function generateBlankAudio(length) {
-  // 判断一下已经生成几个了，防止重复生成
-  var generateLength = length - audioList.length;
-  if (generateLength <= 0) return;
-  for (var i = 0; i < generateLength; i++) {
-    audioList.push(new IAudio(blankAudioSrc));
-  }
-}
-function initAudio(audio) {
-  if (audio.inited) return;
-  if (audio.src) {
-    audio.inited = true;
-    audio.removeDocumentEventListener();
-  }
-  if (audio.src === blankAudioSrc) {
-    audio.play();
-  }
-}
-var IAudio = /*#__PURE__*/function (_Audio) {
-  function IAudio(src) {
-    var _this;
-    _classCallCheck(this, IAudio);
-    _this = _callSuper(this, IAudio, [src]);
-    _defineProperty(_this, "preload", 'auto');
-    _defineProperty(_this, "realSrc", '');
-    _defineProperty(_this, "inited", false);
-    _this.realSrc = src !== null && src !== void 0 ? src : '';
-    _this.muted = true;
-    _superPropGet((_this, IAudio), "addEventListener", _this, 3)(['ended', function () {
-      if (_this.src === blankAudioSrc) _this.src = '';
-    }]);
-    var init = function init() {
-      return initAudio(_this);
-    };
-    document.addEventListener('click', init);
-    document.addEventListener('touchend', init);
-    _this.removeDocumentEventListener = function () {
-      document.removeEventListener('click', init);
-      document.removeEventListener('touchend', init);
-    };
-    return _this;
-  }
-  _inherits(IAudio, _Audio);
-  return _createClass(IAudio, [{
-    key: "src",
-    get:
-    /**
-     * 获取音频源 URL
-     * @returns {string} 当前音频源 URL
-     */
-    function get() {
-      return this.getAttribute('src') || '';
-    }
-
-    /**
-     * 设置音频源 URL
-     * @param paramsSrc - 音频源 URL
-     */,
-    set: function set(paramsSrc) {
-      this.muted = true;
-      this.setAttribute('src', paramsSrc);
-      this.realSrc = paramsSrc;
-    }
-  }]);
-}(/*#__PURE__*/_wrapNativeSuper(Audio));

package/lib/shared-utils/AudioLike.js

@@ -1,120 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-import { Subscribe } from '@realsee/five';
-import { requestAnimationFrameInterval } from "./animationFrame/index.js";
-/**
- * 模拟 `<Audio>` 事件。
- */
-/**
- * 模拟 `<Audio>` 功能：没有音频，但执行逻辑跟 `<Audio>` 相似。
- */
-export var AudioLike = /*#__PURE__*/function (_Subscribe) {
-  function AudioLike() {
-    var _this;
-    var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      duration = _ref.duration;
-    _classCallCheck(this, AudioLike);
-    _this = _callSuper(this, AudioLike);
-    _defineProperty(_this, "$timestamp", null);
-    _defineProperty(_this, "$currentTime", 0);
-    _defineProperty(_this, "$duration", 0);
-    _defineProperty(_this, "muted", false);
-    _defineProperty(_this, "src", '');
-    if (duration) {
-      _this.$duration = duration;
-    }
-    return _this;
-  }
-  _inherits(AudioLike, _Subscribe);
-  return _createClass(AudioLike, [{
-    key: "setAttribute",
-    value: function setAttribute(name, value) {
-      // nothing todo
-    }
-  }, {
-    key: "play",
-    value: function play() {
-      var _this2 = this;
-      if (this.stopInterval) return;
-      if (this.$currentTime === this.$duration) {
-        this.$currentTime = 0;
-      }
-      if (this.$timestamp === null) {
-        this.$timestamp = performance.now();
-      }
-      this.stopInterval = requestAnimationFrameInterval(function () {
-        return _this2.requestAnimationFrameLoop();
-      });
-      this.emit('play');
-    }
-  }, {
-    key: "pause",
-    value: function pause() {
-      if (this.stopInterval) {
-        this.stopInterval();
-        this.emit('pause');
-        this.stopInterval = undefined;
-      }
-      this.$timestamp = null;
-    }
-  }, {
-    key: "requestAnimationFrameLoop",
-    value: function requestAnimationFrameLoop() {
-      if (this.$timestamp === null) return;
-      var now = performance.now();
-      this.$currentTime += now - this.$timestamp;
-      this.$timestamp = now;
-      this.emit('timeupdate');
-      if (this.$currentTime >= this.$duration - 10) {
-        this.$currentTime = this.$duration;
-        this.pause();
-        this.emit('ended');
-      }
-    }
-  }, {
-    key: "currentTime",
-    get: function get() {
-      return this.$currentTime / 1000;
-    },
-    set: function set(time) {
-      this.$currentTime = time * 1000;
-    }
-  }, {
-    key: "duration",
-    get: function get() {
-      return this.$duration;
-    },
-    set: function set(duration) {
-      this.$duration = duration;
-    }
-  }, {
-    key: "ended",
-    get: function get() {
-      return this.$currentTime === this.$duration;
-    }
-  }, {
-    key: "paused",
-    get: function get() {
-      return !this.stopInterval;
-    }
-  }, {
-    key: "addEventListener",
-    value: function addEventListener(evtName, callback) {
-      var useCapture = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-      this.on(evtName, callback);
-    }
-  }, {
-    key: "removeEventListener",
-    value: function removeEventListener(evtName, callback) {
-      var useCapture = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-      this.off(evtName, callback);
-    }
-  }]);
-}(Subscribe);
-export default AudioLike;

package/lib/shared-utils/Preloader.js

@@ -1,37 +0,0 @@
-/**
- * 预载器
- */
-export var Preloader = {
-  blob: function blob(url) {
-    var noop = function noop() {
-      return null;
-    };
-    return new Promise(function (resolve, reject) {
-      var xhr = new XMLHttpRequest();
-      var clear = function clear() {
-        xhr.ontimeout = noop;
-        xhr.onreadystatechange = noop;
-        xhr.onprogress = noop;
-        xhr.onabort = noop;
-      };
-      xhr.ontimeout = function () {
-        reject(new Error('timeout'));
-        clear();
-      };
-      xhr.onreadystatechange = function () {
-        if (xhr.readyState !== 4) return;
-        if (xhr.status === 0 && !xhr.response) return;
-        if (xhr.status === 200 || xhr.status === 0) {
-          resolve(xhr.response);
-          clear();
-        } else {
-          reject(new Error('status:' + xhr.status));
-          clear();
-        }
-      };
-      xhr.open('GET', url, true);
-      xhr.responseType = 'blob';
-      xhr.send(null);
-    });
-  }
-};