@realsee/vreo 0.1.6-alpha.5 → 0.2.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 (61) hide show
  1. package/README.md +36 -13
  2. package/docs/assets/custom.css +2 -2
  3. package/docs/assets/search.js +1 -1
  4. package/docs/classes/Player.Controller.html +54 -0
  5. package/docs/classes/Player.Player-1.html +11 -11
  6. package/docs/classes/Player.VideoAgentMesh.html +142 -0
  7. package/docs/classes/Player.VideoAgentScene.html +1 -0
  8. package/docs/enums/Player.InfoPanelTypeEnum.html +1 -1
  9. package/docs/enums/Player.PanoEffectEnum.html +2 -2
  10. package/docs/enums/Player.PanoTagEnum.html +1 -1
  11. package/docs/enums/Player.VreoKeyframeEnum.html +14 -12
  12. package/docs/enums/fivePlugins.CameraMovementEffect.html +1 -1
  13. package/docs/enums/fivePlugins.Rotation.html +1 -1
  14. package/docs/index.html +25 -16
  15. package/docs/interfaces/Player.CustomVreoKeyframeProps.html +1 -0
  16. package/docs/interfaces/Player.PlayerConfigs.html +4 -2
  17. package/docs/interfaces/Player.Vertex.html +1 -1
  18. package/docs/interfaces/Player.VideoAgentMeshOptions.html +1 -0
  19. package/docs/interfaces/Player.VreoKeyframe.html +1 -1
  20. package/docs/interfaces/Player.VreoUnit.html +1 -1
  21. package/docs/interfaces/Player.VreoVideo.html +1 -1
  22. package/docs/interfaces/fivePlugins.CameraMovementOptsCallback.html +1 -1
  23. package/docs/interfaces/fivePlugins.CameraMovementPluginExportType.html +3 -3
  24. package/docs/interfaces/fivePlugins.CameraMovementPluginParameterType.html +1 -1
  25. package/docs/interfaces/fivePlugins.ModelTVVideoPluginData.html +1 -1
  26. package/docs/interfaces/fivePlugins.ModelTVVideoPluginExportType.html +1 -1
  27. package/docs/interfaces/fivePlugins.ModelTVVideoPluginParameterType.html +1 -1
  28. package/docs/interfaces/react.VreoActionCallbacks.html +7 -7
  29. package/docs/interfaces/react.VreoProviderProps.html +1 -0
  30. package/docs/modules/Player.html +13 -13
  31. package/docs/modules/custom.html +3 -0
  32. package/docs/modules/fivePlugins.html +2 -2
  33. package/docs/modules/react.html +1 -1
  34. package/docs/modules.html +1 -1
  35. package/lib/Player/App.js +6 -2
  36. package/lib/Player/custom/SpatialScenePanel/index.d.ts +22 -0
  37. package/lib/Player/custom/SpatialScenePanel/index.js +207 -0
  38. package/lib/Player/index.js +27 -8
  39. package/lib/Player/modules/Drawer/index.js +1 -1
  40. package/lib/Player/modules/keyframes/BgMusic/index.d.ts +2 -0
  41. package/lib/Player/modules/keyframes/BgMusic/index.js +76 -0
  42. package/lib/Player/modules/keyframes/InfoPanel/index.js +52 -8
  43. package/lib/Player/modules/keyframes/UpdateVRPanorama/index.js +55 -16
  44. package/lib/Player/typings.d.ts +13 -1
  45. package/lib/react/index.d.ts +5 -1
  46. package/lib/react/index.js +1 -1
  47. package/lib/typings/VreoUnit.d.ts +32 -4
  48. package/lib/typings/VreoUnit.js +1 -0
  49. package/package.json +4 -3
  50. package/resources/Player/App.tsx +4 -1
  51. package/resources/Player/custom/SpatialScenePanel/index.tsx +161 -0
  52. package/resources/Player/index.tsx +16 -1
  53. package/resources/Player/modules/Drawer/index.tsx +1 -1
  54. package/resources/Player/modules/keyframes/BgMusic/index.tsx +66 -0
  55. package/resources/Player/modules/keyframes/InfoPanel/index.tsx +59 -6
  56. package/resources/Player/modules/keyframes/UpdateVRPanorama/index.tsx +63 -15
  57. package/resources/Player/typings.ts +16 -1
  58. package/resources/react/index.tsx +7 -2
  59. package/resources/typings/VreoUnit.ts +40 -4
  60. package/stylesheets/custom/SpatialScenePanel.css +303 -0
  61. package/stylesheets/default.css +46 -2
package/stylesheets/default.css CHANGED
@@ -485,20 +485,64 @@
485
485
  display: block;
486
486
  }
487
487
 
488
+ .vreo-infoPanelWrapper {
489
+ flex: 1;
490
+ display: flex;
491
+ justify-content: center;
492
+ align-items: center;
493
+ }
494
+
488
495
  .vreo-infoPanel {
489
496
  width: 100%;
490
497
  height: 100%;
491
498
  display: flex;
492
- justify-content: center;
493
499
  align-items: center;
500
+ background-color: rgba(0, 0, 0, 0.75);
501
+ flex-direction: column;
502
+ }
503
+
504
+ .vreo-infoPanel::after {
505
+ content: '';
506
+ display: block;
507
+ width: 100%;
508
+ height: 20px;
509
+ }
510
+
511
+ .vreo-infoPanel-title {
512
+ height: 64px;
513
+ width: 100%;
514
+ color: white;
515
+ display: flex;
516
+ align-items: center;
517
+ }
518
+
519
+ .vreo-infoPanel-t1 {
520
+ font-size: 17px;
521
+ font-weight: 600;
522
+ padding-left: 26px;
523
+ }
524
+
525
+ .vreo-infoPanel-t2 {
526
+ font-size: 12px;
527
+ opacity: 0.6;
528
+ padding-right: 26px;
529
+ padding-left: 8px;
530
+ padding-top: 6px;
494
531
  }
495
532
 
496
533
  .vreo-infoPanelImg,
497
534
  .vreo-infoPanelVideo {
535
+ flex: 1;
536
+ background-size: contain;
498
537
  width: 100%;
499
- max-width: 375px;
538
+ background-repeat: no-repeat;
539
+ background-position: center center;
500
540
  }
501
541
 
542
+ .vreo-infoPanelVideo {
543
+ max-width: 412px;
544
+ }
545
+
502
546
  .vreo-panel--hidden .vreo-panel-inner {
503
547
  opacity: 0;
504
548
  transition: opacity 0.45s;