@realsee/vreo 2.5.0 → 2.6.1-alpha.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 +5 -12
- package/lib/PlayController/index.js +31 -41
- package/lib/Player/App.js +25 -34
- package/lib/Player/Controller.js +68 -76
- package/lib/Player/custom/SpatialScenePanel/index.js +20 -54
- package/lib/Player/hooks.js +6 -15
- package/lib/Player/index.d.ts +1 -0
- package/lib/Player/index.js +41 -47
- package/lib/Player/modules/Drawer/index.js +10 -18
- package/lib/Player/modules/PopUp/index.js +8 -17
- package/lib/Player/modules/ResizeObserver/index.js +10 -17
- package/lib/Player/modules/VideoAgent/VideoAgentMesh.js +36 -46
- package/lib/Player/modules/VideoAgent/VideoAgentScene.js +16 -25
- package/lib/Player/modules/VideoAgent/index.js +8 -17
- package/lib/Player/modules/Wave/index.js +24 -33
- package/lib/Player/modules/keyframes/BgMusic/index.js +13 -22
- package/lib/Player/modules/keyframes/CameraMovement/index.js +17 -26
- package/lib/Player/modules/keyframes/InfoPanel/index.js +15 -23
- package/lib/Player/modules/keyframes/ModelVideo/index.js +17 -26
- package/lib/Player/modules/keyframes/PanoEffect/index.js +21 -30
- package/lib/Player/modules/keyframes/PanoEffect/lineAnime.js +6 -14
- package/lib/Player/modules/keyframes/PanoTag/index.js +10 -18
- package/lib/Player/modules/keyframes/PanoTextLabel/index.js +19 -28
- package/lib/Player/modules/keyframes/Prompter/index.js +13 -22
- package/lib/Player/modules/keyframes/UpdateVRPanorama/index.js +16 -24
- package/lib/Player/modules/keyframes/VideoEffect/index.js +17 -27
- package/lib/Player/typings.js +1 -5
- package/lib/fivePlugins/CSS3DRenderPlugin/centerPoint.js +3 -9
- package/lib/fivePlugins/CSS3DRenderPlugin/createResizeObserver.js +1 -7
- package/lib/fivePlugins/CSS3DRenderPlugin/evenNumber.js +1 -7
- package/lib/fivePlugins/CSS3DRenderPlugin/index.js +27 -37
- package/lib/fivePlugins/CSS3DRenderPlugin/transformPositionToVector3.js +3 -9
- package/lib/fivePlugins/CameraMovementPlugin/index.js +16 -23
- package/lib/fivePlugins/CameraMovementPlugin/typings.js +6 -10
- package/lib/fivePlugins/ModelTVVideoPlugin/index.js +9 -18
- package/lib/index.js +1 -12
- package/lib/react/index.js +12 -24
- package/lib/shared-utils/Audio.js +28 -38
- package/lib/shared-utils/AudioLike.js +23 -30
- package/lib/shared-utils/Preloader.js +1 -7
- package/lib/shared-utils/addResizeListener.js +4 -11
- package/lib/shared-utils/animationFrame/BetterTween.js +24 -34
- package/lib/shared-utils/animationFrame/index.js +4 -13
- package/lib/shared-utils/animationFrame/tween.js +9 -17
- package/lib/shared-utils/createTransMatrix.js +5 -14
- package/lib/shared-utils/getFileExpandedName.js +1 -7
- package/lib/shared-utils/getMediaInfo.js +9 -19
- package/lib/shared-utils/setElementDataset.js +1 -7
- package/lib/typings/VreoUnit.js +15 -63
- package/lib/typings/index.d.ts +1 -0
- package/lib/typings/index.js +1 -0
- package/package.json +61 -9
|
@@ -1,14 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.CameraMovementPlugin = void 0;
|
|
8
|
-
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
9
|
-
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
10
|
-
var _five = require("@realsee/five");
|
|
11
|
-
var _typings = require("./typings");
|
|
1
|
+
import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
|
|
2
|
+
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
3
|
+
import { Five } from '@realsee/five';
|
|
4
|
+
import { Rotation } from "./typings.js";
|
|
12
5
|
var PI = Math.PI;
|
|
13
6
|
var PI_2 = PI * 2;
|
|
14
7
|
var moving = false; // five 6 神秘bug, move 的时候不能 setState
|
|
@@ -18,7 +11,7 @@ function progressNumber(from, to, pst) {
|
|
|
18
11
|
return from + (to - from) * pst;
|
|
19
12
|
}
|
|
20
13
|
function progressLongitude(fromLongitude, toLongitude, rotation, progress) {
|
|
21
|
-
var clockwise = rotation ===
|
|
14
|
+
var clockwise = rotation === Rotation.Clockwise;
|
|
22
15
|
var delta = clockwise ? fromLongitude - toLongitude : toLongitude - fromLongitude;
|
|
23
16
|
var deltaMod = delta % PI_2;
|
|
24
17
|
var deltaMod2 = deltaMod < 0 ? deltaMod + PI_2 : deltaMod;
|
|
@@ -30,16 +23,16 @@ function progressLongitude(fromLongitude, toLongitude, rotation, progress) {
|
|
|
30
23
|
/**
|
|
31
24
|
* **运镜插件** 模拟类似于电影运镜效果。
|
|
32
25
|
*/
|
|
33
|
-
var CameraMovementPlugin =
|
|
26
|
+
export var CameraMovementPlugin = function CameraMovementPlugin(five) {
|
|
34
27
|
var move = function move(args, duration) {
|
|
35
28
|
var opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
|
|
36
29
|
preload: true
|
|
37
30
|
};
|
|
38
|
-
return new Promise(/*#__PURE__*/function () {
|
|
39
|
-
var _ref = (
|
|
31
|
+
return new Promise( /*#__PURE__*/function () {
|
|
32
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(resolve, reject) {
|
|
40
33
|
var _opts$asyncEndCallbac;
|
|
41
34
|
var panoIndex, start, movePanoOptions;
|
|
42
|
-
return
|
|
35
|
+
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
43
36
|
while (1) {
|
|
44
37
|
switch (_context.prev = _context.next) {
|
|
45
38
|
case 0:
|
|
@@ -62,7 +55,7 @@ var CameraMovementPlugin = exports.CameraMovementPlugin = function CameraMovemen
|
|
|
62
55
|
case 7:
|
|
63
56
|
return _context.abrupt("return", resolve(true));
|
|
64
57
|
case 8:
|
|
65
|
-
if (!(args.mode ===
|
|
58
|
+
if (!(args.mode === Five.Mode.Floorplan)) {
|
|
66
59
|
_context.next = 10;
|
|
67
60
|
break;
|
|
68
61
|
}
|
|
@@ -124,7 +117,7 @@ var CameraMovementPlugin = exports.CameraMovementPlugin = function CameraMovemen
|
|
|
124
117
|
}());
|
|
125
118
|
};
|
|
126
119
|
var rotate = /*#__PURE__*/function () {
|
|
127
|
-
var _ref2 = (
|
|
120
|
+
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(args, duration) {
|
|
128
121
|
var _opts$asyncStartCallb, _opts$asyncEndCallbac2;
|
|
129
122
|
var opts,
|
|
130
123
|
from,
|
|
@@ -134,7 +127,7 @@ var CameraMovementPlugin = exports.CameraMovementPlugin = function CameraMovemen
|
|
|
134
127
|
animeDuration,
|
|
135
128
|
onFiveRenderFrame,
|
|
136
129
|
_args2 = arguments;
|
|
137
|
-
return
|
|
130
|
+
return _regeneratorRuntime.wrap(function _callee2$(_context2) {
|
|
138
131
|
while (1) {
|
|
139
132
|
switch (_context2.prev = _context2.next) {
|
|
140
133
|
case 0:
|
|
@@ -148,11 +141,11 @@ var CameraMovementPlugin = exports.CameraMovementPlugin = function CameraMovemen
|
|
|
148
141
|
break;
|
|
149
142
|
}
|
|
150
143
|
_context2.next = 6;
|
|
151
|
-
return five.changeMode(args.mode, args.mode ===
|
|
144
|
+
return five.changeMode(args.mode, args.mode === Five.Mode.Panorama ? {
|
|
152
145
|
latitude: 0
|
|
153
146
|
} : undefined);
|
|
154
147
|
case 6:
|
|
155
|
-
if (!(args.mode ===
|
|
148
|
+
if (!(args.mode === Five.Mode.Panorama && five.currentMode === Five.Mode.Panorama && args.panoIndex !== undefined && args.panoIndex !== five.panoIndex)) {
|
|
156
149
|
_context2.next = 12;
|
|
157
150
|
break;
|
|
158
151
|
}
|
|
@@ -191,7 +184,7 @@ var CameraMovementPlugin = exports.CameraMovementPlugin = function CameraMovemen
|
|
|
191
184
|
timeEnd = false; // 开始时间
|
|
192
185
|
start = performance.now();
|
|
193
186
|
animeDuration = duration;
|
|
194
|
-
if (args.rotation ===
|
|
187
|
+
if (args.rotation === Rotation.Loop) {
|
|
195
188
|
animeDuration = args.rotateSpeed ? Math.ceil(Math.abs(to.longitude - from.longitude) / args.rotateSpeed * 1000) : duration;
|
|
196
189
|
animeDuration = Math.min(duration, animeDuration);
|
|
197
190
|
}
|
|
@@ -201,7 +194,7 @@ var CameraMovementPlugin = exports.CameraMovementPlugin = function CameraMovemen
|
|
|
201
194
|
return;
|
|
202
195
|
}
|
|
203
196
|
var targetState = {};
|
|
204
|
-
if (args.rotation !==
|
|
197
|
+
if (args.rotation !== Rotation.Loop) {
|
|
205
198
|
var progress = (performance.now() - start) / duration;
|
|
206
199
|
targetState = {
|
|
207
200
|
fov: progressNumber(from.fov, to.fov, progress),
|
|
@@ -1,19 +1,15 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.Rotation = exports.CameraMovementEffect = void 0;
|
|
7
1
|
/* eslint-disable prettier/prettier */
|
|
2
|
+
|
|
8
3
|
// eslint-disable-next-line @typescript-eslint/no-empty-interface
|
|
9
|
-
|
|
4
|
+
|
|
5
|
+
export var CameraMovementEffect;
|
|
10
6
|
(function (CameraMovementEffect) {
|
|
11
7
|
CameraMovementEffect["Move"] = "Move";
|
|
12
8
|
CameraMovementEffect["Rotate"] = "Rotate";
|
|
13
|
-
})(CameraMovementEffect || (
|
|
14
|
-
var Rotation;
|
|
9
|
+
})(CameraMovementEffect || (CameraMovementEffect = {}));
|
|
10
|
+
export var Rotation;
|
|
15
11
|
(function (Rotation) {
|
|
16
12
|
Rotation["Clockwise"] = "Clockwise";
|
|
17
13
|
Rotation["Anticlockwise"] = "Anticlockwise";
|
|
18
14
|
Rotation["Loop"] = "Loop";
|
|
19
|
-
})(Rotation || (
|
|
15
|
+
})(Rotation || (Rotation = {}));
|
|
@@ -1,17 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.ModelTVVideoPlugin = void 0;
|
|
9
|
-
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
10
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
|
-
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
12
|
-
var THREE = _interopRequireWildcard(require("three"));
|
|
13
|
-
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); }
|
|
14
|
-
var ModelTVVideoPlugin = exports.ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
|
|
1
|
+
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
2
|
+
import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
|
|
3
|
+
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
4
|
+
import * as THREE from 'three';
|
|
5
|
+
export var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
|
|
15
6
|
var videoElement = _ref.videoElement;
|
|
16
7
|
var state = {
|
|
17
8
|
videoMeshes: [],
|
|
@@ -158,9 +149,9 @@ var ModelTVVideoPlugin = exports.ModelTVVideoPlugin = function ModelTVVideoPlugi
|
|
|
158
149
|
});
|
|
159
150
|
};
|
|
160
151
|
var load = /*#__PURE__*/function () {
|
|
161
|
-
var _ref2 = (
|
|
152
|
+
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(data, videoElement) {
|
|
162
153
|
var video_src, video_poster_src, points;
|
|
163
|
-
return
|
|
154
|
+
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
164
155
|
while (1) {
|
|
165
156
|
switch (_context.prev = _context.next) {
|
|
166
157
|
case 0:
|
|
@@ -201,7 +192,7 @@ var ModelTVVideoPlugin = exports.ModelTVVideoPlugin = function ModelTVVideoPlugi
|
|
|
201
192
|
five.on('wantsTapGesture', function (raycaster) {
|
|
202
193
|
if (!state.enabled) return;
|
|
203
194
|
var _raycaster$intersectO = raycaster.intersectObjects(five.scene.children, true),
|
|
204
|
-
_raycaster$intersectO2 = (
|
|
195
|
+
_raycaster$intersectO2 = _slicedToArray(_raycaster$intersectO, 1),
|
|
205
196
|
intersect = _raycaster$intersectO2[0];
|
|
206
197
|
if (!!intersect && /^video/.test(intersect.object.name)) {
|
|
207
198
|
if (state.videoTexture) setMuted(!state.videoTexture.image.muted);
|
|
@@ -222,7 +213,7 @@ var ModelTVVideoPlugin = exports.ModelTVVideoPlugin = function ModelTVVideoPlugi
|
|
|
222
213
|
vector = vector.clone().sub(cameraPosition).normalize();
|
|
223
214
|
var raycaster = new THREE.Raycaster(cameraPosition, vector);
|
|
224
215
|
var _raycaster$intersectO3 = raycaster.intersectObjects(five.scene.children, true),
|
|
225
|
-
_raycaster$intersectO4 = (
|
|
216
|
+
_raycaster$intersectO4 = _slicedToArray(_raycaster$intersectO3, 1),
|
|
226
217
|
intersect = _raycaster$intersectO4[0];
|
|
227
218
|
return !!intersect && /^video/.test(intersect.object.name);
|
|
228
219
|
}).length >= 2;
|
package/lib/index.js
CHANGED
|
@@ -1,12 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "Player", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _Player.Player;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
var _Player = require("./Player");
|
|
1
|
+
export { Player } from "./Player/index.js";
|
package/lib/react/index.js
CHANGED
|
@@ -1,19 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.VreoProvider = void 0;
|
|
9
|
-
exports.useVreoAction = useVreoAction;
|
|
10
|
-
exports.useVreoEventCallback = useVreoEventCallback;
|
|
11
|
-
exports.useVreoPausedState = useVreoPausedState;
|
|
12
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
-
var _react = require("@realsee/five/react");
|
|
14
|
-
var React = _interopRequireWildcard(require("react"));
|
|
15
|
-
var _Player = require("../Player");
|
|
16
|
-
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); }
|
|
1
|
+
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
2
|
+
import { unsafe__useFiveInstance } from '@realsee/five/react';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { Player } from "../Player/index.js";
|
|
17
5
|
var VreoContext = /*#__PURE__*/React.createContext(null);
|
|
18
6
|
|
|
19
7
|
/**
|
|
@@ -38,15 +26,15 @@ var VreoContext = /*#__PURE__*/React.createContext(null);
|
|
|
38
26
|
* </FiveProvider>
|
|
39
27
|
* ```
|
|
40
28
|
*/
|
|
41
|
-
var VreoProvider =
|
|
42
|
-
var five =
|
|
29
|
+
export var VreoProvider = function VreoProvider(props) {
|
|
30
|
+
var five = unsafe__useFiveInstance();
|
|
43
31
|
var _React$useState = React.useState(null),
|
|
44
|
-
_React$useState2 = (
|
|
32
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
45
33
|
player = _React$useState2[0],
|
|
46
34
|
setPlayer = _React$useState2[1];
|
|
47
35
|
var playerRef = React.useRef(null);
|
|
48
36
|
React.useEffect(function () {
|
|
49
|
-
playerRef.current = new
|
|
37
|
+
playerRef.current = new Player(five, props.configs || {});
|
|
50
38
|
setPlayer(playerRef.current);
|
|
51
39
|
return function () {
|
|
52
40
|
var _playerRef$current;
|
|
@@ -122,7 +110,7 @@ function useVreoInstance() {
|
|
|
122
110
|
* }
|
|
123
111
|
* ```
|
|
124
112
|
*/
|
|
125
|
-
function useVreoAction() {
|
|
113
|
+
export function useVreoAction() {
|
|
126
114
|
var player = useVreoInstance();
|
|
127
115
|
var load = React.useCallback(function (vreoUnit, currentTime) {
|
|
128
116
|
return player.load(vreoUnit, currentTime);
|
|
@@ -181,7 +169,7 @@ function useVreoAction() {
|
|
|
181
169
|
* }
|
|
182
170
|
* ```
|
|
183
171
|
*/
|
|
184
|
-
function useVreoEventCallback(name, callback, deps) {
|
|
172
|
+
export function useVreoEventCallback(name, callback, deps) {
|
|
185
173
|
var player = useVreoInstance();
|
|
186
174
|
var dependencyList = [player, name];
|
|
187
175
|
if (deps !== undefined) {
|
|
@@ -227,10 +215,10 @@ function useVreoEventCallback(name, callback, deps) {
|
|
|
227
215
|
* }
|
|
228
216
|
* ```
|
|
229
217
|
*/
|
|
230
|
-
function useVreoPausedState() {
|
|
218
|
+
export function useVreoPausedState() {
|
|
231
219
|
var player = useVreoInstance();
|
|
232
220
|
var _React$useState3 = React.useState(player.paused),
|
|
233
|
-
_React$useState4 = (
|
|
221
|
+
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
234
222
|
state = _React$useState4[0],
|
|
235
223
|
setState = _React$useState4[1];
|
|
236
224
|
useVreoEventCallback('paused', function () {
|
|
@@ -1,32 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
15
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
16
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
17
|
-
var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
|
|
18
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
19
|
-
var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
|
|
20
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
21
|
-
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
22
|
-
function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2["default"])(t); if (r) { var s = (0, _getPrototypeOf2["default"])(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2["default"])(this, e); }; }
|
|
23
|
-
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
1
|
+
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
2
|
+
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
3
|
+
import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
4
|
+
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
5
|
+
import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
|
|
6
|
+
import _get from "@babel/runtime/helpers/esm/get";
|
|
7
|
+
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
8
|
+
import _wrapNativeSuper from "@babel/runtime/helpers/esm/wrapNativeSuper";
|
|
9
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
10
|
+
import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
|
|
11
|
+
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
12
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
13
|
+
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; } }
|
|
24
14
|
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=';
|
|
25
15
|
// 下面这段空音频居然在11pro和xr上播不出来
|
|
26
16
|
// const blankAudioSrc = 'data:audio/mpeg;base64,//AAAAHGZ0eXBNNEEgAAAAAE00QSBpc29tbXA0MgAAAAFtZGF0AAAAAAAAABwA0AAHANAABwDQAAcAAAM+bW9vdgAAAGxtdmhkAAAAAN+jti7fo7YuAACsRAAADAAAAQAAAQAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAdB0cmFrAAAAXHRraGQAAAAB36O2Lt+jti4AAAABAAAAAAAADAAAAAAAAAAAAAAAAAABAAAAAAEAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAFsbWRpYQAAACBtZGhkAAAAAN+jti7fo7YuAACsRAAADABVxAAAAAAAMWhkbHIAAAAAAAAAAHNvdW4AAAAAAAAAAAAAAABDb3JlIE1lZGlhIEF1ZGlvAAAAARNtaW5mAAAAEHNtaGQAAAAAAAAAAAAAACRkaW5mAAAAHGRyZWYAAAAAAAAAAQAAAAx1cmwgAAAAAQAAANdzdGJsAAAAZ3N0c2QAAAAAAAAAAQAAAFdtcDRhAAAAAAAAAAEAAAAAAAAAAAACABAAAAAArEQAAAAAADNlc2RzAAAAAAOAgIAiAAAABICAgBRAFAAYAAAA+gAAAPoABYCAgAISCAaAgIABAgAAABhzdHRzAAAAAAAAAAEAAAADAAAEAAAAABxzdHNjAAAAAAAAAAEAAAABAAAAAwAAAAEAAAAgc3RzegAAAAAAAAAAAAAAAwAAAAQAAAAEAAAABAAAABRzdGNvAAAAAAAAAAEAAAAsAAAA+nVkdGEAAADybWV0YQAAAAAAAAAiaGRscgAAAAAAAAAAbWRpcgAAAAAAAAAAAAAAAAAAAAAAxGlsc3QAAAC8LS0tLQAAABxtZWFuAAAAAGNvbS5hcHBsZS5pVHVuZXMAAAAUbmFtZQAAAABpVHVuU01QQgAAAIRkYXRhAAAAAQAAAAAgMDAwMDAwMDAgMDAwMDA4NDAgMDAwMDAzQzAgMDAwMDAwMDAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMA=='
|
|
27
17
|
|
|
28
|
-
var audioList =
|
|
29
|
-
function getAudio(src) {
|
|
18
|
+
export var audioList = [];
|
|
19
|
+
export function getAudio(src) {
|
|
30
20
|
var audio = audioList.find(function (audio) {
|
|
31
21
|
return !audio.realSrc || audio.realSrc === blankAudioSrc;
|
|
32
22
|
});
|
|
@@ -40,17 +30,17 @@ function getAudio(src) {
|
|
|
40
30
|
}
|
|
41
31
|
return audio;
|
|
42
32
|
}
|
|
43
|
-
function waitForBlankAudioGenerated() {
|
|
33
|
+
export function waitForBlankAudioGenerated() {
|
|
44
34
|
return _waitForBlankAudioGenerated.apply(this, arguments);
|
|
45
35
|
}
|
|
46
36
|
function _waitForBlankAudioGenerated() {
|
|
47
|
-
_waitForBlankAudioGenerated = (
|
|
37
|
+
_waitForBlankAudioGenerated = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
|
48
38
|
var checkInterval,
|
|
49
39
|
timeout,
|
|
50
40
|
startTime,
|
|
51
41
|
isTimedOut,
|
|
52
42
|
_args = arguments;
|
|
53
|
-
return
|
|
43
|
+
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
54
44
|
while (1) {
|
|
55
45
|
switch (_context.prev = _context.next) {
|
|
56
46
|
case 0:
|
|
@@ -92,7 +82,7 @@ function _waitForBlankAudioGenerated() {
|
|
|
92
82
|
}));
|
|
93
83
|
return _waitForBlankAudioGenerated.apply(this, arguments);
|
|
94
84
|
}
|
|
95
|
-
function generateBlankAudio(length) {
|
|
85
|
+
export function generateBlankAudio(length) {
|
|
96
86
|
// 判断一下已经生成几个了,防止重复生成
|
|
97
87
|
var generateLength = length - audioList.length;
|
|
98
88
|
if (generateLength <= 0) return;
|
|
@@ -111,21 +101,21 @@ function initAudio(audio) {
|
|
|
111
101
|
}
|
|
112
102
|
}
|
|
113
103
|
var IAudio = /*#__PURE__*/function (_Audio) {
|
|
114
|
-
(
|
|
104
|
+
_inherits(IAudio, _Audio);
|
|
115
105
|
var _super = _createSuper(IAudio);
|
|
116
106
|
function IAudio(src) {
|
|
117
107
|
var _thisSuper, _this;
|
|
118
|
-
(
|
|
108
|
+
_classCallCheck(this, IAudio);
|
|
119
109
|
_this = _super.call(this, src);
|
|
120
|
-
(
|
|
121
|
-
(
|
|
122
|
-
(
|
|
110
|
+
_defineProperty(_assertThisInitialized(_this), "preload", 'auto');
|
|
111
|
+
_defineProperty(_assertThisInitialized(_this), "realSrc", '');
|
|
112
|
+
_defineProperty(_assertThisInitialized(_this), "inited", false);
|
|
123
113
|
_this.realSrc = src !== null && src !== void 0 ? src : '';
|
|
124
|
-
(
|
|
114
|
+
_get((_thisSuper = _assertThisInitialized(_this), _getPrototypeOf(IAudio.prototype)), "addEventListener", _thisSuper).call(_thisSuper, 'ended', function () {
|
|
125
115
|
_this.src = '';
|
|
126
116
|
});
|
|
127
117
|
var init = function init() {
|
|
128
|
-
return initAudio((
|
|
118
|
+
return initAudio(_assertThisInitialized(_this));
|
|
129
119
|
};
|
|
130
120
|
document.addEventListener('click', init);
|
|
131
121
|
document.addEventListener('touchend', init);
|
|
@@ -135,7 +125,7 @@ var IAudio = /*#__PURE__*/function (_Audio) {
|
|
|
135
125
|
};
|
|
136
126
|
return _this;
|
|
137
127
|
}
|
|
138
|
-
(
|
|
128
|
+
_createClass(IAudio, [{
|
|
139
129
|
key: "src",
|
|
140
130
|
get:
|
|
141
131
|
/**
|
|
@@ -156,4 +146,4 @@ var IAudio = /*#__PURE__*/function (_Audio) {
|
|
|
156
146
|
}
|
|
157
147
|
}]);
|
|
158
148
|
return IAudio;
|
|
159
|
-
}(/*#__PURE__*/(
|
|
149
|
+
}( /*#__PURE__*/_wrapNativeSuper(Audio));
|
|
@@ -1,47 +1,40 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
13
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
14
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
|
-
var _five = require("@realsee/five");
|
|
16
|
-
var _animationFrame = require("./animationFrame");
|
|
17
|
-
function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2["default"])(t); if (r) { var s = (0, _getPrototypeOf2["default"])(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2["default"])(this, e); }; }
|
|
18
|
-
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
1
|
+
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
2
|
+
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
3
|
+
import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
4
|
+
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
5
|
+
import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
|
|
6
|
+
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
7
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
8
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
9
|
+
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; } }
|
|
10
|
+
import { Subscribe } from '@realsee/five';
|
|
11
|
+
import { requestAnimationFrameInterval } from "./animationFrame/index.js";
|
|
19
12
|
/**
|
|
20
13
|
* 模拟 `<Audio>` 事件。
|
|
21
14
|
*/
|
|
22
15
|
/**
|
|
23
16
|
* 模拟 `<Audio>` 功能:没有音频,但执行逻辑跟 `<Audio>` 相似。
|
|
24
17
|
*/
|
|
25
|
-
var AudioLike =
|
|
26
|
-
(
|
|
18
|
+
export var AudioLike = /*#__PURE__*/function (_Subscribe) {
|
|
19
|
+
_inherits(AudioLike, _Subscribe);
|
|
27
20
|
var _super = _createSuper(AudioLike);
|
|
28
21
|
function AudioLike() {
|
|
29
22
|
var _this;
|
|
30
23
|
var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
31
24
|
duration = _ref.duration;
|
|
32
|
-
(
|
|
25
|
+
_classCallCheck(this, AudioLike);
|
|
33
26
|
_this = _super.call(this);
|
|
34
|
-
(
|
|
35
|
-
(
|
|
36
|
-
(
|
|
37
|
-
(
|
|
38
|
-
(
|
|
27
|
+
_defineProperty(_assertThisInitialized(_this), "$timestamp", null);
|
|
28
|
+
_defineProperty(_assertThisInitialized(_this), "$currentTime", 0);
|
|
29
|
+
_defineProperty(_assertThisInitialized(_this), "$duration", 0);
|
|
30
|
+
_defineProperty(_assertThisInitialized(_this), "muted", false);
|
|
31
|
+
_defineProperty(_assertThisInitialized(_this), "src", '');
|
|
39
32
|
if (duration) {
|
|
40
33
|
_this.$duration = duration;
|
|
41
34
|
}
|
|
42
35
|
return _this;
|
|
43
36
|
}
|
|
44
|
-
(
|
|
37
|
+
_createClass(AudioLike, [{
|
|
45
38
|
key: "setAttribute",
|
|
46
39
|
value: function setAttribute(name, value) {
|
|
47
40
|
// nothing todo
|
|
@@ -56,7 +49,7 @@ var AudioLike = exports.AudioLike = /*#__PURE__*/function (_Subscribe) {
|
|
|
56
49
|
if (this.$timestamp === null) {
|
|
57
50
|
this.$timestamp = performance.now();
|
|
58
51
|
}
|
|
59
|
-
this.stopInterval =
|
|
52
|
+
this.stopInterval = requestAnimationFrameInterval(function () {
|
|
60
53
|
return _this2.requestAnimationFrameLoop();
|
|
61
54
|
});
|
|
62
55
|
this.emit('play');
|
|
@@ -125,5 +118,5 @@ var AudioLike = exports.AudioLike = /*#__PURE__*/function (_Subscribe) {
|
|
|
125
118
|
}
|
|
126
119
|
}]);
|
|
127
120
|
return AudioLike;
|
|
128
|
-
}(
|
|
129
|
-
|
|
121
|
+
}(Subscribe);
|
|
122
|
+
export default AudioLike;
|
|
@@ -1,13 +1,7 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.Preloader = void 0;
|
|
7
1
|
/**
|
|
8
2
|
* 预载器
|
|
9
3
|
*/
|
|
10
|
-
var Preloader =
|
|
4
|
+
export var Preloader = {
|
|
11
5
|
blob: function blob(url) {
|
|
12
6
|
var noop = function noop() {
|
|
13
7
|
return null;
|
|
@@ -1,12 +1,5 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.addResizeListener = addResizeListener;
|
|
7
|
-
exports.hasResizeListener = hasResizeListener;
|
|
8
1
|
var resizeObserverCache = new Map();
|
|
9
|
-
function addResizeListener(element, resizeHandler) {
|
|
2
|
+
export function addResizeListener(element, resizeHandler) {
|
|
10
3
|
var immediate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
|
|
11
4
|
if (!element) return function () {};
|
|
12
5
|
if (immediate) resizeHandler(element.clientWidth, element.clientHeight);
|
|
@@ -19,7 +12,7 @@ function addResizeListener(element, resizeHandler) {
|
|
|
19
12
|
return function () {
|
|
20
13
|
if (element) resizeObserver.unobserve(element);
|
|
21
14
|
if (resizeObserverCache.get(element) === 1) {
|
|
22
|
-
resizeObserverCache
|
|
15
|
+
resizeObserverCache.delete(element);
|
|
23
16
|
}
|
|
24
17
|
};
|
|
25
18
|
} else {
|
|
@@ -35,12 +28,12 @@ function addResizeListener(element, resizeHandler) {
|
|
|
35
28
|
return function () {
|
|
36
29
|
element.removeChild(iframe);
|
|
37
30
|
if (resizeObserverCache.get(element) === 1) {
|
|
38
|
-
resizeObserverCache
|
|
31
|
+
resizeObserverCache.delete(element);
|
|
39
32
|
}
|
|
40
33
|
};
|
|
41
34
|
}
|
|
42
35
|
}
|
|
43
|
-
function hasResizeListener(element) {
|
|
36
|
+
export function hasResizeListener(element) {
|
|
44
37
|
if (!element) return false;
|
|
45
38
|
return resizeObserverCache.get(element) || 0 > 0;
|
|
46
39
|
}
|