@realsee/vreo 2.4.7 → 2.5.0-alpha.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (132) hide show
  1. package/README.md +1 -1
  2. package/docs/assets/navigation.js +1 -1
  3. package/docs/assets/search.js +1 -1
  4. package/docs/classes/Player.AudioLike.html +2 -2
  5. package/docs/classes/Player.Controller.html +52 -4
  6. package/docs/classes/Player.Player.html +43 -2
  7. package/docs/classes/Player.VideoAgentMesh.html +61 -4
  8. package/docs/classes/Player.VideoAgentScene.html +2 -2
  9. package/docs/demo/assets/{examples-5qw3pq5z.js → examples-DfiAz2fR.js} +1 -1
  10. package/docs/demo/assets/react-BnzBLum3.css +1 -0
  11. package/docs/demo/examples.html +1 -1
  12. package/docs/demo/index-react.html +2 -2
  13. package/docs/demo/index.html +1 -1
  14. package/docs/enums/Player.InfoPanelStyleEnum.html +2 -2
  15. package/docs/enums/Player.InfoPanelTypeEnum.html +2 -2
  16. package/docs/enums/Player.PanoEffectEnum.html +2 -2
  17. package/docs/enums/Player.PanoTagEnum.html +2 -2
  18. package/docs/enums/Player.PanoTagStyleEnum.html +3 -3
  19. package/docs/enums/Player.VreoKeyframeEnum.html +13 -13
  20. package/docs/enums/fivePlugins.CameraMovementEffect.html +2 -2
  21. package/docs/enums/fivePlugins.Rotation.html +2 -2
  22. package/docs/functions/custom.SpatialScenePanel.html +1 -1
  23. package/docs/functions/react.useVreoAction.html +8 -1
  24. package/docs/functions/react.useVreoEventCallback.html +10 -1
  25. package/docs/functions/react.useVreoPausedState.html +8 -1
  26. package/docs/index.html +1 -1
  27. package/docs/interfaces/Player.Appearance.html +2 -0
  28. package/docs/interfaces/Player.CustomVreoKeyframeProps.html +2 -2
  29. package/docs/interfaces/Player.PlayerConfigs.html +6 -6
  30. package/docs/interfaces/Player.Vertex.html +2 -2
  31. package/docs/interfaces/Player.VideoAgentMeshOptions.html +5 -4
  32. package/docs/interfaces/Player.VreoKeyframe.html +2 -2
  33. package/docs/interfaces/Player.VreoUnit.html +2 -2
  34. package/docs/interfaces/Player.VreoVideo.html +2 -2
  35. package/docs/interfaces/fivePlugins.CSS3DRenderPluginExportType.html +7 -5
  36. package/docs/interfaces/fivePlugins.CameraMovementOptsCallback.html +2 -2
  37. package/docs/interfaces/fivePlugins.CameraMovementPluginExportType.html +3 -3
  38. package/docs/interfaces/fivePlugins.CameraMovementPluginParameterType.html +1 -1
  39. package/docs/interfaces/fivePlugins.ModelTVVideoPluginData.html +2 -2
  40. package/docs/interfaces/fivePlugins.ModelTVVideoPluginExportType.html +2 -2
  41. package/docs/interfaces/fivePlugins.ModelTVVideoPluginParameterType.html +2 -2
  42. package/docs/interfaces/fivePlugins.Vector3Position.html +2 -2
  43. package/docs/interfaces/react.VreoActionCallbacks.html +7 -7
  44. package/docs/interfaces/react.VreoProviderProps.html +5 -2
  45. package/docs/modules/Player.html +1 -1
  46. package/docs/modules/fivePlugins.html +1 -1
  47. package/docs/types/Player.AppSize.html +1 -0
  48. package/docs/types/Player.AudioLikeEvent.html +2 -2
  49. package/docs/types/Player.CameraMovementData.html +1 -1
  50. package/docs/types/Player.CustomData.html +1 -1
  51. package/docs/types/Player.InfoPanelData.html +2 -2
  52. package/docs/types/Player.ModelVideoData.html +5 -5
  53. package/docs/types/Player.PanoEffectData.html +2 -2
  54. package/docs/types/Player.PanoTagData.html +2 -2
  55. package/docs/types/Player.PanoTextLabelData.html +2 -2
  56. package/docs/types/Player.PrompterData.html +2 -2
  57. package/docs/types/Player.QuadrangleVertexs.html +1 -1
  58. package/docs/types/Player.Quaternion.html +2 -2
  59. package/docs/types/Player.UpdateVRPanoramaData.html +2 -2
  60. package/docs/types/Player.Vertexs.html +1 -1
  61. package/docs/types/Player.VideoEffectData.html +2 -2
  62. package/docs/types/Player.VreoKeyframeEvent.html +1 -1
  63. package/docs/types/Player.VreoKeyframeMap.html +2 -2
  64. package/docs/types/Player.VreoSubscribe.html +1 -1
  65. package/docs/types/Player.WaveAppearance.html +1 -0
  66. package/docs/types/fivePlugins.CSS3DRenderPluginParameterType.html +1 -0
  67. package/docs/types/fivePlugins.MoveArgs.html +1 -1
  68. package/docs/types/fivePlugins.MoveOpts.html +1 -1
  69. package/docs/types/fivePlugins.RotateArgs.html +1 -1
  70. package/docs/types/fivePlugins.RotateOpts.html +1 -1
  71. package/docs/variables/fivePlugins.CSS3DRenderPlugin.html +2 -2
  72. package/docs/variables/fivePlugins.CameraMovementPlugin.html +1 -1
  73. package/docs/variables/fivePlugins.ModelTVVideoPlugin.html +1 -1
  74. package/docs/variables/react.VreoProvider.html +9 -1
  75. package/lib/PlayController/createHTMLAudioElement.js +5 -12
  76. package/lib/PlayController/index.js +27 -34
  77. package/lib/Player/App.js +25 -34
  78. package/lib/Player/Controller.d.ts +106 -2
  79. package/lib/Player/Controller.js +190 -78
  80. package/lib/Player/custom/SpatialScenePanel/index.js +20 -31
  81. package/lib/Player/hooks.js +6 -15
  82. package/lib/Player/index.d.ts +103 -0
  83. package/lib/Player/index.js +153 -45
  84. package/lib/Player/modules/Drawer/index.js +8 -17
  85. package/lib/Player/modules/PopUp/index.js +8 -17
  86. package/lib/Player/modules/ResizeObserver/index.js +10 -17
  87. package/lib/Player/modules/VideoAgent/VideoAgentMesh.d.ts +108 -7
  88. package/lib/Player/modules/VideoAgent/VideoAgentMesh.js +157 -52
  89. package/lib/Player/modules/VideoAgent/VideoAgentScene.js +16 -25
  90. package/lib/Player/modules/VideoAgent/index.js +8 -17
  91. package/lib/Player/modules/Wave/index.js +24 -33
  92. package/lib/Player/modules/keyframes/BgMusic/index.js +13 -22
  93. package/lib/Player/modules/keyframes/CameraMovement/index.js +17 -26
  94. package/lib/Player/modules/keyframes/InfoPanel/index.js +13 -21
  95. package/lib/Player/modules/keyframes/ModelVideo/index.js +17 -26
  96. package/lib/Player/modules/keyframes/PanoEffect/index.js +21 -30
  97. package/lib/Player/modules/keyframes/PanoEffect/lineAnime.js +6 -14
  98. package/lib/Player/modules/keyframes/PanoTag/index.js +10 -18
  99. package/lib/Player/modules/keyframes/PanoTextLabel/index.js +19 -28
  100. package/lib/Player/modules/keyframes/Prompter/index.js +13 -22
  101. package/lib/Player/modules/keyframes/UpdateVRPanorama/index.js +16 -24
  102. package/lib/Player/modules/keyframes/VideoEffect/index.js +18 -28
  103. package/lib/Player/typings.js +1 -5
  104. package/lib/fivePlugins/CSS3DRenderPlugin/centerPoint.js +3 -9
  105. package/lib/fivePlugins/CSS3DRenderPlugin/createResizeObserver.js +1 -7
  106. package/lib/fivePlugins/CSS3DRenderPlugin/evenNumber.js +1 -7
  107. package/lib/fivePlugins/CSS3DRenderPlugin/index.d.ts +6 -12
  108. package/lib/fivePlugins/CSS3DRenderPlugin/index.js +27 -37
  109. package/lib/fivePlugins/CSS3DRenderPlugin/transformPositionToVector3.js +3 -9
  110. package/lib/fivePlugins/CameraMovementPlugin/index.js +15 -22
  111. package/lib/fivePlugins/CameraMovementPlugin/typings.js +6 -10
  112. package/lib/fivePlugins/ModelTVVideoPlugin/index.js +9 -18
  113. package/lib/index.js +1 -12
  114. package/lib/react/index.d.ts +111 -0
  115. package/lib/react/index.js +148 -24
  116. package/lib/shared-utils/Audio.js +27 -37
  117. package/lib/shared-utils/AudioLike.js +22 -29
  118. package/lib/shared-utils/Preloader.js +1 -7
  119. package/lib/shared-utils/addResizeListener.js +4 -11
  120. package/lib/shared-utils/animationFrame/BetterTween.js +23 -33
  121. package/lib/shared-utils/animationFrame/index.js +4 -13
  122. package/lib/shared-utils/animationFrame/tween.js +9 -17
  123. package/lib/shared-utils/createTransMatrix.js +5 -14
  124. package/lib/shared-utils/getFileExpandedName.js +1 -7
  125. package/lib/shared-utils/getMediaInfo.js +8 -19
  126. package/lib/shared-utils/setElementDataset.js +1 -7
  127. package/lib/typings/VreoUnit.js +15 -17
  128. package/package.json +58 -5
  129. package/stylesheets/custom/SpatialScenePanel.css +7 -7
  130. package/stylesheets/default.css +1 -1
  131. package/docs/demo/assets/react-dPVEotm3.css +0 -1
  132. /package/docs/demo/assets/{react-BLZb_LNZ.js → react-C4h9qndP.js} +0 -0
