@realsee/vreo 1.2.1-alpha.0 → 1.2.1-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/PlayController/createHTMLAudioElement.js +6 -11
- package/lib/PlayController/index.js +15 -80
- package/lib/Player/App.js +0 -26
- package/lib/Player/Controller.js +23 -100
- package/lib/Player/custom/SpatialScenePanel/index.js +42 -68
- package/lib/Player/hooks.js +0 -10
- package/lib/Player/index.js +24 -86
- package/lib/Player/modules/Drawer/index.js +0 -17
- package/lib/Player/modules/PopUp/index.js +0 -10
- package/lib/Player/modules/ResizeObserver/index.js +0 -8
- package/lib/Player/modules/VideoAgent/VideoAgentMesh.js +17 -108
- package/lib/Player/modules/VideoAgent/VideoAgentScene.js +2 -24
- package/lib/Player/modules/VideoAgent/index.js +0 -17
- package/lib/Player/modules/Wave/index.js +7 -32
- package/lib/Player/modules/keyframes/BgMusic/index.js +7 -23
- package/lib/Player/modules/keyframes/CameraMovement/index.js +3 -27
- package/lib/Player/modules/keyframes/InfoPanel/index.js +8 -29
- package/lib/Player/modules/keyframes/ModelVideo/index.js +3 -29
- package/lib/Player/modules/keyframes/PanoEffect/index.js +15 -43
- package/lib/Player/modules/keyframes/PanoEffect/lineAnime.js +0 -7
- package/lib/Player/modules/keyframes/PanoTag/index.js +9 -20
- package/lib/Player/modules/keyframes/PanoTextLabel/index.js +22 -47
- package/lib/Player/modules/keyframes/Prompter/index.js +10 -32
- package/lib/Player/modules/keyframes/UpdateVRPanorama/index.js +18 -25
- package/lib/Player/modules/keyframes/VideoEffect/index.js +12 -47
- package/lib/fivePlugins/CSS3DRenderPlugin/centerPoint.js +0 -2
- package/lib/fivePlugins/CSS3DRenderPlugin/createResizeObserver.js +0 -1
- package/lib/fivePlugins/CSS3DRenderPlugin/evenNumber.js +0 -1
- package/lib/fivePlugins/CSS3DRenderPlugin/index.js +19 -60
- package/lib/fivePlugins/CSS3DRenderPlugin/transformPositionToVector3.js +2 -5
- package/lib/fivePlugins/CameraMovementPlugin/index.js +28 -76
- package/lib/fivePlugins/CameraMovementPlugin/typings.js +0 -4
- package/lib/fivePlugins/ModelTVVideoPlugin/index.js +11 -60
- package/lib/index.js +0 -1
- package/lib/react/index.js +7 -34
- package/lib/shared-utils/Audio.js +15 -69
- package/lib/shared-utils/AudioLike.js +5 -39
- package/lib/shared-utils/Preloader.js +0 -7
- package/lib/shared-utils/addResizeListener.js +0 -5
- package/lib/shared-utils/animationFrame/BetterTween.js +2 -38
- package/lib/shared-utils/animationFrame/index.js +2 -10
- package/lib/shared-utils/animationFrame/tween.js +2 -11
- package/lib/shared-utils/createTransMatrix.js +2 -17
- package/lib/shared-utils/getFileExpandedName.js +0 -1
- package/lib/shared-utils/getMediaInfo.js +0 -9
- package/lib/shared-utils/setElementDataset.js +0 -2
- package/lib/typings/VreoUnit.js +0 -15
- package/package.json +2 -2
|
@@ -1,34 +1,22 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.ModelTVVideoPlugin = void 0;
|
|
9
|
-
|
|
10
8
|
var THREE = _interopRequireWildcard(require("three"));
|
|
11
|
-
|
|
12
9
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
|
-
|
|
14
10
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
15
|
-
|
|
16
11
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
17
|
-
|
|
18
12
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
19
|
-
|
|
20
13
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
21
|
-
|
|
22
14
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
23
|
-
|
|
24
15
|
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
25
|
-
|
|
26
16
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
27
|
-
|
|
17
|
+
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
|
|
28
18
|
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
29
|
-
|
|
30
19
|
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
31
|
-
|
|
32
20
|
var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
|
|
33
21
|
var videoElement = _ref.videoElement;
|
|
34
22
|
var state = {
|
|
@@ -39,18 +27,15 @@ var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
|
|
|
39
27
|
enabled: false,
|
|
40
28
|
videoElement: videoElement
|
|
41
29
|
};
|
|
42
|
-
|
|
43
30
|
var setMuted = function setMuted(muted) {
|
|
44
31
|
if (state.videoTexture) {
|
|
45
32
|
state.videoTexture.image.muted = muted;
|
|
46
33
|
state.videoTexture.image.play();
|
|
47
34
|
}
|
|
48
35
|
};
|
|
49
|
-
|
|
50
36
|
var getMuted = function getMuted() {
|
|
51
37
|
if (state.videoTexture) return state.videoTexture.image.muted;else return true;
|
|
52
38
|
};
|
|
53
|
-
|
|
54
39
|
var enable = function enable() {
|
|
55
40
|
if (state.enabled) return;
|
|
56
41
|
if (!state.videoTexture) return;
|
|
@@ -59,13 +44,10 @@ var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
|
|
|
59
44
|
state.videoMeshes.forEach(function (mesh) {
|
|
60
45
|
return five.scene.add(mesh);
|
|
61
46
|
});
|
|
62
|
-
|
|
63
47
|
var play = function play() {
|
|
64
48
|
if (!state.videoTexture) return;
|
|
65
|
-
|
|
66
49
|
var timeupdate = function timeupdate() {
|
|
67
50
|
var _state$videoTexture;
|
|
68
|
-
|
|
69
51
|
if (!state.videoTexture) return;
|
|
70
52
|
(_state$videoTexture = state.videoTexture) === null || _state$videoTexture === void 0 ? void 0 : _state$videoTexture.image.removeEventListener('timeupdate', timeupdate);
|
|
71
53
|
state.videoTextureEnabled = true;
|
|
@@ -74,21 +56,17 @@ var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
|
|
|
74
56
|
});
|
|
75
57
|
five.needsRender = true;
|
|
76
58
|
};
|
|
77
|
-
|
|
78
59
|
state.videoTexture.image.addEventListener('timeupdate', timeupdate);
|
|
79
|
-
|
|
80
60
|
if (state.videoTexture && state.videoMeshes.length) {
|
|
81
61
|
state.videoTexture.image.play();
|
|
82
62
|
}
|
|
83
63
|
};
|
|
84
|
-
|
|
85
64
|
if (five.model.loaded) play();else {
|
|
86
65
|
return five.once('modelLoaded', function () {
|
|
87
66
|
return play();
|
|
88
67
|
});
|
|
89
68
|
}
|
|
90
69
|
};
|
|
91
|
-
|
|
92
70
|
var disable = function disable() {
|
|
93
71
|
if (!state.enabled) return;
|
|
94
72
|
state.enabled = false;
|
|
@@ -101,47 +79,36 @@ var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
|
|
|
101
79
|
state.videoMeshes = [];
|
|
102
80
|
five.needsRender = true;
|
|
103
81
|
};
|
|
104
|
-
|
|
105
82
|
var createPanoVideoMeshes = function createPanoVideoMeshes() {
|
|
106
83
|
return state.rectPoints.map(function (points, index) {
|
|
107
84
|
var geometry = new THREE.BufferGeometry();
|
|
108
85
|
var segments = 128;
|
|
109
86
|
var verticesArray = [];
|
|
110
87
|
verticesArray.push(points[0].x, points[0].y, points[0].z);
|
|
111
|
-
|
|
112
88
|
for (var i = 1; i < segments; i++) {
|
|
113
89
|
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);
|
|
114
90
|
}
|
|
115
|
-
|
|
116
91
|
verticesArray.push(points[1].x, points[1].y, points[1].z);
|
|
117
92
|
verticesArray.push(points[2].x, points[2].y, points[2].z);
|
|
118
|
-
|
|
119
93
|
for (var _i = 1; _i < segments; _i++) {
|
|
120
94
|
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);
|
|
121
95
|
}
|
|
122
|
-
|
|
123
96
|
verticesArray.push(points[3].x, points[3].y, points[3].z);
|
|
124
97
|
var uvArray = [];
|
|
125
98
|
uvArray.push(0, 1);
|
|
126
|
-
|
|
127
99
|
for (var _i2 = 1; _i2 < segments; _i2++) {
|
|
128
100
|
uvArray.push(0, 1 - _i2 / segments);
|
|
129
101
|
}
|
|
130
|
-
|
|
131
102
|
uvArray.push(0, 0);
|
|
132
103
|
uvArray.push(1, 0);
|
|
133
|
-
|
|
134
104
|
for (var _i3 = 1; _i3 < segments; _i3++) {
|
|
135
105
|
uvArray.push(1, _i3 / segments);
|
|
136
106
|
}
|
|
137
|
-
|
|
138
107
|
uvArray.push(1, 1);
|
|
139
108
|
var indicesArray = [];
|
|
140
|
-
|
|
141
109
|
for (var _i4 = 0; _i4 < segments; _i4++) {
|
|
142
110
|
indicesArray.push(_i4, _i4 + 1, segments * 2 - _i4, _i4, segments * 2 - _i4, segments * 2 + 1 - _i4);
|
|
143
111
|
}
|
|
144
|
-
|
|
145
112
|
geometry.setAttribute('position', new THREE.BufferAttribute(new Float32Array(verticesArray), 3));
|
|
146
113
|
geometry.setAttribute('uv', new THREE.BufferAttribute(new Float32Array(uvArray), 2));
|
|
147
114
|
geometry.setIndex(new THREE.BufferAttribute(new Uint32Array(indicesArray), 1));
|
|
@@ -155,7 +122,6 @@ var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
|
|
|
155
122
|
return mesh;
|
|
156
123
|
});
|
|
157
124
|
};
|
|
158
|
-
|
|
159
125
|
var getImageTexture = function getImageTexture(source) {
|
|
160
126
|
var texture = new THREE.TextureLoader().load(source);
|
|
161
127
|
texture.minFilter = THREE.LinearFilter;
|
|
@@ -163,11 +129,9 @@ var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
|
|
|
163
129
|
texture.format = THREE.RGBFormat;
|
|
164
130
|
return texture;
|
|
165
131
|
};
|
|
166
|
-
|
|
167
132
|
var getVideoTexture = function getVideoTexture(source, video) {
|
|
168
133
|
return new Promise(function (resolve, reject) {
|
|
169
134
|
var xhr = new XMLHttpRequest();
|
|
170
|
-
|
|
171
135
|
xhr.onreadystatechange = function () {
|
|
172
136
|
if (xhr.readyState == 4) {
|
|
173
137
|
if (xhr.status == 200) {
|
|
@@ -191,21 +155,18 @@ var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
|
|
|
191
155
|
}
|
|
192
156
|
}
|
|
193
157
|
};
|
|
194
|
-
|
|
195
158
|
xhr.onerror = function (error) {
|
|
196
159
|
return reject(error);
|
|
197
160
|
};
|
|
198
|
-
|
|
199
161
|
xhr.open('GET', source);
|
|
200
162
|
xhr.responseType = 'blob';
|
|
201
163
|
xhr.send();
|
|
202
164
|
});
|
|
203
165
|
};
|
|
204
|
-
|
|
205
166
|
var load = /*#__PURE__*/function () {
|
|
206
|
-
var _ref2 = _asyncToGenerator( /*#__PURE__*/
|
|
167
|
+
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data, videoElement) {
|
|
207
168
|
var video_src, video_poster_src, points;
|
|
208
|
-
return
|
|
169
|
+
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
209
170
|
while (1) {
|
|
210
171
|
switch (_context.prev = _context.next) {
|
|
211
172
|
case 0:
|
|
@@ -214,25 +175,21 @@ var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
|
|
|
214
175
|
state.rectPoints = points.map(function (items) {
|
|
215
176
|
return items.map(function (_ref3) {
|
|
216
177
|
var x = _ref3.x,
|
|
217
|
-
|
|
218
|
-
|
|
178
|
+
y = _ref3.y,
|
|
179
|
+
z = _ref3.z;
|
|
219
180
|
return new THREE.Vector3(x, y, z);
|
|
220
181
|
});
|
|
221
182
|
});
|
|
222
183
|
state.imageTexture = getImageTexture(video_poster_src);
|
|
223
|
-
|
|
224
184
|
if (videoElement) {
|
|
225
185
|
state.videoElement = videoElement;
|
|
226
186
|
}
|
|
227
|
-
|
|
228
187
|
_context.next = 7;
|
|
229
188
|
return getVideoTexture(state.videoSource, state.videoElement);
|
|
230
|
-
|
|
231
189
|
case 7:
|
|
232
190
|
state.videoTexture = _context.sent;
|
|
233
191
|
state.enabled = !!data.enable;
|
|
234
192
|
if (state.enabled) enable();
|
|
235
|
-
|
|
236
193
|
case 10:
|
|
237
194
|
case "end":
|
|
238
195
|
return _context.stop();
|
|
@@ -240,22 +197,18 @@ var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
|
|
|
240
197
|
}
|
|
241
198
|
}, _callee);
|
|
242
199
|
}));
|
|
243
|
-
|
|
244
200
|
return function load(_x, _x2) {
|
|
245
201
|
return _ref2.apply(this, arguments);
|
|
246
202
|
};
|
|
247
203
|
}();
|
|
248
|
-
|
|
249
204
|
five.on('modeChange', function () {
|
|
250
205
|
return setMuted(true);
|
|
251
206
|
});
|
|
252
207
|
five.on('wantsTapGesture', function (raycaster) {
|
|
253
208
|
if (!state.enabled) return;
|
|
254
|
-
|
|
255
209
|
var _raycaster$intersectO = raycaster.intersectObjects(five.scene.children, true),
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
210
|
+
_raycaster$intersectO2 = _slicedToArray(_raycaster$intersectO, 1),
|
|
211
|
+
intersect = _raycaster$intersectO2[0];
|
|
259
212
|
if (!!intersect && /^video/.test(intersect.object.name)) {
|
|
260
213
|
if (state.videoTexture) setMuted(!state.videoTexture.image.muted);
|
|
261
214
|
return false;
|
|
@@ -274,11 +227,9 @@ var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
|
|
|
274
227
|
}).filter(function (vector) {
|
|
275
228
|
vector = vector.clone().sub(cameraPosition).normalize();
|
|
276
229
|
var raycaster = new THREE.Raycaster(cameraPosition, vector);
|
|
277
|
-
|
|
278
230
|
var _raycaster$intersectO3 = raycaster.intersectObjects(five.scene.children, true),
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
231
|
+
_raycaster$intersectO4 = _slicedToArray(_raycaster$intersectO3, 1),
|
|
232
|
+
intersect = _raycaster$intersectO4[0];
|
|
282
233
|
return !!intersect && /^video/.test(intersect.object.name);
|
|
283
234
|
}).length >= 2;
|
|
284
235
|
});
|
|
@@ -286,7 +237,8 @@ var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
|
|
|
286
237
|
});
|
|
287
238
|
five.on('renderFrame', function () {
|
|
288
239
|
state.videoMeshes.forEach(function (meshes) {
|
|
289
|
-
if (meshes)
|
|
240
|
+
if (meshes)
|
|
241
|
+
//@ts-ignore
|
|
290
242
|
meshes.needsRender = true;
|
|
291
243
|
});
|
|
292
244
|
});
|
|
@@ -301,5 +253,4 @@ var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
|
|
|
301
253
|
load: load
|
|
302
254
|
};
|
|
303
255
|
};
|
|
304
|
-
|
|
305
256
|
exports.ModelTVVideoPlugin = ModelTVVideoPlugin;
|
package/lib/index.js
CHANGED
package/lib/react/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -9,46 +8,30 @@ exports.VreoProvider = void 0;
|
|
|
9
8
|
exports.useVreoAction = useVreoAction;
|
|
10
9
|
exports.useVreoEventCallback = useVreoEventCallback;
|
|
11
10
|
exports.useVreoPausedState = useVreoPausedState;
|
|
12
|
-
|
|
13
11
|
var _react = require("@realsee/five/react");
|
|
14
|
-
|
|
15
12
|
var React = _interopRequireWildcard(require("react"));
|
|
16
|
-
|
|
17
13
|
var _Player = require("../Player");
|
|
18
|
-
|
|
19
14
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
20
|
-
|
|
21
15
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
22
|
-
|
|
23
16
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
24
|
-
|
|
25
17
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
26
|
-
|
|
27
18
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
28
|
-
|
|
29
19
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
30
|
-
|
|
31
20
|
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
32
|
-
|
|
33
21
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
34
|
-
|
|
35
22
|
var VreoContext = /*#__PURE__*/React.createContext(null);
|
|
36
|
-
|
|
37
23
|
var VreoProvider = function VreoProvider(props) {
|
|
38
24
|
var five = (0, _react.unsafe__useFiveInstance)();
|
|
39
|
-
|
|
40
25
|
var _React$useState = React.useState(null),
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
26
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
27
|
+
player = _React$useState2[0],
|
|
28
|
+
setPlayer = _React$useState2[1];
|
|
45
29
|
var playerRef = React.useRef(null);
|
|
46
30
|
React.useEffect(function () {
|
|
47
31
|
playerRef.current = new _Player.Player(five, props.configs || {});
|
|
48
32
|
setPlayer(playerRef.current);
|
|
49
33
|
return function () {
|
|
50
34
|
var _playerRef$current;
|
|
51
|
-
|
|
52
35
|
(_playerRef$current = playerRef.current) === null || _playerRef$current === void 0 ? void 0 : _playerRef$current.dispose();
|
|
53
36
|
};
|
|
54
37
|
}, []);
|
|
@@ -57,23 +40,19 @@ var VreoProvider = function VreoProvider(props) {
|
|
|
57
40
|
value: player
|
|
58
41
|
}, props.children);
|
|
59
42
|
};
|
|
60
|
-
|
|
61
43
|
exports.VreoProvider = VreoProvider;
|
|
62
|
-
|
|
63
44
|
function useVreoInstance() {
|
|
64
45
|
var context = React.useContext(VreoContext);
|
|
65
|
-
|
|
66
46
|
if (!context) {
|
|
67
47
|
throw new Error('VreoProvider never found.');
|
|
68
48
|
}
|
|
69
|
-
|
|
70
49
|
return context;
|
|
71
50
|
}
|
|
51
|
+
|
|
72
52
|
/**
|
|
73
53
|
* VreoPlayer 命令集合。
|
|
74
54
|
*/
|
|
75
55
|
|
|
76
|
-
|
|
77
56
|
function useVreoAction() {
|
|
78
57
|
var player = useVreoInstance();
|
|
79
58
|
var load = React.useCallback(function (vreoUnit, currentTime) {
|
|
@@ -103,15 +82,12 @@ function useVreoAction() {
|
|
|
103
82
|
dispose: dispose
|
|
104
83
|
};
|
|
105
84
|
}
|
|
106
|
-
|
|
107
85
|
function useVreoEventCallback(name, callback, deps) {
|
|
108
86
|
var player = useVreoInstance();
|
|
109
87
|
var dependencyList = [player, name];
|
|
110
|
-
|
|
111
88
|
if (deps !== undefined) {
|
|
112
89
|
dependencyList = dependencyList.concat(deps);
|
|
113
90
|
}
|
|
114
|
-
|
|
115
91
|
React.useEffect(function () {
|
|
116
92
|
// @ts-ignore
|
|
117
93
|
player.on(name, callback);
|
|
@@ -121,15 +97,12 @@ function useVreoEventCallback(name, callback, deps) {
|
|
|
121
97
|
};
|
|
122
98
|
}, dependencyList);
|
|
123
99
|
}
|
|
124
|
-
|
|
125
100
|
function useVreoPausedState() {
|
|
126
101
|
var player = useVreoInstance();
|
|
127
|
-
|
|
128
102
|
var _React$useState3 = React.useState(player.paused),
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
103
|
+
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
104
|
+
state = _React$useState4[0],
|
|
105
|
+
setState = _React$useState4[1];
|
|
133
106
|
useVreoEventCallback('paused', function () {
|
|
134
107
|
return setState(true);
|
|
135
108
|
});
|