@realsee/vreo 2.3.10 → 2.4.1
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 +12 -22
- package/lib/PlayController/index.js +70 -137
- package/lib/Player/App.d.ts +2 -2
- package/lib/Player/App.js +1 -28
- package/lib/Player/Controller.d.ts +3 -3
- package/lib/Player/Controller.js +46 -110
- package/lib/Player/custom/SpatialScenePanel/index.d.ts +2 -2
- package/lib/Player/custom/SpatialScenePanel/index.js +75 -72
- package/lib/Player/hooks.d.ts +3 -3
- package/lib/Player/hooks.js +0 -10
- package/lib/Player/index.js +109 -175
- package/lib/Player/modules/Drawer/index.d.ts +2 -2
- package/lib/Player/modules/Drawer/index.js +2 -21
- package/lib/Player/modules/PopUp/index.d.ts +2 -2
- package/lib/Player/modules/PopUp/index.js +1 -12
- package/lib/Player/modules/ResizeObserver/index.d.ts +2 -2
- package/lib/Player/modules/ResizeObserver/index.js +0 -8
- package/lib/Player/modules/VideoAgent/VideoAgentMesh.d.ts +1 -1
- package/lib/Player/modules/VideoAgent/VideoAgentMesh.js +148 -247
- package/lib/Player/modules/VideoAgent/VideoAgentScene.js +7 -23
- package/lib/Player/modules/VideoAgent/index.d.ts +2 -2
- package/lib/Player/modules/VideoAgent/index.js +2 -20
- package/lib/Player/modules/Wave/index.d.ts +2 -2
- package/lib/Player/modules/Wave/index.js +12 -34
- package/lib/Player/modules/keyframes/BgMusic/index.d.ts +2 -2
- package/lib/Player/modules/keyframes/BgMusic/index.js +41 -64
- package/lib/Player/modules/keyframes/CameraMovement/index.d.ts +2 -2
- package/lib/Player/modules/keyframes/CameraMovement/index.js +42 -71
- package/lib/Player/modules/keyframes/InfoPanel/index.d.ts +2 -2
- package/lib/Player/modules/keyframes/InfoPanel/index.js +16 -47
- package/lib/Player/modules/keyframes/ModelVideo/index.d.ts +2 -2
- package/lib/Player/modules/keyframes/ModelVideo/index.js +52 -83
- package/lib/Player/modules/keyframes/PanoEffect/index.d.ts +2 -2
- package/lib/Player/modules/keyframes/PanoEffect/index.js +16 -40
- package/lib/Player/modules/keyframes/PanoEffect/lineAnime.js +1 -9
- package/lib/Player/modules/keyframes/PanoTag/index.d.ts +1 -1
- package/lib/Player/modules/keyframes/PanoTag/index.js +6 -25
- package/lib/Player/modules/keyframes/PanoTextLabel/index.d.ts +2 -2
- package/lib/Player/modules/keyframes/PanoTextLabel/index.js +31 -50
- package/lib/Player/modules/keyframes/Prompter/index.d.ts +2 -2
- package/lib/Player/modules/keyframes/Prompter/index.js +11 -29
- package/lib/Player/modules/keyframes/UpdateVRPanorama/index.d.ts +2 -2
- package/lib/Player/modules/keyframes/UpdateVRPanorama/index.js +25 -29
- package/lib/Player/modules/keyframes/VideoEffect/index.d.ts +2 -2
- package/lib/Player/modules/keyframes/VideoEffect/index.js +52 -87
- package/lib/Player/typings.d.ts +7 -4
- 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.d.ts +1 -1
- package/lib/fivePlugins/CSS3DRenderPlugin/index.js +42 -81
- package/lib/fivePlugins/CSS3DRenderPlugin/transformPositionToVector3.js +3 -7
- package/lib/fivePlugins/CameraMovementPlugin/index.js +181 -241
- package/lib/fivePlugins/CameraMovementPlugin/typings.d.ts +4 -4
- package/lib/fivePlugins/CameraMovementPlugin/typings.js +6 -12
- package/lib/fivePlugins/ModelTVVideoPlugin/index.js +37 -87
- package/lib/index.js +0 -1
- package/lib/react/index.d.ts +2 -1
- package/lib/react/index.js +10 -35
- package/lib/shared-utils/Audio.js +57 -106
- package/lib/shared-utils/AudioLike.d.ts +1 -1
- package/lib/shared-utils/AudioLike.js +19 -46
- package/lib/shared-utils/Preloader.js +2 -10
- package/lib/shared-utils/addResizeListener.d.ts +1 -1
- package/lib/shared-utils/addResizeListener.js +0 -5
- package/lib/shared-utils/animationFrame/BetterTween.d.ts +1 -1
- package/lib/shared-utils/animationFrame/BetterTween.js +14 -45
- package/lib/shared-utils/animationFrame/index.d.ts +1 -2
- package/lib/shared-utils/animationFrame/index.js +3 -12
- package/lib/shared-utils/animationFrame/tween.d.ts +2 -2
- package/lib/shared-utils/animationFrame/tween.js +3 -14
- package/lib/shared-utils/createTransMatrix.js +1 -10
- package/lib/shared-utils/getFileExpandedName.js +0 -1
- package/lib/shared-utils/getMediaInfo.d.ts +3 -3
- package/lib/shared-utils/getMediaInfo.js +0 -10
- package/lib/shared-utils/setElementDataset.js +0 -2
- package/lib/typings/VreoUnit.d.ts +16 -16
- package/lib/typings/VreoUnit.js +115 -47
- package/package.json +23 -18
|
@@ -1,47 +1,37 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.createHTMLAudioElement = createHTMLAudioElement;
|
|
9
|
-
|
|
10
8
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
11
|
-
|
|
12
9
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
13
|
-
|
|
14
10
|
var BLANK_AUDIO = '' + 'data:audio/mpeg;base64,' + '//uQxAAAAAAAAAAAAAAAAAAAAAAASW5mbwAAAA8AAAADAAAGhgBVVVVVVVVVVVVVVVVVVVVVVVV' + 'VVVVVVVVVVVVVVVVVVVWqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqr///////////' + '////////////////////////////////8AAAA5TEFNRTMuOThyAc0AAAAAAAAAABSAJAiqQgAAg' + 'AAABobxtI73AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA' + 'AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA' + 'AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA' + 'AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA' + 'AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//uQxAACFEII9ACZ/sJZwWEoEb8w/////N//////Jcxj' + 'Hjf+7/v/H2PzCCFAiDtGeyBCIx7bJJ1mmEEMy6g8mm2c8nrGABB4h2Mkmn//4z/73u773R5qHHu' + '/j/w7Kxkzh5lWRWdsifCkNAnY9Zc1HvDAhjhSHdFkHFzLmabt/AQxSg2wwzLhHIJOBnAWwVY4zr' + 'hIYhhc2kvhYDfQ4hDi2Gmh5KyFn8EcGIrHAngNgIwVIEMf5bzbAiTRoAD///8z/KVhkkWEle6IX' + '+d/z4fvH3BShK1e5kmjkCMoxVmXhd4ROlTKo3iipasvTilY21q19ta30/v/0/idPX1v8PNxJL6r' + 'amnOVsdvMv2akO0iSYIzdJFirtzWXCZicS9vHqvSKyqm5XJBdqBwPxyfJdykhWTZ0G0ZyTZGpLK' + 'xsNwwoRhsx3tZfhwmeOBVISm3impAC/IT/8hP/EKEM1KMdVdVKM2rHV4x7HVXZvbVVKN/qq8CiV' + '9VL9jjH/6l6qf7MBCjZmOqsAibjcP+qqqv0oxqpa/NVW286hPo1nz2L/h8+jXt//uSxCmDU2IK/' + 'ECN98KKtE5IYzNoCfbw+u9i5r8PoadUMFPKqWL4LK3T/LCraMSHGkW4bpLXR/E6LlHOVQxmslKV' + 'J8IULktMN06N0FKCpHCoYsjC4F+Z0NVqdNFoGSTjSiyjzLdnZ2fNqTi2eHKONONKLMPMKLONKLM' + 'PQRJGlFxZRoKcJFAYEeIFiRQkUWUeYfef//Ko04soswso40UJAgMw8wosososy0EalnZyjQUGBR' + 'QGIFggOWUacWUeYmuadrZziQKKEgQsQLAhQkUJAgMQDghltLO1onp0cpkNInSFMqlYeSEJ5AHsq' + 'FdOwy1DA2sRmRJKxdKRfLhfLw5BzUxBTUUzLjk4LjJVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV' + 'VVVVVVVVVVVVVVVVVUxBTUUzLjk4LjJVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV' + 'VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV' + 'VVVVVVVVVVVVVVVVVVVf/7ksRRA8AAAaQAAAAgAAA0gAAABFVVVVVVVVVVVVVVVVVVVVVVVVVVV' + 'VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV' + 'VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV' + 'VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV' + 'VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV' + 'VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV' + 'VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV' + 'VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVU=';
|
|
15
|
-
|
|
16
11
|
function createHTMLAudioElement() {
|
|
17
12
|
var ndAudio = document.querySelector('#vreo-playController-audio');
|
|
18
|
-
|
|
19
13
|
if (ndAudio) {
|
|
20
14
|
return ndAudio;
|
|
21
15
|
}
|
|
22
|
-
|
|
23
16
|
var audio = document.createElement('audio');
|
|
24
17
|
audio.style.display = 'none';
|
|
25
18
|
audio.setAttribute('id', 'vreo-playController-audio');
|
|
26
19
|
audio.controls = false;
|
|
27
20
|
document.body.appendChild(audio);
|
|
28
|
-
audio.src = BLANK_AUDIO;
|
|
21
|
+
audio.src = BLANK_AUDIO;
|
|
29
22
|
|
|
30
|
-
|
|
23
|
+
// 触发一次播放
|
|
24
|
+
Promise.resolve(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
|
|
31
25
|
return _regenerator["default"].wrap(function _callee$(_context) {
|
|
32
|
-
while (1) {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
case 3:
|
|
42
|
-
case "end":
|
|
43
|
-
return _context.stop();
|
|
44
|
-
}
|
|
26
|
+
while (1) switch (_context.prev = _context.next) {
|
|
27
|
+
case 0:
|
|
28
|
+
_context.next = 2;
|
|
29
|
+
return audio.play();
|
|
30
|
+
case 2:
|
|
31
|
+
return _context.abrupt("return", _context.sent);
|
|
32
|
+
case 3:
|
|
33
|
+
case "end":
|
|
34
|
+
return _context.stop();
|
|
45
35
|
}
|
|
46
36
|
}, _callee);
|
|
47
37
|
})));
|
|
@@ -1,91 +1,57 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.PlayController = void 0;
|
|
9
|
-
|
|
10
8
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
11
|
-
|
|
12
9
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
13
|
-
|
|
14
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
15
|
-
|
|
16
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
|
-
|
|
18
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
19
|
-
|
|
20
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
21
|
-
|
|
22
12
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
23
|
-
|
|
24
13
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
25
|
-
|
|
14
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
26
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
27
|
-
|
|
28
16
|
var _five = require("@realsee/five");
|
|
29
|
-
|
|
30
17
|
var _animationFrame = require("../shared-utils/animationFrame");
|
|
31
|
-
|
|
32
18
|
var _createHTMLAudioElement = require("./createHTMLAudioElement");
|
|
33
|
-
|
|
34
|
-
function
|
|
35
|
-
|
|
36
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
37
|
-
|
|
19
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
20
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
38
21
|
var closures = {};
|
|
39
|
-
|
|
40
|
-
var PlayController = /*#__PURE__*/function (_Subscribe) {
|
|
41
|
-
(0, _inherits2["default"])(PlayController, _Subscribe);
|
|
42
|
-
|
|
43
|
-
var _super = _createSuper(PlayController);
|
|
44
|
-
|
|
22
|
+
var PlayController = exports.PlayController = /*#__PURE__*/function (_Subscribe) {
|
|
45
23
|
function PlayController() {
|
|
46
24
|
var _this;
|
|
47
|
-
|
|
48
25
|
var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
49
26
|
(0, _classCallCheck2["default"])(this, PlayController);
|
|
50
|
-
_this =
|
|
51
|
-
(0, _defineProperty2["default"])(
|
|
52
|
-
|
|
27
|
+
_this = _callSuper(this, PlayController);
|
|
28
|
+
(0, _defineProperty2["default"])(_this, "config", {});
|
|
53
29
|
if (!config.audio) {
|
|
54
30
|
config.audio = (0, _createHTMLAudioElement.createHTMLAudioElement)();
|
|
55
31
|
}
|
|
56
|
-
|
|
57
32
|
_this.config = Object.assign(_this.config, config);
|
|
58
|
-
|
|
59
33
|
closures.onPlaying = function () {
|
|
60
34
|
return _this.emit('playing');
|
|
61
35
|
};
|
|
62
|
-
|
|
63
36
|
closures.onPaused = function () {
|
|
64
37
|
return _this.emit('paused');
|
|
65
38
|
};
|
|
66
|
-
|
|
67
39
|
closures.onEnded = function () {
|
|
68
40
|
return _this.emit('paused', true);
|
|
69
41
|
};
|
|
70
|
-
|
|
71
42
|
_this.audioInstance.addEventListener('play', closures.onPlaying);
|
|
72
|
-
|
|
73
43
|
_this.audioInstance.addEventListener('pause', closures.onPaused);
|
|
74
|
-
|
|
75
44
|
_this.audioInstance.addEventListener('ended', closures.onEnded);
|
|
76
|
-
|
|
77
45
|
_this.stopInterval = (0, _animationFrame.requestAnimationFrameInterval)(function () {
|
|
78
46
|
if (_this.audioInstance.paused) {
|
|
79
47
|
return;
|
|
80
48
|
}
|
|
81
|
-
|
|
82
49
|
if (!_this.vreoUnit) {
|
|
83
50
|
return;
|
|
84
51
|
}
|
|
85
|
-
|
|
86
52
|
var keyframes = _this.vreoUnit.keyframes;
|
|
87
|
-
var currentTime = _this.currentTime;
|
|
88
|
-
|
|
53
|
+
var currentTime = _this.currentTime;
|
|
54
|
+
// 没有被解析过且开始时间低于当前时间戳 100ms
|
|
89
55
|
var currentKeyframes = keyframes.filter(function (keyframe) {
|
|
90
56
|
if (keyframe.parsed) return false;
|
|
91
57
|
var dur = currentTime - keyframe.start;
|
|
@@ -94,18 +60,17 @@ var PlayController = /*#__PURE__*/function (_Subscribe) {
|
|
|
94
60
|
currentKeyframes.forEach(function (keyframe) {
|
|
95
61
|
if (keyframe.parsed) return;
|
|
96
62
|
keyframe.parsed = true;
|
|
97
|
-
|
|
98
63
|
_this.emit(keyframe.type, keyframe, _this.currentTime);
|
|
99
64
|
});
|
|
100
65
|
});
|
|
101
66
|
return _this;
|
|
102
67
|
}
|
|
68
|
+
|
|
103
69
|
/**
|
|
104
70
|
* 载入数据
|
|
105
71
|
*/
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
(0, _createClass2["default"])(PlayController, [{
|
|
72
|
+
(0, _inherits2["default"])(PlayController, _Subscribe);
|
|
73
|
+
return (0, _createClass2["default"])(PlayController, [{
|
|
109
74
|
key: "paused",
|
|
110
75
|
get: function get() {
|
|
111
76
|
return this.audioInstance.paused;
|
|
@@ -124,20 +89,19 @@ var PlayController = /*#__PURE__*/function (_Subscribe) {
|
|
|
124
89
|
key: "currentKeyframes",
|
|
125
90
|
get: function get() {
|
|
126
91
|
var _this2 = this;
|
|
127
|
-
|
|
128
92
|
if (!this.vreoUnit) return [];
|
|
129
|
-
var keyframes = this.vreoUnit.keyframes;
|
|
130
|
-
|
|
93
|
+
var keyframes = this.vreoUnit.keyframes;
|
|
94
|
+
// 没有被解析过且开始时间低于当前时间戳 100ms
|
|
131
95
|
return keyframes.filter(function (keyframe) {
|
|
132
96
|
if (keyframe.parsed) return false;
|
|
133
97
|
var dur = _this2.currentTime - keyframe.start;
|
|
134
98
|
return dur <= 100 && dur >= 0;
|
|
135
99
|
});
|
|
136
100
|
}
|
|
101
|
+
|
|
137
102
|
/**
|
|
138
103
|
* 音频时长 不一定能获取得到,建议以 VreoUnit 配置的时长为准。
|
|
139
104
|
*/
|
|
140
|
-
|
|
141
105
|
}, {
|
|
142
106
|
key: "duration",
|
|
143
107
|
get: function get() {
|
|
@@ -145,124 +109,97 @@ var PlayController = /*#__PURE__*/function (_Subscribe) {
|
|
|
145
109
|
}
|
|
146
110
|
}, {
|
|
147
111
|
key: "load",
|
|
148
|
-
value: function () {
|
|
149
|
-
var _load = (0, _asyncToGenerator2["default"])(
|
|
112
|
+
value: (function () {
|
|
113
|
+
var _load = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(vreoUnit) {
|
|
150
114
|
var _this3 = this;
|
|
151
|
-
|
|
152
115
|
return _regenerator["default"].wrap(function _callee$(_context) {
|
|
153
|
-
while (1) {
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
_this3.audioInstance.
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
_this3.audioInstance.addEventListener('canplaythrough', canplaythrough);
|
|
182
|
-
|
|
183
|
-
_this3.audioInstance.addEventListener('error', error);
|
|
184
|
-
});
|
|
185
|
-
|
|
186
|
-
case 5:
|
|
187
|
-
return _context.abrupt("return", _context.sent);
|
|
188
|
-
|
|
189
|
-
case 6:
|
|
190
|
-
case "end":
|
|
191
|
-
return _context.stop();
|
|
192
|
-
}
|
|
116
|
+
while (1) switch (_context.prev = _context.next) {
|
|
117
|
+
case 0:
|
|
118
|
+
this.vreoUnit = vreoUnit;
|
|
119
|
+
_context.next = 3;
|
|
120
|
+
return this.pause();
|
|
121
|
+
case 3:
|
|
122
|
+
_context.next = 5;
|
|
123
|
+
return new Promise(function (resolve, reject) {
|
|
124
|
+
if (vreoUnit.video.url === _this3.audioInstance.src) {
|
|
125
|
+
return resolve(true);
|
|
126
|
+
}
|
|
127
|
+
_this3.audioInstance.src = vreoUnit.video.url;
|
|
128
|
+
var _canplaythrough = function canplaythrough() {
|
|
129
|
+
resolve(true);
|
|
130
|
+
_this3.audioInstance.removeEventListener('canplaythrough', _canplaythrough);
|
|
131
|
+
};
|
|
132
|
+
var _error = function error(err) {
|
|
133
|
+
reject(err);
|
|
134
|
+
_this3.audioInstance.removeEventListener('error', _error);
|
|
135
|
+
};
|
|
136
|
+
_this3.audioInstance.addEventListener('canplaythrough', _canplaythrough);
|
|
137
|
+
_this3.audioInstance.addEventListener('error', _error);
|
|
138
|
+
});
|
|
139
|
+
case 5:
|
|
140
|
+
return _context.abrupt("return", _context.sent);
|
|
141
|
+
case 6:
|
|
142
|
+
case "end":
|
|
143
|
+
return _context.stop();
|
|
193
144
|
}
|
|
194
145
|
}, _callee, this);
|
|
195
146
|
}));
|
|
196
|
-
|
|
197
147
|
function load(_x) {
|
|
198
148
|
return _load.apply(this, arguments);
|
|
199
149
|
}
|
|
200
|
-
|
|
201
150
|
return load;
|
|
202
151
|
}()
|
|
203
152
|
/**
|
|
204
153
|
* 播放
|
|
205
154
|
*/
|
|
206
|
-
|
|
155
|
+
)
|
|
207
156
|
}, {
|
|
208
157
|
key: "play",
|
|
209
|
-
value: function () {
|
|
210
|
-
var _play = (0, _asyncToGenerator2["default"])(
|
|
158
|
+
value: (function () {
|
|
159
|
+
var _play = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
|
|
211
160
|
return _regenerator["default"].wrap(function _callee2$(_context2) {
|
|
212
|
-
while (1) {
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
case "end":
|
|
219
|
-
return _context2.stop();
|
|
220
|
-
}
|
|
161
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
162
|
+
case 0:
|
|
163
|
+
closures.playPromise = this.audioInstance.play();
|
|
164
|
+
case 1:
|
|
165
|
+
case "end":
|
|
166
|
+
return _context2.stop();
|
|
221
167
|
}
|
|
222
168
|
}, _callee2, this);
|
|
223
169
|
}));
|
|
224
|
-
|
|
225
170
|
function play() {
|
|
226
171
|
return _play.apply(this, arguments);
|
|
227
172
|
}
|
|
228
|
-
|
|
229
173
|
return play;
|
|
230
174
|
}()
|
|
231
175
|
/**
|
|
232
176
|
* 暂停
|
|
233
177
|
*/
|
|
234
|
-
|
|
178
|
+
)
|
|
235
179
|
}, {
|
|
236
180
|
key: "pause",
|
|
237
|
-
value: function () {
|
|
238
|
-
var _pause = (0, _asyncToGenerator2["default"])(
|
|
181
|
+
value: (function () {
|
|
182
|
+
var _pause = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
|
|
239
183
|
return _regenerator["default"].wrap(function _callee3$(_context3) {
|
|
240
|
-
while (1) {
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
if (!closures.playPromise) {
|
|
244
|
-
_context3.next = 3;
|
|
245
|
-
break;
|
|
246
|
-
}
|
|
247
|
-
|
|
184
|
+
while (1) switch (_context3.prev = _context3.next) {
|
|
185
|
+
case 0:
|
|
186
|
+
if (!closures.playPromise) {
|
|
248
187
|
_context3.next = 3;
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
188
|
+
break;
|
|
189
|
+
}
|
|
190
|
+
_context3.next = 3;
|
|
191
|
+
return closures.playPromise;
|
|
192
|
+
case 3:
|
|
193
|
+
this.audioInstance.pause();
|
|
194
|
+
case 4:
|
|
195
|
+
case "end":
|
|
196
|
+
return _context3.stop();
|
|
258
197
|
}
|
|
259
198
|
}, _callee3, this);
|
|
260
199
|
}));
|
|
261
|
-
|
|
262
200
|
function pause() {
|
|
263
201
|
return _pause.apply(this, arguments);
|
|
264
202
|
}
|
|
265
|
-
|
|
266
203
|
return pause;
|
|
267
204
|
}()
|
|
268
205
|
/**
|
|
@@ -271,7 +208,7 @@ var PlayController = /*#__PURE__*/function (_Subscribe) {
|
|
|
271
208
|
*
|
|
272
209
|
* @deprecated **慎重执行**
|
|
273
210
|
*/
|
|
274
|
-
|
|
211
|
+
)
|
|
275
212
|
}, {
|
|
276
213
|
key: "dispose",
|
|
277
214
|
value: function dispose() {
|
|
@@ -279,13 +216,9 @@ var PlayController = /*#__PURE__*/function (_Subscribe) {
|
|
|
279
216
|
this.audioInstance.removeEventListener('play', closures.onPlaying);
|
|
280
217
|
this.audioInstance.removeEventListener('pasue', closures.onPaused);
|
|
281
218
|
this.audioInstance.removeEventListener('ended', closures.onEnded);
|
|
282
|
-
|
|
283
219
|
if (this.stopInterval) {
|
|
284
220
|
this.stopInterval();
|
|
285
221
|
}
|
|
286
222
|
}
|
|
287
223
|
}]);
|
|
288
|
-
|
|
289
|
-
}(_five.Subscribe);
|
|
290
|
-
|
|
291
|
-
exports.PlayController = PlayController;
|
|
224
|
+
}(_five.Subscribe);
|
package/lib/Player/App.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
export declare function App(): JSX.Element;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export declare function App(): React.JSX.Element;
|
package/lib/Player/App.js
CHANGED
|
@@ -1,55 +1,31 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.App = App;
|
|
11
|
-
|
|
12
9
|
var React = _interopRequireWildcard(require("react"));
|
|
13
|
-
|
|
14
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
|
-
|
|
16
11
|
var _mobxReact = require("mobx-react");
|
|
17
|
-
|
|
18
12
|
var _hooks = require("./hooks");
|
|
19
|
-
|
|
20
13
|
var _CameraMovement = require("./modules/keyframes/CameraMovement");
|
|
21
|
-
|
|
22
14
|
var _ResizeObserver = require("./modules/ResizeObserver");
|
|
23
|
-
|
|
24
15
|
var _InfoPanel = require("./modules/keyframes/InfoPanel");
|
|
25
|
-
|
|
26
16
|
var _ModelVideo = require("./modules/keyframes/ModelVideo");
|
|
27
|
-
|
|
28
17
|
var _PanoEffect = require("./modules/keyframes/PanoEffect");
|
|
29
|
-
|
|
30
18
|
var _PanoTag = require("./modules/keyframes/PanoTag");
|
|
31
|
-
|
|
32
19
|
var _PanoTextLabel = require("./modules/keyframes/PanoTextLabel");
|
|
33
|
-
|
|
34
20
|
var _Prompter = require("./modules/keyframes/Prompter");
|
|
35
|
-
|
|
36
21
|
var _UpdateVRPanorama = require("./modules/keyframes/UpdateVRPanorama");
|
|
37
|
-
|
|
38
22
|
var _VideoEffect = require("./modules/keyframes/VideoEffect");
|
|
39
|
-
|
|
40
23
|
var _VideoAgent = require("./modules/VideoAgent");
|
|
41
|
-
|
|
42
24
|
var _BgMusic = require("./modules/keyframes/BgMusic");
|
|
43
|
-
|
|
44
25
|
var _Wave = require("./modules/Wave");
|
|
45
|
-
|
|
46
|
-
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); }
|
|
47
|
-
|
|
48
|
-
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; }
|
|
49
|
-
|
|
26
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
50
27
|
var AppView = (0, _mobxReact.observer)(function (_ref) {
|
|
51
28
|
var _controller$configs, _controller$waveAppea, _controller$configs3, _controller$configs4;
|
|
52
|
-
|
|
53
29
|
var controller = _ref.controller;
|
|
54
30
|
return /*#__PURE__*/React.createElement("div", {
|
|
55
31
|
className: (0, _classnames["default"])('vreo-panel', {
|
|
@@ -64,12 +40,10 @@ var AppView = (0, _mobxReact.observer)(function (_ref) {
|
|
|
64
40
|
}), /*#__PURE__*/React.createElement(_VideoAgent.VideoAgent, {
|
|
65
41
|
onClick: function onClick() {
|
|
66
42
|
var _controller$configs2;
|
|
67
|
-
|
|
68
43
|
if ((_controller$configs2 = controller.configs) !== null && _controller$configs2 !== void 0 && _controller$configs2.onAvatarClick) {
|
|
69
44
|
controller.configs.onAvatarClick();
|
|
70
45
|
return;
|
|
71
46
|
}
|
|
72
|
-
|
|
73
47
|
if (controller.playing) {
|
|
74
48
|
controller.setPlaying(false);
|
|
75
49
|
} else {
|
|
@@ -79,7 +53,6 @@ var AppView = (0, _mobxReact.observer)(function (_ref) {
|
|
|
79
53
|
options: ((_controller$configs3 = controller.configs) === null || _controller$configs3 === void 0 ? void 0 : _controller$configs3.videoAgentMeshOptions) || {}
|
|
80
54
|
}), /*#__PURE__*/React.createElement(_Prompter.Prompter, null), (_controller$configs4 = controller.configs) === null || _controller$configs4 === void 0 ? void 0 : _controller$configs4.customPanelChildren));
|
|
81
55
|
});
|
|
82
|
-
|
|
83
56
|
function App() {
|
|
84
57
|
var controller = (0, _hooks.useController)();
|
|
85
58
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_ResizeObserver.ResizeObserver, null), /*#__PURE__*/React.createElement(_CameraMovement.CameraMovement, null), /*#__PURE__*/React.createElement(_ModelVideo.ModelVideo, null), /*#__PURE__*/React.createElement(_UpdateVRPanorama.UpdateVRPanorama, null), /*#__PURE__*/React.createElement(_VideoEffect.VideoEffect, null), /*#__PURE__*/React.createElement(_PanoTag.PanoTag, null), /*#__PURE__*/React.createElement(_PanoTextLabel.PanoTextLabel, null), /*#__PURE__*/React.createElement(_InfoPanel.InfoPanel, null), /*#__PURE__*/React.createElement(_PanoEffect.PanoEffect, null), /*#__PURE__*/React.createElement(_BgMusic.BgMusic, null)), /*#__PURE__*/React.createElement(AppView, {
|
|
@@ -25,7 +25,7 @@ export declare class Controller extends Subscribe<VreoKeyframeEvent> {
|
|
|
25
25
|
appearance: Appearance;
|
|
26
26
|
avatar: VreoVideo['avatar'];
|
|
27
27
|
visible: boolean;
|
|
28
|
-
get agentType(): "
|
|
28
|
+
get agentType(): "video" | "none" | "avatar";
|
|
29
29
|
popUp: string | JSX.Element | null;
|
|
30
30
|
openPopUp(popUp: string | JSX.Element | false): void;
|
|
31
31
|
setLoading(loading: boolean | null): void;
|
|
@@ -51,7 +51,7 @@ export declare class Controller extends Subscribe<VreoKeyframeEvent> {
|
|
|
51
51
|
get ready(): boolean;
|
|
52
52
|
get currentTime(): number;
|
|
53
53
|
get currentKeyframes(): VreoKeyframe[];
|
|
54
|
-
get mediaInstance(): HTMLVideoElement | HTMLAudioElement | import("../shared-utils/
|
|
54
|
+
get mediaInstance(): HTMLVideoElement | HTMLAudioElement | import("../shared-utils/AduioLike").AudioLike | undefined;
|
|
55
55
|
/**
|
|
56
56
|
* 逐帧任务
|
|
57
57
|
*/
|
|
@@ -60,5 +60,5 @@ export declare class Controller extends Subscribe<VreoKeyframeEvent> {
|
|
|
60
60
|
clear(): void;
|
|
61
61
|
dispose(): void;
|
|
62
62
|
}
|
|
63
|
-
declare const ControllerContext: React.Context<Controller>;
|
|
63
|
+
declare const ControllerContext: React.Context<Controller | null>;
|
|
64
64
|
export { ControllerContext };
|