package/stylesheets/custom/SpatialScenePanel.css CHANGED
@@ -75,7 +75,7 @@
75
75
  top: 50%;
76
76
  left: 50%;
77
77
  transform: translate3d(-50%,-50%,0);
78
- background-image: url("//vrlab-static.ljcdn.com/release/web/VoiceAssistant/images/panel-min.7d9ba2b7.png");
78
+ background-image: url("//vr-static.realsee-cdn.cn/release/web/VoiceAssistant/images/panel-min.7d9ba2b7.png");
79
79
  background-size: 340rem 13.4375rem;
80
80
  background-repeat: no-repeat;
81
81
  z-index: -1;
@@ -93,7 +93,7 @@
93
93
  display: -ms-flexbox;
94
94
  display: flex;
95
95
  justify-content: space-between;
96
- background-image: url("//vrlab-static.ljcdn.com/release/web/VoiceAssistant/images/title-bg.377af865.png");
96
+ background-image: url("//vr-static.realsee-cdn.cn/release/web/VoiceAssistant/images/title-bg.377af865.png");
97
97
  background-size: 100%;
98
98
  margin: 1.875rem auto 1.25rem auto;
99
99
  background-image: linear-gradient(to left, rgba(234, 208, 154, 0), rgb(255 229 176 / 21%) 47%, rgba(234, 208, 154, 0));
