@realsee/vreo 2.3.6 → 2.3.8
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 +7 -13
- package/lib/PlayController/index.js +27 -95
- package/lib/Player/App.js +2 -28
- package/lib/Player/Controller.js +48 -132
- package/lib/Player/custom/SpatialScenePanel/index.js +45 -76
- package/lib/Player/hooks.js +1 -11
- package/lib/Player/index.js +34 -101
- package/lib/Player/modules/Drawer/index.js +2 -19
- package/lib/Player/modules/PopUp/index.js +2 -12
- package/lib/Player/modules/ResizeObserver/index.js +1 -9
- package/lib/Player/modules/VideoAgent/VideoAgentMesh.js +29 -123
- package/lib/Player/modules/VideoAgent/VideoAgentScene.js +15 -37
- package/lib/Player/modules/VideoAgent/index.js +2 -19
- package/lib/Player/modules/Wave/index.js +14 -43
- package/lib/Player/modules/keyframes/BgMusic/index.js +10 -28
- package/lib/Player/modules/keyframes/CameraMovement/index.js +6 -30
- package/lib/Player/modules/keyframes/InfoPanel/index.js +9 -39
- package/lib/Player/modules/keyframes/ModelVideo/index.js +6 -32
- package/lib/Player/modules/keyframes/PanoEffect/index.js +19 -52
- package/lib/Player/modules/keyframes/PanoEffect/lineAnime.js +1 -8
- package/lib/Player/modules/keyframes/PanoTag/index.js +5 -23
- package/lib/Player/modules/keyframes/PanoTextLabel/index.js +27 -57
- package/lib/Player/modules/keyframes/Prompter/index.js +15 -42
- package/lib/Player/modules/keyframes/UpdateVRPanorama/index.js +19 -26
- package/lib/Player/modules/keyframes/VideoEffect/index.js +18 -59
- 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 +21 -62
- package/lib/fivePlugins/CSS3DRenderPlugin/transformPositionToVector3.js +2 -5
- package/lib/fivePlugins/CameraMovementPlugin/index.js +20 -74
- package/lib/fivePlugins/CameraMovementPlugin/typings.js +0 -4
- package/lib/fivePlugins/ModelTVVideoPlugin/index.js +15 -69
- package/lib/index.js +0 -1
- package/lib/react/index.js +10 -41
- package/lib/shared-utils/Audio.js +35 -96
- package/lib/shared-utils/AudioLike.js +20 -56
- package/lib/shared-utils/Preloader.js +0 -7
- package/lib/shared-utils/addResizeListener.js +0 -5
- package/lib/shared-utils/animationFrame/BetterTween.js +19 -58
- package/lib/shared-utils/animationFrame/index.js +2 -10
- package/lib/shared-utils/animationFrame/tween.js +2 -11
- package/lib/shared-utils/createTransMatrix.js +5 -26
- package/lib/shared-utils/getFileExpandedName.js +0 -1
- package/lib/shared-utils/getMediaInfo.js +1 -10
- package/lib/shared-utils/setElementDataset.js +0 -2
- package/lib/typings/VreoUnit.js +0 -15
- package/package.json +4 -3
|
@@ -1,34 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports.ModelTVVideoPlugin = void 0;
|
|
9
|
-
|
|
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"));
|
|
10
12
|
var THREE = _interopRequireWildcard(require("three"));
|
|
11
|
-
|
|
12
13
|
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
14
|
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
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
17
|
-
|
|
18
|
-
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
|
-
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
|
-
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
|
-
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
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
27
|
-
|
|
28
|
-
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
|
-
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
15
|
var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
|
|
33
16
|
var videoElement = _ref.videoElement;
|
|
34
17
|
var state = {
|
|
@@ -39,18 +22,15 @@ var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
|
|
|
39
22
|
enabled: false,
|
|
40
23
|
videoElement: videoElement
|
|
41
24
|
};
|
|
42
|
-
|
|
43
25
|
var setMuted = function setMuted(muted) {
|
|
44
26
|
if (state.videoTexture) {
|
|
45
27
|
state.videoTexture.image.muted = muted;
|
|
46
28
|
state.videoTexture.image.play();
|
|
47
29
|
}
|
|
48
30
|
};
|
|
49
|
-
|
|
50
31
|
var getMuted = function getMuted() {
|
|
51
32
|
if (state.videoTexture) return state.videoTexture.image.muted;else return true;
|
|
52
33
|
};
|
|
53
|
-
|
|
54
34
|
var enable = function enable() {
|
|
55
35
|
if (state.enabled) return;
|
|
56
36
|
if (!state.videoTexture) return;
|
|
@@ -59,13 +39,10 @@ var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
|
|
|
59
39
|
state.videoMeshes.forEach(function (mesh) {
|
|
60
40
|
return five.scene.add(mesh);
|
|
61
41
|
});
|
|
62
|
-
|
|
63
42
|
var play = function play() {
|
|
64
43
|
if (!state.videoTexture) return;
|
|
65
|
-
|
|
66
44
|
var timeupdate = function timeupdate() {
|
|
67
45
|
var _state$videoTexture;
|
|
68
|
-
|
|
69
46
|
if (!state.videoTexture) return;
|
|
70
47
|
(_state$videoTexture = state.videoTexture) === null || _state$videoTexture === void 0 ? void 0 : _state$videoTexture.image.removeEventListener('timeupdate', timeupdate);
|
|
71
48
|
state.videoTextureEnabled = true;
|
|
@@ -74,21 +51,17 @@ var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
|
|
|
74
51
|
});
|
|
75
52
|
five.needsRender = true;
|
|
76
53
|
};
|
|
77
|
-
|
|
78
54
|
state.videoTexture.image.addEventListener('timeupdate', timeupdate);
|
|
79
|
-
|
|
80
55
|
if (state.videoTexture && state.videoMeshes.length) {
|
|
81
56
|
state.videoTexture.image.play();
|
|
82
57
|
}
|
|
83
58
|
};
|
|
84
|
-
|
|
85
59
|
if (five.model.loaded) play();else {
|
|
86
60
|
return five.once('modelLoaded', function () {
|
|
87
61
|
return play();
|
|
88
62
|
});
|
|
89
63
|
}
|
|
90
64
|
};
|
|
91
|
-
|
|
92
65
|
var disable = function disable() {
|
|
93
66
|
if (!state.enabled) return;
|
|
94
67
|
state.enabled = false;
|
|
@@ -101,47 +74,36 @@ var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
|
|
|
101
74
|
state.videoMeshes = [];
|
|
102
75
|
five.needsRender = true;
|
|
103
76
|
};
|
|
104
|
-
|
|
105
77
|
var createPanoVideoMeshes = function createPanoVideoMeshes() {
|
|
106
78
|
return state.rectPoints.map(function (points, index) {
|
|
107
79
|
var geometry = new THREE.BufferGeometry();
|
|
108
80
|
var segments = 128;
|
|
109
81
|
var verticesArray = [];
|
|
110
82
|
verticesArray.push(points[0].x, points[0].y, points[0].z);
|
|
111
|
-
|
|
112
83
|
for (var i = 1; i < segments; i++) {
|
|
113
84
|
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
85
|
}
|
|
115
|
-
|
|
116
86
|
verticesArray.push(points[1].x, points[1].y, points[1].z);
|
|
117
87
|
verticesArray.push(points[2].x, points[2].y, points[2].z);
|
|
118
|
-
|
|
119
88
|
for (var _i = 1; _i < segments; _i++) {
|
|
120
89
|
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
90
|
}
|
|
122
|
-
|
|
123
91
|
verticesArray.push(points[3].x, points[3].y, points[3].z);
|
|
124
92
|
var uvArray = [];
|
|
125
93
|
uvArray.push(0, 1);
|
|
126
|
-
|
|
127
94
|
for (var _i2 = 1; _i2 < segments; _i2++) {
|
|
128
95
|
uvArray.push(0, 1 - _i2 / segments);
|
|
129
96
|
}
|
|
130
|
-
|
|
131
97
|
uvArray.push(0, 0);
|
|
132
98
|
uvArray.push(1, 0);
|
|
133
|
-
|
|
134
99
|
for (var _i3 = 1; _i3 < segments; _i3++) {
|
|
135
100
|
uvArray.push(1, _i3 / segments);
|
|
136
101
|
}
|
|
137
|
-
|
|
138
102
|
uvArray.push(1, 1);
|
|
139
103
|
var indicesArray = [];
|
|
140
|
-
|
|
141
104
|
for (var _i4 = 0; _i4 < segments; _i4++) {
|
|
142
105
|
indicesArray.push(_i4, _i4 + 1, segments * 2 - _i4, _i4, segments * 2 - _i4, segments * 2 + 1 - _i4);
|
|
143
106
|
}
|
|
144
|
-
|
|
145
107
|
geometry.setAttribute('position', new THREE.BufferAttribute(new Float32Array(verticesArray), 3));
|
|
146
108
|
geometry.setAttribute('uv', new THREE.BufferAttribute(new Float32Array(uvArray), 2));
|
|
147
109
|
geometry.setIndex(new THREE.BufferAttribute(new Uint32Array(indicesArray), 1));
|
|
@@ -155,7 +117,6 @@ var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
|
|
|
155
117
|
return mesh;
|
|
156
118
|
});
|
|
157
119
|
};
|
|
158
|
-
|
|
159
120
|
var getImageTexture = function getImageTexture(source) {
|
|
160
121
|
var texture = new THREE.TextureLoader().load(source);
|
|
161
122
|
texture.minFilter = THREE.LinearFilter;
|
|
@@ -163,11 +124,9 @@ var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
|
|
|
163
124
|
texture.format = THREE.RGBFormat;
|
|
164
125
|
return texture;
|
|
165
126
|
};
|
|
166
|
-
|
|
167
127
|
var getVideoTexture = function getVideoTexture(source, video) {
|
|
168
128
|
return new Promise(function (resolve, reject) {
|
|
169
129
|
var xhr = new XMLHttpRequest();
|
|
170
|
-
|
|
171
130
|
xhr.onreadystatechange = function () {
|
|
172
131
|
if (xhr.readyState == 4) {
|
|
173
132
|
if (xhr.status == 200) {
|
|
@@ -191,21 +150,18 @@ var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
|
|
|
191
150
|
}
|
|
192
151
|
}
|
|
193
152
|
};
|
|
194
|
-
|
|
195
153
|
xhr.onerror = function (error) {
|
|
196
154
|
return reject(error);
|
|
197
155
|
};
|
|
198
|
-
|
|
199
156
|
xhr.open('GET', source);
|
|
200
157
|
xhr.responseType = 'blob';
|
|
201
158
|
xhr.send();
|
|
202
159
|
});
|
|
203
160
|
};
|
|
204
|
-
|
|
205
161
|
var load = /*#__PURE__*/function () {
|
|
206
|
-
var _ref2 =
|
|
162
|
+
var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(data, videoElement) {
|
|
207
163
|
var video_src, video_poster_src, points;
|
|
208
|
-
return
|
|
164
|
+
return _regenerator["default"].wrap(function _callee$(_context) {
|
|
209
165
|
while (1) {
|
|
210
166
|
switch (_context.prev = _context.next) {
|
|
211
167
|
case 0:
|
|
@@ -214,25 +170,21 @@ var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
|
|
|
214
170
|
state.rectPoints = points.map(function (items) {
|
|
215
171
|
return items.map(function (_ref3) {
|
|
216
172
|
var x = _ref3.x,
|
|
217
|
-
|
|
218
|
-
|
|
173
|
+
y = _ref3.y,
|
|
174
|
+
z = _ref3.z;
|
|
219
175
|
return new THREE.Vector3(x, y, z);
|
|
220
176
|
});
|
|
221
177
|
});
|
|
222
178
|
state.imageTexture = getImageTexture(video_poster_src);
|
|
223
|
-
|
|
224
179
|
if (videoElement) {
|
|
225
180
|
state.videoElement = videoElement;
|
|
226
181
|
}
|
|
227
|
-
|
|
228
182
|
_context.next = 7;
|
|
229
183
|
return getVideoTexture(state.videoSource, state.videoElement);
|
|
230
|
-
|
|
231
184
|
case 7:
|
|
232
185
|
state.videoTexture = _context.sent;
|
|
233
186
|
state.enabled = !!data.enable;
|
|
234
187
|
if (state.enabled) enable();
|
|
235
|
-
|
|
236
188
|
case 10:
|
|
237
189
|
case "end":
|
|
238
190
|
return _context.stop();
|
|
@@ -240,22 +192,18 @@ var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
|
|
|
240
192
|
}
|
|
241
193
|
}, _callee);
|
|
242
194
|
}));
|
|
243
|
-
|
|
244
195
|
return function load(_x, _x2) {
|
|
245
196
|
return _ref2.apply(this, arguments);
|
|
246
197
|
};
|
|
247
198
|
}();
|
|
248
|
-
|
|
249
199
|
five.on('modeChange', function () {
|
|
250
200
|
return setMuted(true);
|
|
251
201
|
});
|
|
252
202
|
five.on('wantsTapGesture', function (raycaster) {
|
|
253
203
|
if (!state.enabled) return;
|
|
254
|
-
|
|
255
204
|
var _raycaster$intersectO = raycaster.intersectObjects(five.scene.children, true),
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
205
|
+
_raycaster$intersectO2 = (0, _slicedToArray2["default"])(_raycaster$intersectO, 1),
|
|
206
|
+
intersect = _raycaster$intersectO2[0];
|
|
259
207
|
if (!!intersect && /^video/.test(intersect.object.name)) {
|
|
260
208
|
if (state.videoTexture) setMuted(!state.videoTexture.image.muted);
|
|
261
209
|
return false;
|
|
@@ -274,11 +222,9 @@ var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
|
|
|
274
222
|
}).filter(function (vector) {
|
|
275
223
|
vector = vector.clone().sub(cameraPosition).normalize();
|
|
276
224
|
var raycaster = new THREE.Raycaster(cameraPosition, vector);
|
|
277
|
-
|
|
278
225
|
var _raycaster$intersectO3 = raycaster.intersectObjects(five.scene.children, true),
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
226
|
+
_raycaster$intersectO4 = (0, _slicedToArray2["default"])(_raycaster$intersectO3, 1),
|
|
227
|
+
intersect = _raycaster$intersectO4[0];
|
|
282
228
|
return !!intersect && /^video/.test(intersect.object.name);
|
|
283
229
|
}).length >= 2;
|
|
284
230
|
});
|
|
@@ -286,7 +232,8 @@ var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
|
|
|
286
232
|
});
|
|
287
233
|
five.on('renderFrame', function () {
|
|
288
234
|
state.videoMeshes.forEach(function (meshes) {
|
|
289
|
-
if (meshes)
|
|
235
|
+
if (meshes)
|
|
236
|
+
//@ts-ignore
|
|
290
237
|
meshes.needsRender = true;
|
|
291
238
|
});
|
|
292
239
|
});
|
|
@@ -301,5 +248,4 @@ var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
|
|
|
301
248
|
load: load
|
|
302
249
|
};
|
|
303
250
|
};
|
|
304
|
-
|
|
305
251
|
exports.ModelTVVideoPlugin = ModelTVVideoPlugin;
|
package/lib/index.js
CHANGED
package/lib/react/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
@@ -9,46 +9,25 @@ exports.VreoProvider = void 0;
|
|
|
9
9
|
exports.useVreoAction = useVreoAction;
|
|
10
10
|
exports.useVreoEventCallback = useVreoEventCallback;
|
|
11
11
|
exports.useVreoPausedState = useVreoPausedState;
|
|
12
|
-
|
|
12
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
13
|
var _react = require("@realsee/five/react");
|
|
14
|
-
|
|
15
14
|
var React = _interopRequireWildcard(require("react"));
|
|
16
|
-
|
|
17
15
|
var _Player = require("../Player");
|
|
18
|
-
|
|
19
16
|
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
17
|
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
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
24
|
-
|
|
25
|
-
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
|
-
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
|
-
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
|
-
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
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
34
|
-
|
|
35
18
|
var VreoContext = /*#__PURE__*/React.createContext(null);
|
|
36
|
-
|
|
37
19
|
var VreoProvider = function VreoProvider(props) {
|
|
38
20
|
var five = (0, _react.unsafe__useFiveInstance)();
|
|
39
|
-
|
|
40
21
|
var _React$useState = React.useState(null),
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
22
|
+
_React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
|
|
23
|
+
player = _React$useState2[0],
|
|
24
|
+
setPlayer = _React$useState2[1];
|
|
45
25
|
var playerRef = React.useRef(null);
|
|
46
26
|
React.useEffect(function () {
|
|
47
27
|
playerRef.current = new _Player.Player(five, props.configs || {});
|
|
48
28
|
setPlayer(playerRef.current);
|
|
49
29
|
return function () {
|
|
50
30
|
var _playerRef$current;
|
|
51
|
-
|
|
52
31
|
(_playerRef$current = playerRef.current) === null || _playerRef$current === void 0 ? void 0 : _playerRef$current.dispose();
|
|
53
32
|
};
|
|
54
33
|
}, []);
|
|
@@ -57,23 +36,19 @@ var VreoProvider = function VreoProvider(props) {
|
|
|
57
36
|
value: player
|
|
58
37
|
}, props.children);
|
|
59
38
|
};
|
|
60
|
-
|
|
61
39
|
exports.VreoProvider = VreoProvider;
|
|
62
|
-
|
|
63
40
|
function useVreoInstance() {
|
|
64
41
|
var context = React.useContext(VreoContext);
|
|
65
|
-
|
|
66
42
|
if (!context) {
|
|
67
43
|
throw new Error('VreoProvider never found.');
|
|
68
44
|
}
|
|
69
|
-
|
|
70
45
|
return context;
|
|
71
46
|
}
|
|
47
|
+
|
|
72
48
|
/**
|
|
73
49
|
* VreoPlayer 命令集合。
|
|
74
50
|
*/
|
|
75
51
|
|
|
76
|
-
|
|
77
52
|
function useVreoAction() {
|
|
78
53
|
var player = useVreoInstance();
|
|
79
54
|
var load = React.useCallback(function (vreoUnit, currentTime) {
|
|
@@ -103,15 +78,12 @@ function useVreoAction() {
|
|
|
103
78
|
dispose: dispose
|
|
104
79
|
};
|
|
105
80
|
}
|
|
106
|
-
|
|
107
81
|
function useVreoEventCallback(name, callback, deps) {
|
|
108
82
|
var player = useVreoInstance();
|
|
109
83
|
var dependencyList = [player, name];
|
|
110
|
-
|
|
111
84
|
if (deps !== undefined) {
|
|
112
85
|
dependencyList = dependencyList.concat(deps);
|
|
113
86
|
}
|
|
114
|
-
|
|
115
87
|
React.useEffect(function () {
|
|
116
88
|
// @ts-ignore
|
|
117
89
|
player.on(name, callback);
|
|
@@ -121,15 +93,12 @@ function useVreoEventCallback(name, callback, deps) {
|
|
|
121
93
|
};
|
|
122
94
|
}, dependencyList);
|
|
123
95
|
}
|
|
124
|
-
|
|
125
96
|
function useVreoPausedState() {
|
|
126
97
|
var player = useVreoInstance();
|
|
127
|
-
|
|
128
98
|
var _React$useState3 = React.useState(player.paused),
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
99
|
+
_React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
|
|
100
|
+
state = _React$useState4[0],
|
|
101
|
+
setState = _React$useState4[1];
|
|
133
102
|
useVreoEventCallback('paused', function () {
|
|
134
103
|
return setState(true);
|
|
135
104
|
});
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -9,83 +8,51 @@ exports.audioList = void 0;
|
|
|
9
8
|
exports.generateBlankAudio = generateBlankAudio;
|
|
10
9
|
exports.getAudio = getAudio;
|
|
11
10
|
exports.waitForBlankAudioGenerated = waitForBlankAudioGenerated;
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
26
|
-
|
|
27
|
-
function set(target, property, value, receiver) { if (typeof Reflect !== "undefined" && Reflect.set) { set = Reflect.set; } else { set = function set(target, property, value, receiver) { var base = _superPropBase(target, property); var desc; if (base) { desc = Object.getOwnPropertyDescriptor(base, property); if (desc.set) { desc.set.call(receiver, value); return true; } else if (!desc.writable) { return false; } } desc = Object.getOwnPropertyDescriptor(receiver, property); if (desc) { if (!desc.writable) { return false; } desc.value = value; Object.defineProperty(receiver, property, desc); } else { _defineProperty(receiver, property, value); } return true; }; } return set(target, property, value, receiver); }
|
|
28
|
-
|
|
29
|
-
function _set(target, property, value, receiver, isStrict) { var s = set(target, property, value, receiver || target); if (!s && isStrict) { throw new Error('failed to set property'); } return value; }
|
|
30
|
-
|
|
31
|
-
function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
|
|
32
|
-
|
|
33
|
-
function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
|
|
34
|
-
|
|
35
|
-
function _wrapNativeSuper(Class) { var _cache = typeof Map === "function" ? new Map() : undefined; _wrapNativeSuper = function _wrapNativeSuper(Class) { if (Class === null || !_isNativeFunction(Class)) return Class; if (typeof Class !== "function") { throw new TypeError("Super expression must either be null or a function"); } if (typeof _cache !== "undefined") { if (_cache.has(Class)) return _cache.get(Class); _cache.set(Class, Wrapper); } function Wrapper() { return _construct(Class, arguments, _getPrototypeOf(this).constructor); } Wrapper.prototype = Object.create(Class.prototype, { constructor: { value: Wrapper, enumerable: false, writable: true, configurable: true } }); return _setPrototypeOf(Wrapper, Class); }; return _wrapNativeSuper(Class); }
|
|
36
|
-
|
|
37
|
-
function _construct(Parent, args, Class) { if (_isNativeReflectConstruct()) { _construct = Reflect.construct; } else { _construct = function _construct(Parent, args, Class) { var a = [null]; a.push.apply(a, args); var Constructor = Function.bind.apply(Parent, a); var instance = new Constructor(); if (Class) _setPrototypeOf(instance, Class.prototype); return instance; }; } return _construct.apply(null, arguments); }
|
|
38
|
-
|
|
11
|
+
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
12
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
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 _set2 = _interopRequireDefault(require("@babel/runtime/helpers/set"));
|
|
18
|
+
var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
|
|
19
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
20
|
+
var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
|
|
21
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
22
|
+
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
23
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
39
24
|
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; } }
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
44
|
-
|
|
45
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
46
|
-
|
|
47
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
48
|
-
|
|
49
|
-
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); } }
|
|
50
|
-
|
|
51
|
-
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); }); }; }
|
|
52
|
-
|
|
53
|
-
var blankAudioSrc = 'data:audio/mpeg;base64,//uQxAAAAAAAAAAAAAAAAAAAAAAASW5mbwAAAA8AAAADAAAGhgBVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVWqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqr///////////////////////////////////////////8AAAA5TEFNRTMuOThyAc0AAAAAAAAAABSAJAiqQgAAgAAABobxtI73AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//uQxAACFEII9ACZ/sJZwWEoEb8w/////N//////JcxjHjf+7/v/H2PzCCFAiDtGeyBCIx7bJJ1mmEEMy6g8mm2c8nrGABB4h2Mkmn//4z/73u773R5qHHu/j/w7Kxkzh5lWRWdsifCkNAnY9Zc1HvDAhjhSHdFkHFzLmabt/AQxSg2wwzLhHIJOBnAWwVY4zrhIYhhc2kvhYDfQ4hDi2Gmh5KyFn8EcGIrHAngNgIwVIEMf5bzbAiTRoAD///8z/KVhkkWEle6IX+d/z4fvH3BShK1e5kmjkCMoxVmXhd4ROlTKo3iipasvTilY21q19ta30/v/0/idPX1v8PNxJL6ramnOVsdvMv2akO0iSYIzdJFirtzWXCZicS9vHqvSKyqm5XJBdqBwPxyfJdykhWTZ0G0ZyTZGpLKxsNwwoRhsx3tZfhwmeOBVISm3impAC/IT/8hP/EKEM1KMdVdVKM2rHV4x7HVXZvbVVKN/qq8CiV9VL9jjH/6l6qf7MBCjZmOqsAibjcP+qqqv0oxqpa/NVW286hPo1nz2L/h8+jXt//uSxCmDU2IK/ECN98KKtE5IYzNoCfbw+u9i5r8PoadUMFPKqWL4LK3T/LCraMSHGkW4bpLXR/E6LlHOVQxmslKVJ8IULktMN06N0FKCpHCoYsjC4F+Z0NVqdNFoGSTjSiyjzLdnZ2fNqTi2eHKONONKLMPMKLONKLMPQRJGlFxZRoKcJFAYEeIFiRQkUWUeYfef//Ko04soswso40UJAgMw8wosososy0EalnZyjQUGBRQGIFggOWUacWUeYmuadrZziQKKEgQsQLAhQkUJAgMQDghltLO1onp0cpkNInSFMqlYeSEJ5AHsqFdOwy1DA2sRmRJKxdKRfLhfLw5BzUxBTUUzLjk4LjJVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVUxBTUUzLjk4LjJVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVf/7ksRRA8AAAaQAAAAgAAA0gAAABFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVU='; // 下面这段空音频居然在11pro和xr上播不出来
|
|
25
|
+
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=';
|
|
26
|
+
// 下面这段空音频居然在11pro和xr上播不出来
|
|
54
27
|
// const blankAudioSrc = 'data:audio/mpeg;base64,//AAAAHGZ0eXBNNEEgAAAAAE00QSBpc29tbXA0MgAAAAFtZGF0AAAAAAAAABwA0AAHANAABwDQAAcAAAM+bW9vdgAAAGxtdmhkAAAAAN+jti7fo7YuAACsRAAADAAAAQAAAQAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAdB0cmFrAAAAXHRraGQAAAAB36O2Lt+jti4AAAABAAAAAAAADAAAAAAAAAAAAAAAAAABAAAAAAEAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAFsbWRpYQAAACBtZGhkAAAAAN+jti7fo7YuAACsRAAADABVxAAAAAAAMWhkbHIAAAAAAAAAAHNvdW4AAAAAAAAAAAAAAABDb3JlIE1lZGlhIEF1ZGlvAAAAARNtaW5mAAAAEHNtaGQAAAAAAAAAAAAAACRkaW5mAAAAHGRyZWYAAAAAAAAAAQAAAAx1cmwgAAAAAQAAANdzdGJsAAAAZ3N0c2QAAAAAAAAAAQAAAFdtcDRhAAAAAAAAAAEAAAAAAAAAAAACABAAAAAArEQAAAAAADNlc2RzAAAAAAOAgIAiAAAABICAgBRAFAAYAAAA+gAAAPoABYCAgAISCAaAgIABAgAAABhzdHRzAAAAAAAAAAEAAAADAAAEAAAAABxzdHNjAAAAAAAAAAEAAAABAAAAAwAAAAEAAAAgc3RzegAAAAAAAAAAAAAAAwAAAAQAAAAEAAAABAAAABRzdGNvAAAAAAAAAAEAAAAsAAAA+nVkdGEAAADybWV0YQAAAAAAAAAiaGRscgAAAAAAAAAAbWRpcgAAAAAAAAAAAAAAAAAAAAAAxGlsc3QAAAC8LS0tLQAAABxtZWFuAAAAAGNvbS5hcHBsZS5pVHVuZXMAAAAUbmFtZQAAAABpVHVuU01QQgAAAIRkYXRhAAAAAQAAAAAgMDAwMDAwMDAgMDAwMDA4NDAgMDAwMDAzQzAgMDAwMDAwMDAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMA=='
|
|
55
28
|
|
|
56
29
|
var audioList = [];
|
|
57
30
|
exports.audioList = audioList;
|
|
58
|
-
|
|
59
31
|
function getAudio(src) {
|
|
60
32
|
var audio = audioList.find(function (audio) {
|
|
61
33
|
return !audio.realSrc || audio.realSrc === blankAudioSrc;
|
|
62
34
|
});
|
|
63
|
-
|
|
64
35
|
if (!audio) {
|
|
65
36
|
// console.warn('未找到缓存音频,已新建', audioList)
|
|
66
37
|
audio = new IAudio(blankAudioSrc);
|
|
67
38
|
audioList.push(audio);
|
|
68
39
|
}
|
|
69
|
-
|
|
70
40
|
if (src) {
|
|
71
41
|
audio.src = src;
|
|
72
42
|
}
|
|
73
|
-
|
|
74
43
|
return audio;
|
|
75
44
|
}
|
|
76
|
-
|
|
77
45
|
function waitForBlankAudioGenerated() {
|
|
78
46
|
return _waitForBlankAudioGenerated.apply(this, arguments);
|
|
79
47
|
}
|
|
80
|
-
|
|
81
48
|
function _waitForBlankAudioGenerated() {
|
|
82
|
-
_waitForBlankAudioGenerated =
|
|
49
|
+
_waitForBlankAudioGenerated = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
|
|
83
50
|
var checkInterval,
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
return
|
|
51
|
+
timeout,
|
|
52
|
+
startTime,
|
|
53
|
+
isTimedOut,
|
|
54
|
+
_args = arguments;
|
|
55
|
+
return _regenerator["default"].wrap(function _callee$(_context) {
|
|
89
56
|
while (1) {
|
|
90
57
|
switch (_context.prev = _context.next) {
|
|
91
58
|
case 0:
|
|
@@ -93,11 +60,10 @@ function _waitForBlankAudioGenerated() {
|
|
|
93
60
|
timeout = _args.length > 1 && _args[1] !== undefined ? _args[1] : 2000;
|
|
94
61
|
console.log('waitForBlankAudioGenerated, needGenerate: ', audioList.some(function (audio) {
|
|
95
62
|
return !audio.ended && audio.src === blankAudioSrc;
|
|
96
|
-
}));
|
|
97
|
-
|
|
63
|
+
}));
|
|
64
|
+
// while any audioList not ended
|
|
98
65
|
startTime = Date.now();
|
|
99
66
|
isTimedOut = false;
|
|
100
|
-
|
|
101
67
|
case 5:
|
|
102
68
|
if (!(audioList.some(function (audio) {
|
|
103
69
|
return !audio.ended && audio.src === blankAudioSrc;
|
|
@@ -105,25 +71,20 @@ function _waitForBlankAudioGenerated() {
|
|
|
105
71
|
_context.next = 13;
|
|
106
72
|
break;
|
|
107
73
|
}
|
|
108
|
-
|
|
109
74
|
if (!(Date.now() - startTime > timeout)) {
|
|
110
75
|
_context.next = 9;
|
|
111
76
|
break;
|
|
112
77
|
}
|
|
113
|
-
|
|
114
78
|
isTimedOut = true;
|
|
115
79
|
return _context.abrupt("return", Promise.resolve());
|
|
116
|
-
|
|
117
80
|
case 9:
|
|
118
81
|
_context.next = 11;
|
|
119
82
|
return new Promise(function (resolve) {
|
|
120
83
|
return setTimeout(resolve, checkInterval);
|
|
121
84
|
});
|
|
122
|
-
|
|
123
85
|
case 11:
|
|
124
86
|
_context.next = 5;
|
|
125
87
|
break;
|
|
126
|
-
|
|
127
88
|
case 13:
|
|
128
89
|
case "end":
|
|
129
90
|
return _context.stop();
|
|
@@ -133,80 +94,58 @@ function _waitForBlankAudioGenerated() {
|
|
|
133
94
|
}));
|
|
134
95
|
return _waitForBlankAudioGenerated.apply(this, arguments);
|
|
135
96
|
}
|
|
136
|
-
|
|
137
97
|
function generateBlankAudio(length) {
|
|
138
98
|
// 判断一下已经生成几个了,防止重复生成
|
|
139
99
|
var generateLength = length - audioList.length;
|
|
140
100
|
if (generateLength <= 0) return;
|
|
141
|
-
|
|
142
101
|
for (var i = 0; i < generateLength; i++) {
|
|
143
102
|
audioList.push(new IAudio(blankAudioSrc));
|
|
144
103
|
}
|
|
145
104
|
}
|
|
146
|
-
|
|
147
105
|
function initAudio(audio) {
|
|
148
106
|
if (audio.inited) return;
|
|
149
|
-
|
|
150
107
|
if (audio.src) {
|
|
151
108
|
audio.inited = true;
|
|
152
109
|
audio.removeDocumentEventListener();
|
|
153
110
|
}
|
|
154
|
-
|
|
155
111
|
if (audio.src === blankAudioSrc) {
|
|
156
112
|
audio.play();
|
|
157
113
|
}
|
|
158
114
|
}
|
|
159
|
-
|
|
160
115
|
var IAudio = /*#__PURE__*/function (_Audio) {
|
|
161
|
-
|
|
162
|
-
|
|
116
|
+
(0, _inherits2["default"])(IAudio, _Audio);
|
|
163
117
|
var _super = _createSuper(IAudio);
|
|
164
|
-
|
|
165
118
|
function IAudio(src) {
|
|
166
119
|
var _thisSuper, _this;
|
|
167
|
-
|
|
168
|
-
_classCallCheck(this, IAudio);
|
|
169
|
-
|
|
120
|
+
(0, _classCallCheck2["default"])(this, IAudio);
|
|
170
121
|
_this = _super.call(this, src);
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
_defineProperty(_assertThisInitialized(_this), "realSrc", '');
|
|
175
|
-
|
|
176
|
-
_defineProperty(_assertThisInitialized(_this), "inited", false);
|
|
177
|
-
|
|
122
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "preload", 'auto');
|
|
123
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "realSrc", '');
|
|
124
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "inited", false);
|
|
178
125
|
_this.realSrc = src !== null && src !== void 0 ? src : '';
|
|
179
|
-
|
|
180
|
-
_get((_thisSuper = _assertThisInitialized(_this), _getPrototypeOf(IAudio.prototype)), "addEventListener", _thisSuper).call(_thisSuper, 'ended', function () {
|
|
126
|
+
(0, _get2["default"])((_thisSuper = (0, _assertThisInitialized2["default"])(_this), (0, _getPrototypeOf2["default"])(IAudio.prototype)), "addEventListener", _thisSuper).call(_thisSuper, 'ended', function () {
|
|
181
127
|
_this.src = '';
|
|
182
128
|
});
|
|
183
|
-
|
|
184
129
|
var init = function init() {
|
|
185
|
-
return initAudio(
|
|
130
|
+
return initAudio((0, _assertThisInitialized2["default"])(_this));
|
|
186
131
|
};
|
|
187
|
-
|
|
188
132
|
document.addEventListener('click', init);
|
|
189
133
|
document.addEventListener('touchend', init);
|
|
190
|
-
|
|
191
134
|
_this.removeDocumentEventListener = function () {
|
|
192
135
|
document.removeEventListener('click', init);
|
|
193
136
|
document.removeEventListener('touchend', init);
|
|
194
137
|
};
|
|
195
|
-
|
|
196
138
|
return _this;
|
|
197
139
|
}
|
|
198
|
-
|
|
199
|
-
_createClass(IAudio, [{
|
|
140
|
+
(0, _createClass2["default"])(IAudio, [{
|
|
200
141
|
key: "src",
|
|
201
142
|
get: function get() {
|
|
202
|
-
return
|
|
143
|
+
return (0, _get2["default"])((0, _getPrototypeOf2["default"])(IAudio.prototype), "src", this);
|
|
203
144
|
},
|
|
204
145
|
set: function set(paramsSrc) {
|
|
205
|
-
|
|
206
|
-
|
|
146
|
+
(0, _set2["default"])((0, _getPrototypeOf2["default"])(IAudio.prototype), "src", paramsSrc, this, true);
|
|
207
147
|
this.realSrc = paramsSrc;
|
|
208
148
|
}
|
|
209
149
|
}]);
|
|
210
|
-
|
|
211
150
|
return IAudio;
|
|
212
|
-
}( /*#__PURE__*/
|
|
151
|
+
}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(Audio));
|