@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.
Files changed (79) hide show
  1. package/lib/PlayController/createHTMLAudioElement.js +12 -22
  2. package/lib/PlayController/index.js +70 -137
  3. package/lib/Player/App.d.ts +2 -2
  4. package/lib/Player/App.js +1 -28
  5. package/lib/Player/Controller.d.ts +3 -3
  6. package/lib/Player/Controller.js +46 -110
  7. package/lib/Player/custom/SpatialScenePanel/index.d.ts +2 -2
  8. package/lib/Player/custom/SpatialScenePanel/index.js +75 -72
  9. package/lib/Player/hooks.d.ts +3 -3
  10. package/lib/Player/hooks.js +0 -10
  11. package/lib/Player/index.js +109 -175
  12. package/lib/Player/modules/Drawer/index.d.ts +2 -2
  13. package/lib/Player/modules/Drawer/index.js +2 -21
  14. package/lib/Player/modules/PopUp/index.d.ts +2 -2
  15. package/lib/Player/modules/PopUp/index.js +1 -12
  16. package/lib/Player/modules/ResizeObserver/index.d.ts +2 -2
  17. package/lib/Player/modules/ResizeObserver/index.js +0 -8
  18. package/lib/Player/modules/VideoAgent/VideoAgentMesh.d.ts +1 -1
  19. package/lib/Player/modules/VideoAgent/VideoAgentMesh.js +148 -247
  20. package/lib/Player/modules/VideoAgent/VideoAgentScene.js +7 -23
  21. package/lib/Player/modules/VideoAgent/index.d.ts +2 -2
  22. package/lib/Player/modules/VideoAgent/index.js +2 -20
  23. package/lib/Player/modules/Wave/index.d.ts +2 -2
  24. package/lib/Player/modules/Wave/index.js +12 -34
  25. package/lib/Player/modules/keyframes/BgMusic/index.d.ts +2 -2
  26. package/lib/Player/modules/keyframes/BgMusic/index.js +41 -64
  27. package/lib/Player/modules/keyframes/CameraMovement/index.d.ts +2 -2
  28. package/lib/Player/modules/keyframes/CameraMovement/index.js +42 -71
  29. package/lib/Player/modules/keyframes/InfoPanel/index.d.ts +2 -2
  30. package/lib/Player/modules/keyframes/InfoPanel/index.js +16 -47
  31. package/lib/Player/modules/keyframes/ModelVideo/index.d.ts +2 -2
  32. package/lib/Player/modules/keyframes/ModelVideo/index.js +52 -83
  33. package/lib/Player/modules/keyframes/PanoEffect/index.d.ts +2 -2
  34. package/lib/Player/modules/keyframes/PanoEffect/index.js +16 -40
  35. package/lib/Player/modules/keyframes/PanoEffect/lineAnime.js +1 -9
  36. package/lib/Player/modules/keyframes/PanoTag/index.d.ts +1 -1
  37. package/lib/Player/modules/keyframes/PanoTag/index.js +6 -25
  38. package/lib/Player/modules/keyframes/PanoTextLabel/index.d.ts +2 -2
  39. package/lib/Player/modules/keyframes/PanoTextLabel/index.js +31 -50
  40. package/lib/Player/modules/keyframes/Prompter/index.d.ts +2 -2
  41. package/lib/Player/modules/keyframes/Prompter/index.js +11 -29
  42. package/lib/Player/modules/keyframes/UpdateVRPanorama/index.d.ts +2 -2
  43. package/lib/Player/modules/keyframes/UpdateVRPanorama/index.js +25 -29
  44. package/lib/Player/modules/keyframes/VideoEffect/index.d.ts +2 -2
  45. package/lib/Player/modules/keyframes/VideoEffect/index.js +52 -87
  46. package/lib/Player/typings.d.ts +7 -4
  47. package/lib/fivePlugins/CSS3DRenderPlugin/centerPoint.js +0 -2
  48. package/lib/fivePlugins/CSS3DRenderPlugin/createResizeObserver.js +0 -1
  49. package/lib/fivePlugins/CSS3DRenderPlugin/evenNumber.js +0 -1
  50. package/lib/fivePlugins/CSS3DRenderPlugin/index.d.ts +1 -1
  51. package/lib/fivePlugins/CSS3DRenderPlugin/index.js +42 -81
  52. package/lib/fivePlugins/CSS3DRenderPlugin/transformPositionToVector3.js +3 -7
  53. package/lib/fivePlugins/CameraMovementPlugin/index.js +181 -241
  54. package/lib/fivePlugins/CameraMovementPlugin/typings.d.ts +4 -4
  55. package/lib/fivePlugins/CameraMovementPlugin/typings.js +6 -12
  56. package/lib/fivePlugins/ModelTVVideoPlugin/index.js +37 -87
  57. package/lib/index.js +0 -1
  58. package/lib/react/index.d.ts +2 -1
  59. package/lib/react/index.js +10 -35
  60. package/lib/shared-utils/Audio.js +57 -106
  61. package/lib/shared-utils/AudioLike.d.ts +1 -1
  62. package/lib/shared-utils/AudioLike.js +19 -46
  63. package/lib/shared-utils/Preloader.js +2 -10
  64. package/lib/shared-utils/addResizeListener.d.ts +1 -1
  65. package/lib/shared-utils/addResizeListener.js +0 -5
  66. package/lib/shared-utils/animationFrame/BetterTween.d.ts +1 -1
  67. package/lib/shared-utils/animationFrame/BetterTween.js +14 -45
  68. package/lib/shared-utils/animationFrame/index.d.ts +1 -2
  69. package/lib/shared-utils/animationFrame/index.js +3 -12
  70. package/lib/shared-utils/animationFrame/tween.d.ts +2 -2
  71. package/lib/shared-utils/animationFrame/tween.js +3 -14
  72. package/lib/shared-utils/createTransMatrix.js +1 -10
  73. package/lib/shared-utils/getFileExpandedName.js +0 -1
  74. package/lib/shared-utils/getMediaInfo.d.ts +3 -3
  75. package/lib/shared-utils/getMediaInfo.js +0 -10
  76. package/lib/shared-utils/setElementDataset.js +0 -2
  77. package/lib/typings/VreoUnit.d.ts +16 -16
  78. package/lib/typings/VreoUnit.js +115 -47
  79. 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