@@ -208,7 +208,7 @@
208
208
  top: 50%;
209
209
  left: 50%;
210
210
  transform: translate3d(-50%,-50%,0);
211
- background-image: url("//vrlab-static.ljcdn.com/release/web/VoiceAssistant/images/dot.54b5e078.png");
211
+ background-image: url("//vr-static.realsee-cdn.cn/release/web/VoiceAssistant/images/dot.54b5e078.png");
212
212
  background-size: 33.333333333333336rem 2.083333333333333rem;
213
213
  background-repeat: no-repeat;
214
214
  animation: SpatialScenePanel-dot-sprites-animation 1s 1s steps(15) 1 normal
@@ -229,7 +229,7 @@
229
229
  top: 50%;
230
230
  left: 50%;
231
231
  transform: translate3d(-50%,-50%,0);
232
- background-image: url("//vrlab-static.ljcdn.com/release/web/VoiceAssistant/images/dot.54b5e078.png");
232
+ background-image: url("//vr-static.realsee-cdn.cn/release/web/VoiceAssistant/images/dot.54b5e078.png");
233
233
  background-size: 33.333333333333336rem 2.083333333333333rem;
234
234
  background-repeat: no-repeat;
235
235
  animation: SpatialScenePanel-dot-sprites-animation 1s 2s steps(15) 1 normal
@@ -250,7 +250,7 @@
250
250
  top: 50%;
251
251
  left: 50%;
252
252
  transform: translate3d(-50%,-50%,0);
253
- background-image: url("//vrlab-static.ljcdn.com/release/web/VoiceAssistant/images/dot.54b5e078.png");
253
+ background-image: url("//vr-static.realsee-cdn.cn/release/web/VoiceAssistant/images/dot.54b5e078.png");
254
254
  background-size: 33.333333333333336rem 2.083333333333333rem;
255
255
  background-repeat: no-repeat;
256
256
  animation: SpatialScenePanel-dot-sprites-animation 1s 3s steps(15) 1 normal
@@ -271,7 +271,7 @@
271
271
  top: 50%;
272
272
  left: 50%;
273
273
  transform: translate3d(-50%,-50%,0);
274
- background-image: url("//vrlab-static.ljcdn.com/release/web/VoiceAssistant/images/dot.54b5e078.png");
274
+ background-image: url("//vr-static.realsee-cdn.cn/release/web/VoiceAssistant/images/dot.54b5e078.png");
275
275
  background-size: 33.333333333333336rem 2.083333333333333rem;
276
276
  background-repeat: no-repeat;
277
277
  animation: SpatialScenePanel-dot-sprites-animation 1s 4s steps(15) 1 normal
@@ -302,7 +302,7 @@
302
302
  top: 50%;
303
303
  left: 50%;
304
304
  transform: translate3d(-50%,-50%,0);
305
- background-image: url("//vrlab-static.ljcdn.com/release/web/VoiceAssistant/images/line.4ac1c0bb.png");
305
+ background-image: url("//vr-static.realsee-cdn.cn/release/web/VoiceAssistant/images/line.4ac1c0bb.png");
306
306
  background-size: 10rem 11.666666666666666rem;
307
307
  background-repeat: no-repeat;
308
308
  animation: SpatialScenePanel-line-sprites-animation 500ms 100ms steps(23) 1 normal
package/stylesheets/default.css CHANGED
@@ -128,7 +128,7 @@
128
128
 