- Promise.resolve( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
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
- switch (_context.prev = _context.next) {
34
- case 0:
35
- _context.next = 2;
36
- return audio.play();
37
-
38
- case 2:
39
- return _context.abrupt("return", _context.sent);
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 _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); }; }
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 = _super.call(this);
51
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "config", {});
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; // 没有被解析过且开始时间低于当前时间戳 100ms
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; // 没有被解析过且开始时间低于当前时间戳 100ms
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"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(vreoUnit) {
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
- switch (_context.prev = _context.next) {
155
- case 0:
156
- this.vreoUnit = vreoUnit;
157
- _context.next = 3;
158
- return this.pause();
159
-
160
- case 3:
161
- _context.next = 5;
162
- return new Promise(function (resolve, reject) {
163
- if (vreoUnit.video.url === _this3.audioInstance.src) {
164
- return resolve(true);
165
- }
166
-
167
- _this3.audioInstance.src = vreoUnit.video.url;
168
-
169
- var canplaythrough = function canplaythrough() {
170
- resolve(true);
171
-
172
- _this3.audioInstance.removeEventListener('canplaythrough', canplaythrough);
173
- };
174
-
175
- var error = function error(err) {
176
- reject(err);
177
-
178
- _this3.audioInstance.removeEventListener('error', error);
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"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
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
- switch (_context2.prev = _context2.next) {
214
- case 0:
215
- closures.playPromise = this.audioInstance.play();
216
-
217
- case 1:
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"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
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
- switch (_context3.prev = _context3.next) {
242
- case 0:
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
- return closures.playPromise;
250
-
251
- case 3:
252
- this.audioInstance.pause();
253
-
254
- case 4:
255
- case "end":
256
- return _context3.stop();
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
- return PlayController;
289
- }(_five.Subscribe);
290
-
291
- exports.PlayController = PlayController;
224
+ }(_five.Subscribe);
@@ -1,2 +1,2 @@
1
- /// <reference types="react" />
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(): "none" | "video" | "avatar";
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/AudioLike").AudioLike;
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 };