129
129
  /* .vreo-panel-inner::after {
130
130
  content: '';
131
- background-image: url('//vrlab-static.ljcdn.com/release/web/spritesheets/imgs/playing.d2312f22.png');
131
+ background-image: url('//vr-static.realsee-cdn.cn/release/web/spritesheets/imgs/playing.d2312f22.png');
132
132
  height: 30px;
133
133
  width: 100%;
134
134
  background-size: 18000px 30px;
package/docs/demo/assets/react-dPVEotm3.css DELETED
@@ -1 +0,0 @@
1
- @keyframes SpatialScenePanel-panel-sprites-animation{0%{background-position:0 0}to{background-position:-330rem 0}}@keyframes SpatialScenePanel-opacity-animation{0%{opacity:.3}to{opacity:1}}@keyframes SpatialScenePanel-dot-sprites-animation{0%{background-position:0 0}to{background-position:-31.25rem 0}}@keyframes SpatialScenePanel-line-sprites-animation{0%{background-position:0 0}to{background-position:-9.583333333333334rem 0}}.vreo-SpatialScenePanel{width:10rem;height:13.4375rem;position:fixed;top:0;left:0;pointer-events:none;-webkit-user-select:none;user-select:none}.SpatialScenePanel{width:10rem;height:13.4375rem;transform:scaleZ(1);transform-origin:center;position:fixed;left:3rem;top:3rem}.SpatialScenePanel-show-area{width:100%;height:100%;transform:scaleZ(1);transform-origin:center;position:absolute}.SpatialScenePanel-show-area .SpatialScenePanel-bg{width:10rem;height:13.4375rem;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background-image:url(//vrlab-static.ljcdn.com/release/web/VoiceAssistant/images/panel-min.7d9ba2b7.png);background-size:340rem 13.4375rem;background-repeat:no-repeat;z-index:-1}.SpatialScenePanel-bg--animation{animation:SpatialScenePanel-panel-sprites-animation 1.375s .5s steps(33) normal}.SpatialScenePanel-show-area .SpatialScenePanel-header{width:7.5rem;height:1.375rem;display:-ms-flexbox;display:flex;justify-content:space-between;background-image:url(//vrlab-static.ljcdn.com/release/web/VoiceAssistant/images/title-bg.377af865.png);background-size:100%;margin:1.875rem auto 1.25rem;background-image:linear-gradient(to left,#ead09a00,#ffe5b036 47%,#ead09a00);border-bottom:1px solid rgb(255 255 255 / 10%);border-radius:2px}.SpatialScenePanel-show-area .SpatialScenePanel-header .SpatialScenePanel-title{font-family:PingFangSC-Medium;font-size:1.0625rem;color:#ffe5b0;letter-spacing:0;line-height:1.125;text-shadow:0 0 1.25rem rgba(0,0,0,.15)}.SpatialScenePanel-show-area .SpatialScenePanel-header .SpatialScenePanel-temperature{font-family:PingFangSC-Semibold;font-size:.625rem;color:#ffe5b099;letter-spacing:0;line-height:1.25rem;text-shadow:0 0 .625rem rgba(255,255,255,.03);align-self:flex-end}.SpatialScenePanel-show-area .SpatialScenePanel-body{position:relative;padding:0 1.25rem}.SpatialScenePanel-show-area .SpatialScenePanel-body .SpatialScenePanel-item{position:relative;display:-ms-flexbox;display:flex;align-items:center;margin-bottom:1rem;width:100%}.SpatialScenePanel-show-area .SpatialScenePanel-body .SpatialScenePanel-text{opacity:.3;font-family:PingFangSC-Regular;font-size:.75rem;color:#fff;letter-spacing:0;line-height:.75rem}.SpatialScenePanel-show-area .SpatialScenePanel-body .SpatialScenePanel-icon{opacity:.3;width:1rem;height:1rem;margin-right:.375rem;flex-shrink:0}.SpatialScenePanel-show-area .SpatialScenePanel-body .SpatialScenePanel-dot{position:absolute;width:1.25rem;height:1.25rem;flex-shrink:0;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;right:-.625rem}.SpatialScenePanel-show-area .SpatialScenePanel-body .SpatialScenePanel-dot:before{display:block;position:absolute;width:.25rem;height:.25rem;background:#c3d5ff;opacity:.3;content:"";z-index:1;border-radius:100%}.SpatialScenePanel-show-area .SpatialScenePanel-body .SpatialScenePanel-dot:after{display:block;position:absolute;content:"";z-index:2}.SpatialScenePanel.show .SpatialScenePanel-disappear-area{display:none}.SpatialScenePanel.show .SpatialScenePanel-show-area{transform:scaleZ(1);transition:-webkit-transform 1s linear;transition:transform 1s linear;transition:transform 1s linear,-webkit-transform 1s linear}.SpatialScenePanel .SpatialScenePanel-body .SpatialScenePanel-item.index_0 .SpatialScenePanel-text,.SpatialScenePanel .SpatialScenePanel-body .SpatialScenePanel-item.index_0 .SpatialScenePanel-icon{animation:SpatialScenePanel-opacity-animation 1s 1s 1 normal forwards}.SpatialScenePanel .SpatialScenePanel-body .SpatialScenePanel-item.index_0 .SpatialScenePanel-dot:before{animation:SpatialScenePanel-opacity-animation 1s 1s 1 normal forwards}.SpatialScenePanel .SpatialScenePanel-body .SpatialScenePanel-item.index_0 .SpatialScenePanel-dot:after{width:2.083333333333333rem;height:2.083333333333333rem;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background-image:url(//vrlab-static.ljcdn.com/release/web/VoiceAssistant/images/dot.54b5e078.png);background-size:33.333333333333336rem 2.083333333333333rem;background-repeat:no-repeat;animation:SpatialScenePanel-dot-sprites-animation 1s 1s steps(15) 1 normal}.SpatialScenePanel .SpatialScenePanel-body .SpatialScenePanel-item.index_1 .SpatialScenePanel-text,.SpatialScenePanel .SpatialScenePanel-body .SpatialScenePanel-item.index_1 .SpatialScenePanel-icon{animation:SpatialScenePanel-opacity-animation 1s 2s 1 normal forwards}.SpatialScenePanel .SpatialScenePanel-body .SpatialScenePanel-item.index_1 .SpatialScenePanel-dot:before{animation:SpatialScenePanel-opacity-animation 1s 2s 1 normal forwards}.SpatialScenePanel .SpatialScenePanel-body .SpatialScenePanel-item.index_1 .SpatialScenePanel-dot:after{width:2.083333333333333rem;height:2.083333333333333rem;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background-image:url(//vrlab-static.ljcdn.com/release/web/VoiceAssistant/images/dot.54b5e078.png);background-size:33.333333333333336rem 2.083333333333333rem;background-repeat:no-repeat;animation:SpatialScenePanel-dot-sprites-animation 1s 2s steps(15) 1 normal}.SpatialScenePanel .SpatialScenePanel-body .SpatialScenePanel-item.index_2 .SpatialScenePanel-text,.SpatialScenePanel .SpatialScenePanel-body .SpatialScenePanel-item.index_2 .SpatialScenePanel-icon{animation:SpatialScenePanel-opacity-animation 1s 3s 1 normal forwards}.SpatialScenePanel .SpatialScenePanel-body .SpatialScenePanel-item.index_2 .SpatialScenePanel-dot:before{animation:SpatialScenePanel-opacity-animation 1s 3s 1 normal forwards}.SpatialScenePanel .SpatialScenePanel-body .SpatialScenePanel-item.index_2 .SpatialScenePanel-dot:after{width:2.083333333333333rem;height:2.083333333333333rem;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background-image:url(//vrlab-static.ljcdn.com/release/web/VoiceAssistant/images/dot.54b5e078.png);background-size:33.333333333333336rem 2.083333333333333rem;background-repeat:no-repeat;animation:SpatialScenePanel-dot-sprites-animation 1s 3s steps(15) 1 normal}.SpatialScenePanel .SpatialScenePanel-body .SpatialScenePanel-item.index_3 .SpatialScenePanel-text,.SpatialScenePanel .SpatialScenePanel-body .SpatialScenePanel-item.index_3 .SpatialScenePanel-icon{animation:SpatialScenePanel-opacity-animation 1s 4s 1 normal forwards}.SpatialScenePanel .SpatialScenePanel-body .SpatialScenePanel-item.index_3 .SpatialScenePanel-dot:before{animation:SpatialScenePanel-opacity-animation 1s 4s 1 normal forwards}.SpatialScenePanel .SpatialScenePanel-body .SpatialScenePanel-item.index_3 .SpatialScenePanel-dot:after{width:2.083333333333333rem;height:2.083333333333333rem;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background-image:url(//vrlab-static.ljcdn.com/release/web/VoiceAssistant/images/dot.54b5e078.png);background-size:33.333333333333336rem 2.083333333333333rem;background-repeat:no-repeat;animation:SpatialScenePanel-dot-sprites-animation 1s 4s steps(15) 1 normal}.SpatialScenePanel.hide .SpatialScenePanel-show-area{transform:scale3d(0,1,1);transition:transform .15s linear}.SpatialScenePanel.hide .SpatialScenePanel-disappear-area{display:-ms-flexbox;display:flex;width:1.25rem;height:13.4375rem;justify-content:center;align-items:center}.SpatialScenePanel.hide .SpatialScenePanel-disappear-area:after{content:"";width:100%;height:100%;width:.4166666666666667rem;height:11.666666666666666rem;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background-image:url(//vrlab-static.ljcdn.com/release/web/VoiceAssistant/images/line.4ac1c0bb.png);background-size:10rem 11.666666666666666rem;background-repeat:no-repeat;animation:SpatialScenePanel-line-sprites-animation .5s .1s steps(23) 1 normal}