@realsee/vreo 2.6.2 → 2.6.4-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 (134) hide show
  1. package/lib/PlayController/createHTMLAudioElement.js +10 -14
  2. package/lib/PlayController/index.js +63 -73
  3. package/lib/Player/App.js +2 -2
  4. package/lib/Player/AudioFocus.d.ts +36 -0
  5. package/lib/Player/AudioFocus.js +139 -0
  6. package/lib/Player/Controller.d.ts +16 -0
  7. package/lib/Player/Controller.js +119 -61
  8. package/lib/Player/custom/SpatialScenePanel/index.js +34 -11
  9. package/lib/Player/index.d.ts +8 -2
  10. package/lib/Player/index.js +182 -123
  11. package/lib/Player/modules/Drawer/index.js +1 -2
  12. package/lib/Player/modules/VideoAgent/VideoAgentMesh.d.ts +8 -1
  13. package/lib/Player/modules/VideoAgent/VideoAgentMesh.js +173 -203
  14. package/lib/Player/modules/VideoAgent/VideoAgentScene.d.ts +1 -0
  15. package/lib/Player/modules/VideoAgent/VideoAgentScene.js +6 -2
  16. package/lib/Player/modules/VideoAgent/index.js +10 -2
  17. package/lib/Player/modules/keyframes/BgMusic/index.js +46 -54
  18. package/lib/Player/modules/keyframes/CameraMovement/index.js +43 -45
  19. package/lib/Player/modules/keyframes/InfoPanel/index.js +37 -32
  20. package/lib/Player/modules/keyframes/ModelVideo/index.js +98 -57
  21. package/lib/Player/modules/keyframes/PanoTag/index.js +1 -1
  22. package/lib/Player/modules/keyframes/PanoTextLabel/index.js +3 -3
  23. package/lib/Player/modules/keyframes/UpdateVRPanorama/index.js +3 -3
  24. package/lib/Player/modules/keyframes/VideoEffect/index.js +87 -74
  25. package/lib/Player/typings.d.ts +10 -0
  26. package/lib/fivePlugins/CSS3DRenderPlugin/index.js +6 -6
  27. package/lib/fivePlugins/CameraMovementPlugin/index.js +173 -180
  28. package/lib/fivePlugins/CameraMovementPlugin/typings.js +6 -6
  29. package/lib/fivePlugins/ModelTVVideoPlugin/index.d.ts +2 -0
  30. package/lib/fivePlugins/ModelTVVideoPlugin/index.js +87 -43
  31. package/lib/index.d.ts +1 -0
  32. package/lib/react/index.js +1 -1
  33. package/lib/shared-utils/Audio.js +53 -56
  34. package/lib/shared-utils/AudioLike.js +12 -14
  35. package/lib/shared-utils/animationFrame/BetterTween.js +13 -15
  36. package/lib/shared-utils/animationFrame/tween.js +1 -3
  37. package/lib/shared-utils/getMediaInfo.js +0 -1
  38. package/lib/typings/VreoUnit.js +134 -27
  39. package/package.json +6 -4
  40. package/docs/.nojekyll +0 -1
  41. package/docs/assets/custom.css +0 -78
  42. package/docs/assets/hierarchy.js +0 -1
  43. package/docs/assets/highlight.css +0 -127
  44. package/docs/assets/icons.js +0 -18
  45. package/docs/assets/icons.svg +0 -1
  46. package/docs/assets/main.js +0 -60
  47. package/docs/assets/navigation.js +0 -1
  48. package/docs/assets/search.js +0 -1
  49. package/docs/assets/style.css +0 -1640
  50. package/docs/classes/Player.AudioLike.html +0 -15
  51. package/docs/classes/Player.Controller.html +0 -87
  52. package/docs/classes/Player.Player.html +0 -54
  53. package/docs/classes/Player.VideoAgentMesh.html +0 -72
  54. package/docs/classes/Player.VideoAgentScene.html +0 -9
  55. package/docs/demo/assets/AppReact-CkuqZtcS.js +0 -1
  56. package/docs/demo/assets/default-BQGCQRLt.css +0 -1
  57. package/docs/demo/assets/default-CVvVdmSW.js +0 -5540
  58. package/docs/demo/assets/dynamic-CO5wq52h.js +0 -1
  59. package/docs/demo/assets/examples-BCLzFApO.css +0 -1
  60. package/docs/demo/assets/examples-DfiAz2fR.js +0 -25
  61. package/docs/demo/assets/index-CBBSwaYT.js +0 -1
  62. package/docs/demo/assets/index-CmEXi2sK.css +0 -1
  63. package/docs/demo/assets/main-BF1tvUg-.js +0 -25
  64. package/docs/demo/assets/react-BnzBLum3.css +0 -1
  65. package/docs/demo/assets/react-C4h9qndP.js +0 -25
  66. package/docs/demo/examples.html +0 -16
  67. package/docs/demo/index-react-dynamic.html +0 -18
  68. package/docs/demo/index-react.html +0 -19
  69. package/docs/demo/index.html +0 -19
  70. package/docs/enums/Player.InfoPanelStyleEnum.html +0 -3
  71. package/docs/enums/Player.InfoPanelTypeEnum.html +0 -4
  72. package/docs/enums/Player.PanoEffectEnum.html +0 -4
  73. package/docs/enums/Player.PanoTagEnum.html +0 -4
  74. package/docs/enums/Player.PanoTagStyleEnum.html +0 -6
  75. package/docs/enums/Player.VreoKeyframeEnum.html +0 -25
  76. package/docs/enums/fivePlugins.CameraMovementEffect.html +0 -3
  77. package/docs/enums/fivePlugins.Rotation.html +0 -4
  78. package/docs/functions/custom.SpatialScenePanel.html +0 -2
  79. package/docs/functions/react.useVreoAction.html +0 -8
  80. package/docs/functions/react.useVreoEventCallback.html +0 -10
  81. package/docs/functions/react.useVreoPausedState.html +0 -8
  82. package/docs/hierarchy.html +0 -1
  83. package/docs/index.html +0 -160
  84. package/docs/interfaces/Player.Appearance.html +0 -2
  85. package/docs/interfaces/Player.CustomVreoKeyframeProps.html +0 -3
  86. package/docs/interfaces/Player.PlayerConfigs.html +0 -20
  87. package/docs/interfaces/Player.Vertex.html +0 -5
  88. package/docs/interfaces/Player.VideoAgentMeshOptions.html +0 -9
  89. package/docs/interfaces/Player.VreoKeyframe.html +0 -8
  90. package/docs/interfaces/Player.VreoUnit.html +0 -9
  91. package/docs/interfaces/Player.VreoVideo.html +0 -7
  92. package/docs/interfaces/fivePlugins.CSS3DRenderPluginExportType.html +0 -8
  93. package/docs/interfaces/fivePlugins.CameraMovementOptsCallback.html +0 -3
  94. package/docs/interfaces/fivePlugins.CameraMovementPluginExportType.html +0 -5
  95. package/docs/interfaces/fivePlugins.CameraMovementPluginParameterType.html +0 -1
  96. package/docs/interfaces/fivePlugins.ModelTVVideoPluginData.html +0 -5
  97. package/docs/interfaces/fivePlugins.ModelTVVideoPluginExportType.html +0 -4
  98. package/docs/interfaces/fivePlugins.ModelTVVideoPluginParameterType.html +0 -2
  99. package/docs/interfaces/fivePlugins.Vector3Position.html +0 -5
  100. package/docs/interfaces/react.VreoActionCallbacks.html +0 -18
  101. package/docs/interfaces/react.VreoProviderProps.html +0 -6
  102. package/docs/modules/Player.html +0 -1
  103. package/docs/modules/custom.html +0 -1
  104. package/docs/modules/fivePlugins.html +0 -1
  105. package/docs/modules/react.html +0 -1
  106. package/docs/modules.html +0 -1
  107. package/docs/types/Player.AppSize.html +0 -1
  108. package/docs/types/Player.AudioLikeEvent.html +0 -6
  109. package/docs/types/Player.CameraMovementData.html +0 -2
  110. package/docs/types/Player.CustomData.html +0 -2
  111. package/docs/types/Player.InfoPanelData.html +0 -7
  112. package/docs/types/Player.ModelVideoData.html +0 -9
  113. package/docs/types/Player.PanoEffectData.html +0 -4
  114. package/docs/types/Player.PanoTagData.html +0 -6
  115. package/docs/types/Player.PanoTextLabelData.html +0 -7
  116. package/docs/types/Player.PrompterData.html +0 -3
  117. package/docs/types/Player.QuadrangleVertexs.html +0 -2
  118. package/docs/types/Player.Quaternion.html +0 -6
  119. package/docs/types/Player.UpdateVRPanoramaData.html +0 -7
  120. package/docs/types/Player.Vertexs.html +0 -2
  121. package/docs/types/Player.VideoEffectData.html +0 -7
  122. package/docs/types/Player.VreoKeyframeEvent.html +0 -2
  123. package/docs/types/Player.VreoKeyframeMap.html +0 -6
  124. package/docs/types/Player.VreoSubscribe.html +0 -1
  125. package/docs/types/Player.WaveAppearance.html +0 -1
  126. package/docs/types/fivePlugins.CSS3DRenderPluginParameterType.html +0 -1
  127. package/docs/types/fivePlugins.MoveArgs.html +0 -1
  128. package/docs/types/fivePlugins.MoveOpts.html +0 -1
  129. package/docs/types/fivePlugins.RotateArgs.html +0 -1
  130. package/docs/types/fivePlugins.RotateOpts.html +0 -1
  131. package/docs/variables/fivePlugins.CSS3DRenderPlugin.html +0 -3
  132. package/docs/variables/fivePlugins.CameraMovementPlugin.html +0 -2
  133. package/docs/variables/fivePlugins.ModelTVVideoPlugin.html +0 -1
  134. package/docs/variables/react.VreoProvider.html +0 -9
package/docs/classes/Player.Player.html DELETED
@@ -1,54 +0,0 @@
1
- <!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Player | Vreo</title><meta name="description" content="Documentation for Vreo"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><link rel="stylesheet" href="../assets/custom.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="../index.html" class="title">Vreo</a><div id="tsd-toolbar-links"></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="../modules/Player.html">Player</a></li><li><a href="" aria-current="page">Player</a></li></ul><h1>Class Player</h1></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>Vreo 播放器核心类</p>
2
- <p>提供 VR 视频播放、剧本执行、相机运镜等功能的主要接口。
3
- 基于 Five 渲染引擎和 React 构建的 3D 空间剧本播放器。</p>
4
- </div><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example">Example<a href="#example" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="typescript"><span class="hl-5">import</span><span class="hl-2"> { </span><span class="hl-6">Five</span><span class="hl-2"> } </span><span class="hl-5">from</span><span class="hl-2"> </span><span class="hl-3">&#39;@realsee/five&#39;</span><br/><span class="hl-5">import</span><span class="hl-2"> { </span><span class="hl-6">Player</span><span class="hl-2"> } </span><span class="hl-5">from</span><span class="hl-2"> </span><span class="hl-3">&#39;@realsee/vreo&#39;</span><br/><br/><span class="hl-4">const</span><span class="hl-2"> </span><span class="hl-7">five</span><span class="hl-2"> = </span><span class="hl-4">new</span><span class="hl-2"> </span><span class="hl-1">Five</span><span class="hl-2">({</span><br/><span class="hl-2"> </span><span class="hl-0">// Five 配置选项</span><br/><span class="hl-2">})</span><br/><span class="hl-4">const</span><span class="hl-2"> </span><span class="hl-7">player</span><span class="hl-2"> = </span><span class="hl-4">new</span><span class="hl-2"> </span><span class="hl-1">Player</span><span class="hl-2">(</span><span class="hl-6">five</span><span class="hl-2">, {</span><br/><span class="hl-2"> </span><span class="hl-6">autoPreload:</span><span class="hl-2"> </span><span class="hl-4">true</span><span class="hl-2">,</span><br/><span class="hl-2"> </span><span class="hl-6">imageOptions:</span><span class="hl-2"> { </span><span class="hl-6">size:</span><span class="hl-2"> </span><span class="hl-14">1024</span><span class="hl-2"> }</span><br/><span class="hl-2">})</span><br/><br/><span class="hl-5">await</span><span class="hl-2"> </span><span class="hl-6">player</span><span class="hl-2">.</span><span class="hl-1">load</span><span class="hl-2">(</span><span class="hl-6">vreoUnit</span><span class="hl-2">)</span><br/><span class="hl-6">player</span><span class="hl-2">.</span><span class="hl-1">play</span><span class="hl-2">()</span>
5
- </code><button type="button">Copy</button></pre>
6
-
7
- </div></div></section><section class="tsd-panel tsd-hierarchy" data-refl="98"><h4>Hierarchy</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-signature-type">Subscribe</span><span class="tsd-signature-symbol">&lt;</span><a href="../types/Player.VreoKeyframeEvent.html" class="tsd-signature-type tsd-kind-type-alias">VreoKeyframeEvent</a><span class="tsd-signature-symbol">&gt;</span><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">Player</span></li></ul></li></ul></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/3f320df245d675ce6791288bcbaeb220a84de210/resources/Player/index.tsx#L46">resources/Player/index.tsx:46</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Constructors</h3><div class="tsd-index-list"><a href="#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a>
8
- </div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#five" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>$five</span></a>
9
- <a href="#configs" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>configs</span></a>
10
- </div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Accessors</h3><div class="tsd-index-list"><a href="#paused" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>paused</span></a>
11
- </div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Methods</h3><div class="tsd-index-list"><a href="#dispose" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>dispose</span></a>
12
- <a href="#getcurrenttime" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Current<wbr/>Time</span></a>
13
- <a href="#hide" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>hide</span></a>
14
- <a href="#load" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>load</span></a>
15
- <a href="#pause" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>pause</span></a>
16
- <a href="#play" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>play</span></a>
17
- <a href="#setappearance" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>set<wbr/>Appearance</span></a>
18
- <a href="#show" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>show</span></a>
19
- </div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Constructors</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="constructor"><span>constructor</span><a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="constructorplayer"><span class="tsd-signature-keyword">new</span> <span class="tsd-kind-constructor-signature">Player</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">five</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Five</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">configs</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/Player.PlayerConfigs.html" class="tsd-signature-type tsd-kind-interface">PlayerConfigs</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">Player</a><a href="#constructorplayer" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>创建 Vreo 播放器实例</p>
20
- </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">five</span>: <span class="tsd-signature-type">Five</span></span><div class="tsd-comment tsd-typography"><p>Five 渲染引擎实例</p>
21
- </div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">configs</span>: <span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/Player.PlayerConfigs.html" class="tsd-signature-type tsd-kind-interface">PlayerConfigs</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = {}</span></span><div class="tsd-comment tsd-typography"><p>播放器配置选项</p>
22
- </div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">Player</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Overrides Subscribe&lt;VreoKeyframeEvent&gt;.constructor</p><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/3f320df245d675ce6791288bcbaeb220a84de210/resources/Player/index.tsx#L60">resources/Player/index.tsx:60</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="five"><span>$five</span><a href="#five" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">$five</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Five</span></div><div class="tsd-comment tsd-typography"><p>Five 渲染引擎实例</p>
23
- </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/3f320df245d675ce6791288bcbaeb220a84de210/resources/Player/index.tsx#L48">resources/Player/index.tsx:48</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="configs"><span>configs</span><a href="#configs" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">configs</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/Player.PlayerConfigs.html" class="tsd-signature-type tsd-kind-interface">PlayerConfigs</a><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-comment tsd-typography"><p>播放器配置（只读）</p>
24
- </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/3f320df245d675ce6791288bcbaeb220a84de210/resources/Player/index.tsx#L52">resources/Player/index.tsx:52</a></li></ul></aside></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Accessors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Accessors</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="paused"><span>paused</span><a href="#paused" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li><div class="tsd-signature" id="pausedpaused"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">paused</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>获取播放器是否处于暂停状态</p>
25
- </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><p>是否暂停中</p>
26
- <div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/3f320df245d675ce6791288bcbaeb220a84de210/resources/Player/index.tsx#L251">resources/Player/index.tsx:251</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Methods</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="dispose"><span>dispose</span><a href="#dispose" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="dispose-1"><span class="tsd-kind-call-signature">dispose</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#dispose-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>销毁播放器实例</p>
27
- <p>清理所有资源、事件监听器和DOM元素</p>
28
- </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/3f320df245d675ce6791288bcbaeb220a84de210/resources/Player/index.tsx#L335">resources/Player/index.tsx:335</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="getcurrenttime"><span>get<wbr/>Current<wbr/>Time</span><a href="#getcurrenttime" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="getcurrenttime-1"><span class="tsd-kind-call-signature">getCurrentTime</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><a href="#getcurrenttime-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>获取当前播放时间</p>
29
- </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><p>当前播放时间（毫秒）</p>
30
- <div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/3f320df245d675ce6791288bcbaeb220a84de210/resources/Player/index.tsx#L326">resources/Player/index.tsx:326</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="hide"><span>hide</span><a href="#hide" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="hide-1"><span class="tsd-kind-call-signature">hide</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#hide-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>隐藏播放器界面</p>
31
- </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/3f320df245d675ce6791288bcbaeb220a84de210/resources/Player/index.tsx#L318">resources/Player/index.tsx:318</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="load"><span>load</span><a href="#load" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="load-1"><span class="tsd-kind-call-signature">load</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">vreoUnit</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/Player.VreoUnit.html" class="tsd-signature-type tsd-kind-interface">VreoUnit</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">currentTime</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">preload</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">force</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">&gt;</span><a href="#load-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>加载剧本数据</p>
32
- <p>加载 VreoUnit 剧本数据，准备播放器状态，预载资源，并初始化播放环境。</p>
33
- </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">vreoUnit</span>: <a href="../interfaces/Player.VreoUnit.html" class="tsd-signature-type tsd-kind-interface">VreoUnit</a></span><div class="tsd-comment tsd-typography"><p>剧本数据对象，包含视频信息和关键帧序列</p>
34
- </div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">currentTime</span>: <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 0</span></span><div class="tsd-comment tsd-typography"><p>起始播放时间（毫秒），默认为 0</p>
35
- </div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">preload</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></span><div class="tsd-comment tsd-typography"><p>是否预载相关资源，默认为 false</p>
36
- </div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">force</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></span><div class="tsd-comment tsd-typography"><p>是否强制重新载入（深拷贝数据），默认为 false</p>
37
- </div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">&gt;</span></h4><p>Promise&lt;boolean&gt; 返回加载是否成功</p>
38
- <div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example-1">Example<a href="#example-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="typescript"><span class="hl-0">// 基本加载</span><br/><span class="hl-5">await</span><span class="hl-2"> </span><span class="hl-6">player</span><span class="hl-2">.</span><span class="hl-1">load</span><span class="hl-2">(</span><span class="hl-6">vreoUnit</span><span class="hl-2">)</span><br/><br/><span class="hl-0">// 从指定时间开始加载，并预载资源</span><br/><span class="hl-5">await</span><span class="hl-2"> </span><span class="hl-6">player</span><span class="hl-2">.</span><span class="hl-1">load</span><span class="hl-2">(</span><span class="hl-6">vreoUnit</span><span class="hl-2">, </span><span class="hl-14">5000</span><span class="hl-2">, </span><span class="hl-4">true</span><span class="hl-2">)</span><br/><br/><span class="hl-0">// 强制重新加载</span><br/><span class="hl-5">await</span><span class="hl-2"> </span><span class="hl-6">player</span><span class="hl-2">.</span><span class="hl-1">load</span><span class="hl-2">(</span><span class="hl-6">vreoUnit</span><span class="hl-2">, </span><span class="hl-14">0</span><span class="hl-2">, </span><span class="hl-4">false</span><span class="hl-2">, </span><span class="hl-4">true</span><span class="hl-2">)</span>
39
- </code><button type="button">Copy</button></pre>
40
-
41
- </div></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/3f320df245d675ce6791288bcbaeb220a84de210/resources/Player/index.tsx#L157">resources/Player/index.tsx:157</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="pause"><span>pause</span><a href="#pause" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="pause-1"><span class="tsd-kind-call-signature">pause</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#pause-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>暂停播放</p>
42
- </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/3f320df245d675ce6791288bcbaeb220a84de210/resources/Player/index.tsx#L304">resources/Player/index.tsx:304</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="play"><span>play</span><a href="#play" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="play-1"><span class="tsd-kind-call-signature">play</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">currentTime</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#play-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>开始播放</p>
43
- </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">currentTime</span>: <span class="tsd-signature-type">number</span></span><div class="tsd-comment tsd-typography"><p>可选的播放起始时间（毫秒）</p>
44
- </div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><p>是否开始播放成功</p>
45
- <div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example-2">Example<a href="#example-2" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="typescript"><span class="hl-0">// 从当前位置播放</span><br/><span class="hl-6">player</span><span class="hl-2">.</span><span class="hl-1">play</span><span class="hl-2">()</span><br/><br/><span class="hl-0">// 从指定时间开始播放</span><br/><span class="hl-6">player</span><span class="hl-2">.</span><span class="hl-1">play</span><span class="hl-2">(</span><span class="hl-14">10000</span><span class="hl-2">) </span><span class="hl-0">// 从10秒处开始</span>
46
- </code><button type="button">Copy</button></pre>
47
-
48
- </div></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/3f320df245d675ce6791288bcbaeb220a84de210/resources/Player/index.tsx#L270">resources/Player/index.tsx:270</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="setappearance"><span>set<wbr/>Appearance</span><a href="#setappearance" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="setappearance-1"><span class="tsd-kind-call-signature">setAppearance</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">appearance</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/Player.Appearance.html" class="tsd-signature-type tsd-kind-interface">Appearance</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#setappearance-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>设置播放器外观</p>
49
- </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">appearance</span>: <a href="../interfaces/Player.Appearance.html" class="tsd-signature-type tsd-kind-interface">Appearance</a></span><div class="tsd-comment tsd-typography"><p>外观配置对象</p>
50
- </div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example-3">Example<a href="#example-3" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="typescript"><span class="hl-6">player</span><span class="hl-2">.</span><span class="hl-1">setAppearance</span><span class="hl-2">({</span><br/><span class="hl-2"> </span><span class="hl-6">waveStyle:</span><span class="hl-2"> </span><span class="hl-3">&#39;solid&#39;</span><br/><span class="hl-2">})</span>
51
- </code><button type="button">Copy</button></pre>
52
-
53
- </div></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/3f320df245d675ce6791288bcbaeb220a84de210/resources/Player/index.tsx#L297">resources/Player/index.tsx:297</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="show"><span>show</span><a href="#show" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="show-1"><span class="tsd-kind-call-signature">show</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#show-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>显示播放器界面</p>
54
- </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/3f320df245d675ce6791288bcbaeb220a84de210/resources/Player/index.tsx#L311">resources/Player/index.tsx:311</a></li></ul></aside></div></li></ul></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Constructors</summary><div><a href="#constructor"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#five"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>$five</span></a><a href="#configs"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>configs</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Accessors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Accessors</summary><div><a href="#paused"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>paused</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Methods</summary><div><a href="#dispose"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>dispose</span></a><a href="#getcurrenttime"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Current<wbr/>Time</span></a><a href="#hide"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>hide</span></a><a href="#load"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>load</span></a><a href="#pause"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>pause</span></a><a href="#play"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>play</span></a><a href="#setappearance"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>set<wbr/>Appearance</span></a><a href="#show"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>show</span></a></div></details></div></details></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html">Vreo</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer></footer><div class="overlay"></div></body></html>
package/docs/classes/Player.VideoAgentMesh.html DELETED
@@ -1,72 +0,0 @@
1
- <!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>VideoAgentMesh | Vreo</title><meta name="description" content="Documentation for Vreo"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><link rel="stylesheet" href="../assets/custom.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="../index.html" class="title">Vreo</a><div id="tsd-toolbar-links"></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="../modules/Player.html">Player</a></li><li><a href="" aria-current="page">VideoAgentMesh</a></li></ul><h1>Class VideoAgentMesh</h1></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>视频经纪人贴片类</p>
2
- <p>基于 THREE.js 的网格对象，作为 VR 视频播放的核心媒体管理组件。
3
- 负责视频和音频的播放控制、时间同步、绿幕抠图渲染等功能。</p>
4
- <p>主要特性：</p>
5
- <ul>
6
- <li>支持绿幕抠图渲染（ChromaKey）</li>
7
- <li>音视频同步播放管理</li>
8
- <li>媒体预载优化策略</li>
9
- <li>跨平台播放兼容性</li>
10
- </ul>
11
- </div><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example">Example<a href="#example" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="typescript"><span class="hl-4">const</span><span class="hl-2"> </span><span class="hl-7">videoMesh</span><span class="hl-2"> = </span><span class="hl-4">new</span><span class="hl-2"> </span><span class="hl-1">VideoAgentMesh</span><span class="hl-2">(</span><span class="hl-14">1920</span><span class="hl-2">, </span><span class="hl-14">1080</span><span class="hl-2">, </span><span class="hl-14">32</span><span class="hl-2">, </span><span class="hl-14">18</span><span class="hl-2">, {</span><br/><span class="hl-2"> </span><span class="hl-6">preload:</span><span class="hl-2"> </span><span class="hl-4">true</span><span class="hl-2">,</span><br/><span class="hl-2"> </span><span class="hl-6">videoInstance:</span><span class="hl-2"> </span><span class="hl-6">customVideoElement</span><br/><span class="hl-2">})</span><br/><br/><span class="hl-0">// 播放视频</span><br/><span class="hl-5">await</span><span class="hl-2"> </span><span class="hl-6">videoMesh</span><span class="hl-2">.</span><span class="hl-1">play</span><span class="hl-2">(</span><span class="hl-3">&#39;https://example.com/video.mp4&#39;</span><span class="hl-2">, </span><span class="hl-14">0</span><span class="hl-2">, </span><span class="hl-14">60</span><span class="hl-2">)</span><br/><br/><span class="hl-0">// 获取当前时间</span><br/><span class="hl-6">console</span><span class="hl-2">.</span><span class="hl-1">log</span><span class="hl-2">(</span><span class="hl-6">videoMesh</span><span class="hl-2">.</span><span class="hl-6">currentTime</span><span class="hl-2">)</span><br/><br/><span class="hl-0">// 销毁资源</span><br/><span class="hl-6">videoMesh</span><span class="hl-2">.</span><span class="hl-1">dispose</span><span class="hl-2">()</span>
12
- </code><button type="button">Copy</button></pre>
13
-
14
- </div></div></section><section class="tsd-panel tsd-hierarchy" data-refl="245"><h4>Hierarchy</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-signature-type">Mesh</span><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">VideoAgentMesh</span></li></ul></li></ul></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/3f320df245d675ce6791288bcbaeb220a84de210/resources/Player/modules/VideoAgent/VideoAgentMesh.ts#L116">resources/Player/modules/VideoAgent/VideoAgentMesh.ts:116</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Constructors</h3><div class="tsd-index-list"><a href="#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a>
15
- </div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#removeeventlistener" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>$remove<wbr/>Event<wbr/>Listener</span></a>
16
- <a href="#audioinstance" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>audio<wbr/>Instance</span></a>
17
- <a href="#audiolikeinstance" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>audio<wbr/>Like<wbr/>Instance</span></a>
18
- <a href="#freeze" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>freeze</span></a>
19
- <a href="#options" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>options</span></a>
20
- <a href="#paused" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>paused</span></a>
21
- <a href="#videourl" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>video<wbr/>Url?</span></a>
22
- </div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Accessors</h3><div class="tsd-index-list"><a href="#currenttime" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>current<wbr/>Time</span></a>
23
- <a href="#mediainstance" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>media<wbr/>Instance</span></a>
24
- </div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Methods</h3><div class="tsd-index-list"><a href="#dispose" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>dispose</span></a>
25
- <a href="#play" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>play</span></a>
26
- </div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Constructors</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="constructor"><span>constructor</span><a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="constructorvideoagentmesh"><span class="tsd-signature-keyword">new</span> <span class="tsd-kind-constructor-signature">VideoAgentMesh</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">width</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">height</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">widthSegments</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">heightSegments</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">options</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/Player.VideoAgentMeshOptions.html" class="tsd-signature-type tsd-kind-interface">VideoAgentMeshOptions</a><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">VideoAgentMesh</a><a href="#constructorvideoagentmesh" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>创建视频经纪人贴片实例</p>
27
- </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">width</span>: <span class="tsd-signature-type">number</span></span><div class="tsd-comment tsd-typography"><p>网格宽度</p>
28
- </div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">height</span>: <span class="tsd-signature-type">number</span></span><div class="tsd-comment tsd-typography"><p>网格高度</p>
29
- </div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">widthSegments</span>: <span class="tsd-signature-type">number</span></span><div class="tsd-comment tsd-typography"><p>宽度方向分段数</p>
30
- </div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">heightSegments</span>: <span class="tsd-signature-type">number</span></span><div class="tsd-comment tsd-typography"><p>高度方向分段数</p>
31
- </div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">options</span>: <a href="../interfaces/Player.VideoAgentMeshOptions.html" class="tsd-signature-type tsd-kind-interface">VideoAgentMeshOptions</a><span class="tsd-signature-symbol"> = ...</span></span><div class="tsd-comment tsd-typography"><p>配置选项</p>
32
- </div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">VideoAgentMesh</a></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example-1">Example<a href="#example-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="typescript"><span class="hl-4">const</span><span class="hl-2"> </span><span class="hl-7">mesh</span><span class="hl-2"> = </span><span class="hl-4">new</span><span class="hl-2"> </span><span class="hl-1">VideoAgentMesh</span><span class="hl-2">(</span><span class="hl-14">1920</span><span class="hl-2">, </span><span class="hl-14">1080</span><span class="hl-2">, </span><span class="hl-14">32</span><span class="hl-2">, </span><span class="hl-14">18</span><span class="hl-2">, {</span><br/><span class="hl-2"> </span><span class="hl-6">preload:</span><span class="hl-2"> </span><span class="hl-4">true</span><span class="hl-2">,</span><br/><span class="hl-2"> </span><span class="hl-6">videoInstance:</span><span class="hl-2"> </span><span class="hl-6">document</span><span class="hl-2">.</span><span class="hl-1">getElementById</span><span class="hl-2">(</span><span class="hl-3">&#39;video&#39;</span><span class="hl-2">)</span><br/><span class="hl-2">})</span>
33
- </code><button type="button">Copy</button></pre>
34
-
35
- </div></div><aside class="tsd-sources"><p>Overrides THREE.Mesh.constructor</p><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/3f320df245d675ce6791288bcbaeb220a84de210/resources/Player/modules/VideoAgent/VideoAgentMesh.ts#L174">resources/Player/modules/VideoAgent/VideoAgentMesh.ts:174</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="removeeventlistener"><span>$remove<wbr/>Event<wbr/>Listener</span><a href="#removeeventlistener" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">$removeEventListener</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">()</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></div><div class="tsd-comment tsd-typography"><p>移除事件监听器的函数</p>
36
- </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/3f320df245d675ce6791288bcbaeb220a84de210/resources/Player/modules/VideoAgent/VideoAgentMesh.ts#L130">resources/Player/modules/VideoAgent/VideoAgentMesh.ts:130</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="audioinstance"><span>audio<wbr/>Instance</span><a href="#audioinstance" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">audioInstance</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLAudioElement</span></div><div class="tsd-comment tsd-typography"><p>音频实例</p>
37
- </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/3f320df245d675ce6791288bcbaeb220a84de210/resources/Player/modules/VideoAgent/VideoAgentMesh.ts#L126">resources/Player/modules/VideoAgent/VideoAgentMesh.ts:126</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="audiolikeinstance"><span>audio<wbr/>Like<wbr/>Instance</span><a href="#audiolikeinstance" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">audioLikeInstance</span><span class="tsd-signature-symbol">:</span> <a href="Player.AudioLike.html" class="tsd-signature-type tsd-kind-class">AudioLike</a></div><div class="tsd-comment tsd-typography"><p>AudioLike 实例</p>
38
- </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/3f320df245d675ce6791288bcbaeb220a84de210/resources/Player/modules/VideoAgent/VideoAgentMesh.ts#L128">resources/Player/modules/VideoAgent/VideoAgentMesh.ts:128</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="freeze"><span>freeze</span><a href="#freeze" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">freeze</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>是否冻结状态</p>
39
- </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/3f320df245d675ce6791288bcbaeb220a84de210/resources/Player/modules/VideoAgent/VideoAgentMesh.ts#L122">resources/Player/modules/VideoAgent/VideoAgentMesh.ts:122</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="options"><span>options</span><a href="#options" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">options</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/Player.VideoAgentMeshOptions.html" class="tsd-signature-type tsd-kind-interface">VideoAgentMeshOptions</a></div><div class="tsd-comment tsd-typography"><p>配置选项</p>
40
- </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/3f320df245d675ce6791288bcbaeb220a84de210/resources/Player/modules/VideoAgent/VideoAgentMesh.ts#L118">resources/Player/modules/VideoAgent/VideoAgentMesh.ts:118</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="paused"><span>paused</span><a href="#paused" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">paused</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>是否暂停状态</p>
41
- </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/3f320df245d675ce6791288bcbaeb220a84de210/resources/Player/modules/VideoAgent/VideoAgentMesh.ts#L124">resources/Player/modules/VideoAgent/VideoAgentMesh.ts:124</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="videourl"><code class="tsd-tag">Optional</code><span>video<wbr/>Url</span><a href="#videourl" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">videoUrl</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>当前视频URL</p>
42
- </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/3f320df245d675ce6791288bcbaeb220a84de210/resources/Player/modules/VideoAgent/VideoAgentMesh.ts#L120">resources/Player/modules/VideoAgent/VideoAgentMesh.ts:120</a></li></ul></aside></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Accessors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Accessors</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="currenttime"><span>current<wbr/>Time</span><a href="#currenttime" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li><div class="tsd-signature" id="currenttimecurrenttime"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">currentTime</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>获取当前播放时间（毫秒）</p>
43
- <p>将媒体实例的秒级时间转换为毫秒，提供更高精度的时间控制</p>
44
- </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><p>当前播放时间戳（毫秒）</p>
45
- <div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/3f320df245d675ce6791288bcbaeb220a84de210/resources/Player/modules/VideoAgent/VideoAgentMesh.ts#L372">resources/Player/modules/VideoAgent/VideoAgentMesh.ts:372</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="mediainstance"><span>media<wbr/>Instance</span><a href="#mediainstance" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li><div class="tsd-signature" id="mediainstancemediainstance"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">mediaInstance</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLVideoElement</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">HTMLAudioElement</span> <span class="tsd-signature-symbol">|</span> <a href="Player.AudioLike.html" class="tsd-signature-type tsd-kind-class">AudioLike</a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>获取当前的媒体实例</p>
46
- <p>根据媒体类型自动返回对应的播放实例：</p>
47
- <ul>
48
- <li>无媒体时返回 AudioLike 实例</li>
49
- <li>音频文件返回 HTMLAudioElement</li>
50
- <li>视频文件返回 HTMLVideoElement</li>
51
- </ul>
52
- </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">HTMLVideoElement</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">HTMLAudioElement</span> <span class="tsd-signature-symbol">|</span> <a href="Player.AudioLike.html" class="tsd-signature-type tsd-kind-class">AudioLike</a></h4><p>当前活跃的媒体播放实例</p>
53
- <div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/3f320df245d675ce6791288bcbaeb220a84de210/resources/Player/modules/VideoAgent/VideoAgentMesh.ts#L142">resources/Player/modules/VideoAgent/VideoAgentMesh.ts:142</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Methods</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="dispose"><span>dispose</span><a href="#dispose" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="dispose-1"><span class="tsd-kind-call-signature">dispose</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#dispose-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>销毁视频经纪人贴片实例</p>
54
- <p>清理所有事件监听器、DOM元素和缓存实例，释放内存资源</p>
55
- </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example-2">Example<a href="#example-2" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="typescript"><span class="hl-0">// 在组件卸载时调用</span><br/><span class="hl-6">videoMesh</span><span class="hl-2">.</span><span class="hl-1">dispose</span><span class="hl-2">()</span>
56
- </code><button type="button">Copy</button></pre>
57
-
58
- </div></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/3f320df245d675ce6791288bcbaeb220a84de210/resources/Player/modules/VideoAgent/VideoAgentMesh.ts#L387">resources/Player/modules/VideoAgent/VideoAgentMesh.ts:387</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="play"><span>play</span><a href="#play" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="play-1"><span class="tsd-kind-call-signature">play</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">videoUrl</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">currentTime</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">duration</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">unknown</span><span class="tsd-signature-symbol">&gt;</span><a href="#play-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>播放媒体内容</p>
59
- <p>支持多种播放模式：</p>
60
- <ul>
61
- <li>播放指定视频/音频文件</li>
62
- <li>仅设置时长（无媒体文件）</li>
63
- <li>继续播放当前媒体</li>
64
- </ul>
65
- </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">videoUrl</span>: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &#39;&#39;</span></span><div class="tsd-comment tsd-typography"><p>媒体文件URL，默认为空字符串</p>
66
- </div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">currentTime</span>: <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 0</span></span><div class="tsd-comment tsd-typography"><p>播放起始时间（秒），默认为 0</p>
67
- </div><div class="tsd-comment tsd-typography"></div></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">duration</span>: <span class="tsd-signature-type">number</span></span><div class="tsd-comment tsd-typography"><p>媒体总时长（秒），可选</p>
68
- </div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">unknown</span><span class="tsd-signature-symbol">&gt;</span></h4><p>Promise&lt;boolean&gt; 播放是否成功</p>
69
- <div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example-3">Example<a href="#example-3" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="typescript"><span class="hl-0">// 播放视频文件</span><br/><span class="hl-5">await</span><span class="hl-2"> </span><span class="hl-6">mesh</span><span class="hl-2">.</span><span class="hl-1">play</span><span class="hl-2">(</span><span class="hl-3">&#39;video.mp4&#39;</span><span class="hl-2">, </span><span class="hl-14">10</span><span class="hl-2">, </span><span class="hl-14">120</span><span class="hl-2">)</span><br/><br/><span class="hl-0">// 仅设置时长（音频跟踪）</span><br/><span class="hl-5">await</span><span class="hl-2"> </span><span class="hl-6">mesh</span><span class="hl-2">.</span><span class="hl-1">play</span><span class="hl-2">(</span><span class="hl-3">&#39;&#39;</span><span class="hl-2">, </span><span class="hl-14">0</span><span class="hl-2">, </span><span class="hl-14">60</span><span class="hl-2">)</span><br/><br/><span class="hl-0">// 继续播放当前媒体</span><br/><span class="hl-5">await</span><span class="hl-2"> </span><span class="hl-6">mesh</span><span class="hl-2">.</span><span class="hl-1">play</span><span class="hl-2">()</span>
70
- </code><button type="button">Copy</button></pre>
71
-
72
- </div></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/3f320df245d675ce6791288bcbaeb220a84de210/resources/Player/modules/VideoAgent/VideoAgentMesh.ts#L328">resources/Player/modules/VideoAgent/VideoAgentMesh.ts:328</a></li></ul></aside></div></li></ul></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Constructors</summary><div><a href="#constructor"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#removeeventlistener"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>$remove<wbr/>Event<wbr/>Listener</span></a><a href="#audioinstance"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>audio<wbr/>Instance</span></a><a href="#audiolikeinstance"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>audio<wbr/>Like<wbr/>Instance</span></a><a href="#freeze"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>freeze</span></a><a href="#options"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>options</span></a><a href="#paused"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>paused</span></a><a href="#videourl"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>video<wbr/>Url</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Accessors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Accessors</summary><div><a href="#currenttime"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>current<wbr/>Time</span></a><a href="#mediainstance"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>media<wbr/>Instance</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Methods</summary><div><a href="#dispose"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>dispose</span></a><a href="#play"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>play</span></a></div></details></div></details></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html">Vreo</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer></footer><div class="overlay"></div></body></html>
package/docs/classes/Player.VideoAgentScene.html DELETED
@@ -1,9 +0,0 @@
1
- <!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>VideoAgentScene | Vreo</title><meta name="description" content="Documentation for Vreo"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><link rel="stylesheet" href="../assets/custom.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="../index.html" class="title">Vreo</a><div id="tsd-toolbar-links"></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="../modules/Player.html">Player</a></li><li><a href="" aria-current="page">VideoAgentScene</a></li></ul><h1>Class VideoAgentScene</h1></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/3f320df245d675ce6791288bcbaeb220a84de210/resources/Player/modules/VideoAgent/VideoAgentScene.ts#L6">resources/Player/modules/VideoAgent/VideoAgentScene.ts:6</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Constructors</h3><div class="tsd-index-list"><a href="#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a>
2
- </div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#camera" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>camera</span></a>
3
- <a href="#disposers" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>disposers</span></a>
4
- <a href="#renderer" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>renderer</span></a>
5
- <a href="#scene" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>scene</span></a>
6
- <a href="#videoagentmesh" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>video<wbr/>Agent<wbr/>Mesh</span></a>
7
- </div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Methods</h3><div class="tsd-index-list"><a href="#dispose" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>dispose</span></a>
8
- <a href="#run" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>run</span></a>
9
- </div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Constructors</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="constructor"><span>constructor</span><a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="constructorvideoagentscene"><span class="tsd-signature-keyword">new</span> <span class="tsd-kind-constructor-signature">VideoAgentScene</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">container</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">options</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/Player.VideoAgentMeshOptions.html" class="tsd-signature-type tsd-kind-interface">VideoAgentMeshOptions</a><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">VideoAgentScene</a><a href="#constructorvideoagentscene" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">container</span>: <span class="tsd-signature-type">HTMLElement</span></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">options</span>: <a href="../interfaces/Player.VideoAgentMeshOptions.html" class="tsd-signature-type tsd-kind-interface">VideoAgentMeshOptions</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">VideoAgentScene</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/3f320df245d675ce6791288bcbaeb220a84de210/resources/Player/modules/VideoAgent/VideoAgentScene.ts#L14">resources/Player/modules/VideoAgent/VideoAgentScene.ts:14</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="camera"><span>camera</span><a href="#camera" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">camera</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">OrthographicCamera</span><span class="tsd-signature-symbol"> = ...</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/3f320df245d675ce6791288bcbaeb220a84de210/resources/Player/modules/VideoAgent/VideoAgentScene.ts#L10">resources/Player/modules/VideoAgent/VideoAgentScene.ts:10</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="disposers"><span>disposers</span><a href="#disposers" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">disposers</span><span class="tsd-signature-symbol">:</span> (<span class="tsd-signature-symbol">()</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span>)<span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> = []</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/3f320df245d675ce6791288bcbaeb220a84de210/resources/Player/modules/VideoAgent/VideoAgentScene.ts#L12">resources/Player/modules/VideoAgent/VideoAgentScene.ts:12</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="renderer"><span>renderer</span><a href="#renderer" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">renderer</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">WebGLRenderer</span><span class="tsd-signature-symbol"> = ...</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/3f320df245d675ce6791288bcbaeb220a84de210/resources/Player/modules/VideoAgent/VideoAgentScene.ts#L11">resources/Player/modules/VideoAgent/VideoAgentScene.ts:11</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="scene"><span>scene</span><a href="#scene" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">scene</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Scene</span><span class="tsd-signature-symbol"> = ...</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/3f320df245d675ce6791288bcbaeb220a84de210/resources/Player/modules/VideoAgent/VideoAgentScene.ts#L9">resources/Player/modules/VideoAgent/VideoAgentScene.ts:9</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="videoagentmesh"><span>video<wbr/>Agent<wbr/>Mesh</span><a href="#videoagentmesh" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">videoAgentMesh</span><span class="tsd-signature-symbol">:</span> <a href="Player.VideoAgentMesh.html" class="tsd-signature-type tsd-kind-class">VideoAgentMesh</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/3f320df245d675ce6791288bcbaeb220a84de210/resources/Player/modules/VideoAgent/VideoAgentScene.ts#L7">resources/Player/modules/VideoAgent/VideoAgentScene.ts:7</a></li></ul></aside></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Methods</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="dispose"><span>dispose</span><a href="#dispose" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="dispose-1"><span class="tsd-kind-call-signature">dispose</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#dispose-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/3f320df245d675ce6791288bcbaeb220a84de210/resources/Player/modules/VideoAgent/VideoAgentScene.ts#L52">resources/Player/modules/VideoAgent/VideoAgentScene.ts:52</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="run"><span>run</span><a href="#run" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="run-1"><span class="tsd-kind-call-signature">run</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#run-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/3f320df245d675ce6791288bcbaeb220a84de210/resources/Player/modules/VideoAgent/VideoAgentScene.ts#L43">resources/Player/modules/VideoAgent/VideoAgentScene.ts:43</a></li></ul></aside></div></li></ul></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Constructors</summary><div><a href="#constructor"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#camera"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>camera</span></a><a href="#disposers"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>disposers</span></a><a href="#renderer"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>renderer</span></a><a href="#scene"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>scene</span></a><a href="#videoagentmesh"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>video<wbr/>Agent<wbr/>Mesh</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Methods</summary><div><a href="#dispose"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>dispose</span></a><a href="#run"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>run</span></a></div></details></div></details></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html">Vreo</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer></footer><div class="overlay"></div></body></html>
package/docs/demo/assets/AppReact-CkuqZtcS.js DELETED
@@ -1 +0,0 @@
1
- import{r as t,I as x,P as i,j as u}from"./default-CVvVdmSW.js";const y=t.createContext(null),v=e=>{const a=x(),[d,r]=t.useState(null),p=t.useRef(null);return t.useEffect(()=>(p.current=new i(a,e.configs||{}),r(p.current),()=>{var f;(f=p.current)==null||f.dispose()}),[]),d?u.jsx(y.Provider,{value:d,children:e.children}):u.jsx(u.Fragment,{})};function n(){const e=t.useContext(y);if(!e)throw new Error("VreoProvider never found.");return e}function m(){const e=n(),a=t.useCallback((o,b)=>e.load(o,b),[e]),d=t.useCallback(o=>e.play(o||0),[e]),r=t.useCallback(()=>e.pause(),[e]),p=t.useCallback(()=>e.show(),[e]),f=t.useCallback(()=>e.hide(),[e]),c=t.useCallback(()=>e.dispose(),[e]);return{load:a,pause:r,show:p,play:d,hide:f,dispose:c}}function s(e,a,d){const r=n();let p=[r,e];t.useEffect(()=>(r.on(e,a),()=>{r.off(e,a)}),p)}function P(){const e=n(),[a,d]=t.useState(e.paused);return s("paused",()=>d(!0)),s("playing",()=>d(!1)),a}const l={categoryId:"b35b2980-9394-42a4-8ccb-0d2d4c8634fa",categoryText:"b4aff456-9a94-46c8-6e15-13cfa540aed8",frontRequestId:"ffc05d41-e588-48dc-adb7-d20d350ea1b4",index:0,video:{duration:249e3,start:0,end:249e3,url:"//vrlab-public.ljcdn.com/vrframework/release/audio_merged/Llk9Mhep/aitalk_text/merged.mp4"},keyframes:[{uuid:"87c795f5-95f3-435b-947e-c5ba030dd396",type:"CameraMovement",start:18600,end:28970,parsed:!1,data:{effect:"Rotate",panoIndex:0,fov:120,mode:"Panorama",latitude:-.010928962416050254,longitude:6.085904225460554,rotation:"Clockwise",rotateSpeed:.3}},{uuid:"6c21e958-5232-4097-57ef-dcbd7084073e",type:"InfoPanel",start:29010,end:40580,parsed:!1,data:{url:"//vrlab-public.ljcdn.com/release/seesay/tools/___2b82e40ca6a7d298cc6f4134a80ba58e.png",type:"Image"}},{uuid:"fb63d3aa-bbc8-41a3-379f-6714b255a894",type:"InfoPanel",start:40630,end:47950,parsed:!1,data:{url:"//vrlab-public.ljcdn.com/release/seesay/tools/___6b581b51cf12461442a31b3aef9aa504.jpg",type:"Image"}},{uuid:"89f7f29a-c816-4716-b420-2cdb58b527be",type:"CameraMovement",start:127020,end:128520,parsed:!1,data:{effect:"Move",panoIndex:8,fov:103.5,mode:"Panorama",latitude:.08334099549985256,longitude:4.765651641044329}},{uuid:"ce298bb1-5a38-4df7-5aab-1e378f598afc",type:"CameraMovement",start:13200,end:14700,parsed:!1,data:{effect:"Move",panoIndex:0,fov:120,mode:"Panorama",latitude:.08049960901252118,longitude:4.767461665999537}},{uuid:"e89aebe0-208d-43db-fc45-ddab6b2f8494",type:"CameraMovement",start:47900,end:49400,parsed:!1,data:{effect:"Move",panoIndex:0,fov:120,mode:"Panorama",latitude:.10405749787530304,longitude:5.272073180707112}},{uuid:"6d9424e0-2675-4843-b625-a762470e02ad",type:"CameraMovement",start:81800,end:83300,parsed:!1,data:{effect:"Move",panoIndex:12,fov:120,mode:"Panorama",latitude:.011858721114165922,longitude:1.2954826860590476}},{uuid:"72afc500-b4b7-4977-0685-1b432b30fd71",type:"CameraMovement",start:92500,end:94e3,parsed:!1,data:{effect:"Move",panoIndex:9,fov:120,mode:"Panorama",latitude:.003004866296355502,longitude:.13052484428045208}},{uuid:"f158594f-3863-429e-ac27-606af8b65e67",type:"CameraMovement",start:133900,end:135400,parsed:!1,data:{effect:"Move",panoIndex:6,fov:103.5,mode:"Panorama",latitude:.21615302557504054,longitude:3.7230169653291494}},{uuid:"0d3e24c0-06d4-4621-c73d-0026d2bc8a4c",type:"CameraMovement",start:179600,end:181100,parsed:!1,data:{effect:"Move",panoIndex:18,fov:105,mode:"Panorama",latitude:.14909776312915213,longitude:5.400919815605706}},{uuid:"f9ea52f9-c9d2-41c0-fa03-3177cbe77320",type:"CameraMovement",start:196180,end:197680,parsed:!1,data:{effect:"Move",panoIndex:23,fov:120,mode:"Panorama",latitude:.02935657980524926,longitude:1.2375176610076473}},{uuid:"643c8d41-777d-468e-184d-6df692f19f54",type:"CameraMovement",start:222e3,end:223500,parsed:!1,data:{effect:"Move",panoIndex:21,fov:108,mode:"Panorama",latitude:.10444027741202826,longitude:1.2490838384253422}},{uuid:"10fc17bd-b7be-4fbf-0220-a5214f9a6853",type:"CameraMovement",start:65140,end:70250,parsed:!1,data:{effect:"Rotate",panoIndex:0,fov:120,mode:"Panorama",latitude:.2917266708076339,longitude:3.22696039875224,rotation:"Anticlockwise",rotateSpeed:.6}},{uuid:"65022608-f0f2-4745-4554-e019aef325c3",type:"CameraMovement",start:208710,end:210700,parsed:!1,data:{effect:"Move",panoIndex:27,fov:81,mode:"Panorama",latitude:.09538804087572342,longitude:.13388593579664576}},{uuid:"4e8a5281-6136-4f1f-431e-666c53767f76",type:"CameraMovement",start:147600,end:152080,parsed:!1,data:{effect:"Rotate",panoIndex:6,fov:102,mode:"Panorama",latitude:.11636355189082886,longitude:5.151892672556052,rotateSpeed:.5,rotation:"Clockwise"}},{uuid:"06dc1ecb-0f89-43e1-ae79-287036f6fbcc",start:1045,end:1572,data:{text:"您好",type:"Text"},type:"Prompter"},{uuid:"777ddc34-dea5-4714-ac09-5feea0e644d4",start:1672,end:5009,data:{text:"我是贝壳合作房产经纪品牌德佑店东周松",type:"Text"},type:"Prompter"},{uuid:"d7fb6ef7-e1bd-4c4f-dcc2-6df3ee701b14",start:5109,end:8237,data:{text:"也是贝壳金牌品质雇主、德佑领航者店东",type:"Text"},type:"Prompter"},{uuid:"af2ea4f8-a88e-487e-d9e8-f648c82c3b0c",start:8337,end:10838,data:{text:"在房产行业已经工作了14年",type:"Text"},type:"Prompter"},{uuid:"fe310d2f-ff41-44b8-dc92-6aab94b6014d",start:10938,end:13393,data:{text:"很荣幸为您全方位展示我的店面",type:"Text"},type:"Prompter"},{uuid:"a4e0f25e-1bc0-43ec-103d-8205a562c03f",start:13236,end:14646,data:{text:"我所经营的这家店",type:"Text"},type:"Prompter"},{uuid:"d552e251-142b-4069-e8a6-c95a90cdd5ec",start:14746,end:16922,data:{text:"是武汉德佑最大的优选形象店",type:"Text"},type:"Prompter"},{uuid:"92c8baea-72af-4304-2328-bfccb6e40e31",start:17022,end:18594,data:{text:"共有30多名员工",type:"Text"},type:"Prompter"},{uuid:"ff0d6154-45fb-4e08-9e7a-24ca3f05ce3e",start:18694,end:20313,data:{text:"大店优势显而易见",type:"Text"},type:"Prompter"},{uuid:"c9e8a13d-0487-49bf-44bc-0d776dc7662f",start:20413,end:22984,data:{text:"既能提供更好的工作环境和氛围",type:"Text"},type:"Prompter"},{uuid:"ad608f54-b33d-4b71-8198-615a30a57b8c",start:23084,end:24587,data:{text:"也更容易吸引客户",type:"Text"},type:"Prompter"},{uuid:"333ec189-0578-45e6-4004-892ccd92456a",start:24687,end:25911,data:{text:"提升成单概率",type:"Text"},type:"Prompter"},{uuid:"91760827-5a1f-431d-b170-29146aacd2f9",start:26011,end:28953,data:{text:"接下来跟随我一起了解门店详细情况吧",type:"Text"},type:"Prompter"},{uuid:"5eb73b8f-073d-4cbe-2cc5-c6aa4c90d2d2",start:29053,end:31113,data:{text:"店面位于南湖邻里广场",type:"Text"},type:"Prompter"},{uuid:"e300f233-600d-4aa8-e4fc-175c7f6dabb6",start:31213,end:32460,data:{text:"交通极其便利",type:"Text"},type:"Prompter"},{uuid:"1ba9846d-f020-4f37-d418-9a120e0890d3",start:32560,end:35409,data:{text:"距离7号线建安街地铁站仅300米",type:"Text"},type:"Prompter"},{uuid:"506e8fb2-e9aa-42c7-e2f3-fe19d2f65a37",start:35509,end:37174,data:{text:"500米内有小学中学",type:"Text"},type:"Prompter"},{uuid:"ee23e395-1d68-4674-67c7-f235ee0daf49",start:37274,end:39079,data:{text:"一公里内4家购物广场",type:"Text"},type:"Prompter"},{uuid:"5c655ed0-8768-4d34-6163-331db5abe004",start:39179,end:40566,data:{text:"吃喝玩乐全覆盖",type:"Text"},type:"Prompter"},{uuid:"f805ca1e-1069-45d0-7ec1-de2c3cbabadc",start:40666,end:41890,data:{text:"门头30米宽",type:"Text"},type:"Prompter"},{uuid:"d0a15e0c-0c90-4d58-f19e-0911e7471514",start:41990,end:43725,data:{text:"在这条街道上很显眼",type:"Text"},type:"Prompter"},{uuid:"720fc0be-5a64-400b-d3f8-b750c72a162b",start:43825,end:44886,data:{text:"宽阔的场地",type:"Text"},type:"Prompter"},{uuid:"77531bd9-55e0-40b9-d6e3-832f37b9dbba",start:44986,end:47835,data:{text:"也方便开展各种丰富的主题社区活动",type:"Text"},type:"Prompter"},{uuid:"060100ab-a953-4184-7414-d87938681d1b",start:47935,end:48788,data:{text:"由外向内",type:"Text"},type:"Prompter"},{uuid:"6d651686-a230-479c-4a44-c13f71850869",start:48888,end:52434,data:{text:"进入门店首先映入眼帘的是明亮的前台接待区",type:"Text"},type:"Prompter"},{uuid:"7f63c69e-af16-458e-6d4b-83751c21b089",start:52534,end:56219,data:{text:"常用于首次到店的客户接待和社区邻里暖心服务",type:"Text"},type:"Prompter"},{uuid:"a244ce90-e416-496a-63b9-da8ec27da526",start:56319,end:59261,data:{text:"可能是走累了的大爷大妈来店里临时歇脚",type:"Text"},type:"Prompter"},{uuid:"79eec73e-091c-4cab-e175-be96ce0f680e",start:59361,end:61746,data:{text:"也可能是家长来为孩子打印作业",type:"Text"},type:"Prompter"},{uuid:"237d0697-68d4-4254-16a0-d73b3901cd83",start:61846,end:63743,data:{text:"我们以暖心服务助民利民",type:"Text"},type:"Prompter"},{uuid:"157b4c29-c5ac-470d-19dd-79ae2d54f5cf",start:63843,end:65090,data:{text:"温暖邻里八方",type:"Text"},type:"Prompter"},{uuid:"4f4acb0e-430a-46ac-c8a4-f38f9832270c",start:65190,end:66971,data:{text:"右手边是客户接待区",type:"Text"},type:"Prompter"},{uuid:"6872d4bf-9498-407e-d05c-883e7a65adb0",start:67071,end:68458,data:{text:"也是客户休息区",type:"Text"},type:"Prompter"},{uuid:"ee903cbc-6f8e-4a9b-a925-7b15d0a23905",start:68558,end:70246,data:{text:"有电视机供客户娱乐",type:"Text"},type:"Prompter"},{uuid:"30ab6e6b-9469-46d6-10a7-3ef0e2b2b88f",start:70346,end:73242,data:{text:"休息区旁的这面墙挂着我们的商圈地图",type:"Text"},type:"Prompter"},{uuid:"a2870c6e-4638-4e7d-1b03-94f17adaace1",start:73342,end:75634,data:{text:"覆盖整个武汉地区的所有楼盘",type:"Text"},type:"Prompter"},{uuid:"ac4218d6-1f0a-4af7-87fd-4ce9fd406c14",start:75734,end:78235,data:{text:"无论是本地客户还是外地客户",type:"Text"},type:"Prompter"},{uuid:"9def907f-9546-401a-66fe-125dd6fbca04",start:78335,end:80836,data:{text:"都能通过地图清晰了解楼市布局",type:"Text"},type:"Prompter"},{uuid:"63489f30-bdc8-4afc-ace8-0db4e47d16dc",start:80936,end:81742,data:{text:"一目了然",type:"Text"},type:"Prompter"},{uuid:"8ff1c9cc-48b0-4081-ee06-95a1066661e6",start:81842,end:84622,data:{text:"这边是宽阔的落地窗景休闲吧台",type:"Text"},type:"Prompter"},{uuid:"dbd88648-2fb8-45df-843b-7f112dd093eb",start:84722,end:85807,data:{text:"配有充电宝",type:"Text"},type:"Prompter"},{uuid:"d9890f34-01f8-4841-29f0-f4f08157f7d1",start:85907,end:87317,data:{text:"客户可以在这里等人",type:"Text"},type:"Prompter"},{uuid:"7fe1ea7d-d435-4174-2eb8-482bfecca261",start:87417,end:90824,data:{text:"门店的宝妈经纪人也可以安置孩子在这里写作业",type:"Text"},type:"Prompter"},{uuid:"a4427301-90ca-4d7d-42fb-58f15fcc9192",start:90924,end:92427,data:{text:"等待妈妈一起下班",type:"Text"},type:"Prompter"},{uuid:"6a503c9f-8589-40df-1076-b640f69c00eb",start:92527,end:94262,data:{text:"接下来是我们的荣誉展柜",type:"Text"},type:"Prompter"},{uuid:"86c737a6-98cb-46c7-1ef2-f85a835e8af8",start:94362,end:97304,data:{text:"满墙的荣誉记录了门店的每一抹高光时刻",type:"Text"},type:"Prompter"},{uuid:"da039a1a-a4e6-4f2e-410e-ef768b571f39",start:97404,end:100184,data:{text:"每一员之间互帮互助，互相成就",type:"Text"},type:"Prompter"},{uuid:"f7daa549-013c-464b-041c-da5f8a16edda",start:100284,end:102228,data:{text:"才能不断创造出新的成果",type:"Text"},type:"Prompter"},{uuid:"50536aff-0854-4598-588d-94d590f47e48",start:102512,end:104177,data:{text:"猜猜看这面大屏是什么",type:"Text"},type:"Prompter"},{uuid:"4deb0587-7d57-4fee-30ed-4fdc7b0860e4",start:104277,end:106778,data:{text:"它是一款黑科技——VR智能大屏",type:"Text"},type:"Prompter"},{uuid:"00d161b1-fdea-4bef-c6bd-8030a9b8b570",start:106878,end:109217,data:{text:"“奔跑两小时,看房五分钟”",type:"Text"},type:"Prompter"},{uuid:"68ccb1d2-e755-4396-bd34-8f55ca3ea8e0",start:109317,end:111377,data:{text:"是很多人真实的看房写照",type:"Text"},type:"Prompter"},{uuid:"9e39bdee-b70a-41ad-8c59-0920cb63ed30",start:111477,end:113932,data:{text:"现在客户上门我们首先了解需求",type:"Text"},type:"Prompter"},{uuid:"bc1b057a-4ee0-4940-ad0a-26eb68f5624f",start:114032,end:117415,data:{text:"然后在VR大屏上为客户展示符合要求的房源",type:"Text"},type:"Prompter"},{uuid:"2430a276-93f5-4130-c501-50e6f3b5a449",start:117515,end:119180,data:{text:"真实还原房屋细节",type:"Text"},type:"Prompter"},{uuid:"794bf9f6-fb9e-4d7e-7ab9-c80351ac78d3",start:119280,end:122013,data:{text:"让客户实现视觉在画面中自由游走",type:"Text"},type:"Prompter"},{uuid:"24d6ce8b-ebc4-4988-034a-3ec9072e2345",start:122113,end:125056,data:{text:"如果客户满意，我们再去实地带看",type:"Text"},type:"Prompter"},{uuid:"0147dd29-25c1-418f-eab0-aabe918a4e0f",start:125156,end:126961,data:{text:"能够极大提升看房效率",type:"Text"},type:"Prompter"},{uuid:"906ce1ee-add3-4338-acaf-0bc759602981",start:127061,end:129470,data:{text:"再往里面走，是员工休息区",type:"Text"},type:"Prompter"},{uuid:"21674257-9d97-4683-2606-e07603ec22c4",start:129570,end:132071,data:{text:"也可以说是员工的开放式办公区",type:"Text"},type:"Prompter"},{uuid:"20d57f20-3d69-4ab5-3e1d-4b594f79a7de",start:132171,end:133859,data:{text:"在这里可以安静办公",type:"Text"},type:"Prompter"},{uuid:"5c8178a0-71d5-47b8-a863-cd2e04f8c8b3",start:133959,end:136460,data:{text:"休息区再往里是多功能休闲区",type:"Text"},type:"Prompter"},{uuid:"dd265f66-e1a5-4873-7111-5b4565114c83",start:136560,end:139015,data:{text:"看书、台球、乒乓球一厅三用",type:"Text"},type:"Prompter"},{uuid:"d66f5f7c-7bf5-43f2-d437-1003a43dff6a",start:139115,end:140200,data:{text:"这个乒乓球台",type:"Text"},type:"Prompter"},{uuid:"e59e0688-6a40-4ee9-2fb5-b59f59d041c2",start:140300,end:142546,data:{text:"提起来之后就会变成台球桌",type:"Text"},type:"Prompter"},{uuid:"99fa63ef-7b12-4285-7d99-4f7e14592420",start:142646,end:144543,data:{text:"我鼓励小伙伴们劳逸结合",type:"Text"},type:"Prompter"},{uuid:"6cf6623d-be48-4add-5964-ebe5823dbf27",start:144643,end:147585,data:{text:"所以会尽力在门店打造员工的“舒适区”",type:"Text"},type:"Prompter"},{uuid:"3091e882-bc83-41f5-6eb8-e5fbb80b2df8",start:147685,end:149536,data:{text:"多功能区域侧方是书吧",type:"Text"},type:"Prompter"},{uuid:"728a40d3-d29c-4d17-4165-f852613d41f3",start:149636,end:150721,data:{text:"可以看书充电",type:"Text"},type:"Prompter"},{uuid:"54df8874-f8ab-48c8-2c49-0999451bd2a6",start:150821,end:152068,data:{text:"也可以放空冥想",type:"Text"},type:"Prompter"},{uuid:"67d03050-ad1d-4d65-590a-4370db4d9991",start:152168,end:153578,data:{text:"再来看一下签约室",type:"Text"},type:"Prompter"},{uuid:"4f454854-12d5-4828-3255-69c2f552946c",start:153678,end:155622,data:{text:"签约室可以容纳十二个人",type:"Text"},type:"Prompter"},{uuid:"a0a55818-a4ed-46ce-4338-2563248649de",start:155722,end:157225,data:{text:"除了客户签约时用",type:"Text"},type:"Prompter"},{uuid:"22cf6cb4-5465-42b8-5c75-aa1e28811ec9",start:157325,end:160500,data:{text:"日常会议、培训活动都可以在这个空间进行",type:"Text"},type:"Prompter"},{uuid:"96068a33-ea7f-4e10-8342-707d799f79b0",start:160600,end:161987,data:{text:"这也是大店的优势",type:"Text"},type:"Prompter"},{uuid:"f9e3976f-203d-414d-18a9-23dedd89c20f",start:162087,end:163938,data:{text:"通过定期系统性培训",type:"Text"},type:"Prompter"},{uuid:"6b463257-0d4c-469b-d11d-1d1a123c454e",start:164038,end:165332,data:{text:"让新人茁壮成长",type:"Text"},type:"Prompter"},{uuid:"9190706f-41a2-40d6-2e15-311ee0027a80",start:165432,end:167492,data:{text:"签约室的外墙也是文化墙",type:"Text"},type:"Prompter"},{uuid:"7d5c1cf5-2d6f-42e9-eee4-f6b4a5772cd0",start:167592,end:169652,data:{text:"为了最大化挖掘新人的潜能",type:"Text"},type:"Prompter"},{uuid:"00de4d50-b5af-4d32-df04-b0135fb6d30b",start:169752,end:171487,data:{text:"我会主动和新人接触",type:"Text"},type:"Prompter"},{uuid:"e218966f-0a5d-4126-004a-9f92aec88e2c",start:171587,end:173252,data:{text:"发现他们身上的闪光点",type:"Text"},type:"Prompter"},{uuid:"1db42aae-6ac0-45a3-0a9f-5730b8323fcd",start:173352,end:176201,data:{text:"从中树立优秀的标杆在门店进行宣传",type:"Text"},type:"Prompter"},{uuid:"5964828d-c580-405e-47af-c37cf008b22b",start:176301,end:179545,data:{text:"分别有业绩标杆、价值观标杆和文化标杆",type:"Text"},type:"Prompter"},{uuid:"5da47b79-ce6e-40a5-b1ae-6a4d4076b201",start:179645,end:182030,data:{text:"文化墙正对的是集中办公区域",type:"Text"},type:"Prompter"},{uuid:"d29c8b23-cd62-4a58-aa1d-59d0ba3f39df",start:182130,end:186419,data:{text:"房产经纪人职业早已不是靠跑腿、打电话换取业绩的职业",type:"Text"},type:"Prompter"},{uuid:"4ec9faa9-5780-4a4d-c0f2-c2180dd4c4ba",start:186519,end:190367,data:{text:"我们需要借助贝壳提供的线上工具管理房源客源信息",type:"Text"},type:"Prompter"},{uuid:"1e5e0163-3c32-416e-5fd6-3dfa7bcee00f",start:190467,end:192248,data:{text:"规范化、流程化作业",type:"Text"},type:"Prompter"},{uuid:"232052ba-47ca-4f07-0ed3-f0693a740a61",start:192348,end:196126,data:{text:"所以我会为每一名员工配备笔记本或者台式电脑",type:"Text"},type:"Prompter"},{uuid:"87df17c4-cc0f-41e0-fa01-7a58b00d8a36",start:196226,end:199006,data:{text:"再往前走是经理办公室和财务室",type:"Text"},type:"Prompter"},{uuid:"eae26a0c-d7ce-4c55-dbfd-8489222c05cb",start:199106,end:200446,data:{text:"这边也是文化墙",type:"Text"},type:"Prompter"},{uuid:"2449b4d6-501f-4c6d-ad0d-32cc262f8608",start:200546,end:202327,data:{text:"记录了门店的点点滴滴",type:"Text"},type:"Prompter"},{uuid:"60b31972-9429-41ee-714d-c8e94a98db81",start:202427,end:205393,data:{text:"每一份荣誉、每一次团建、每一期培训",type:"Text"},type:"Prompter"},{uuid:"5b8c1c36-d51f-4df4-0c2d-3b515a6adfee",start:205493,end:206717,data:{text:"都会展示在这里",type:"Text"},type:"Prompter"},{uuid:"11def882-b844-4d94-07de-a8d63781fb25",start:206817,end:208668,data:{text:"我们的店是一个有爱的团队",type:"Text"},type:"Prompter"},{uuid:"2a7d1d8d-0cd6-46f7-02a9-d728ef8e20dd",start:208768,end:210828,data:{text:"“对经纪人好”是我的用工理念",type:"Text"},type:"Prompter"},{uuid:"cd70bcfc-a54d-4ad2-b833-b3815af4fe9b",start:210928,end:212988,data:{text:"走在门店里我经常思考",type:"Text"},type:"Prompter"},{uuid:"2d789507-713a-4640-3730-81ac16c03c6c",start:213088,end:215543,data:{text:"怎么能让员工们像在家一般舒适",type:"Text"},type:"Prompter"},{uuid:"4d8060e1-b2f9-4dba-943a-7cf73f2ab030",start:215643,end:217308,data:{text:"于是就有了这套员工柜",type:"Text"},type:"Prompter"},{uuid:"0e10450e-175e-4a46-ec71-da7c9ae23a5d",start:217408,end:220258,data:{text:"每人一个，既保证充足的储存空间",type:"Text"},type:"Prompter"},{uuid:"1db16507-0c1c-4c8f-6f7f-ed9f9c9f1f48",start:220358,end:221977,data:{text:"还能保证工位的整洁",type:"Text"},type:"Prompter"},{uuid:"19bc0567-cc66-472c-481b-58ec8a64f1eb",start:222077,end:223301,data:{text:"除了储物柜之外",type:"Text"},type:"Prompter"},{uuid:"4a3c01fa-e0e2-4604-776c-8c70f8991e5d",start:223401,end:225415,data:{text:"这里还设有员工自己的水吧",type:"Text"},type:"Prompter"},{uuid:"8b477eb7-452d-4bd9-b703-a981a689b622",start:225515,end:227691,data:{text:"有饮水机、微波炉和冰箱",type:"Text"},type:"Prompter"},{uuid:"82c50a7e-0868-4464-58dc-f36a49d05e7b",start:227791,end:229317,data:{text:"水吧和办公区分开",type:"Text"},type:"Prompter"},{uuid:"2c7f7ded-e44f-413f-0450-a52e4d821031",start:229417,end:231477,data:{text:"是为了小伙伴在工作间隙",type:"Text"},type:"Prompter"},{uuid:"bce4d35f-c88f-45c7-dba1-a21f69cba8a3",start:231577,end:233149,data:{text:"可以起来多活动活动",type:"Text"},type:"Prompter"},{uuid:"352eabc5-35af-4e25-f8f5-d9241f213007",start:233249,end:235146,data:{text:"以上就是门店的基本情况",type:"Text"},type:"Prompter"},{uuid:"50ef5685-b5a1-4e19-54e0-9271502cb835",start:235246,end:238072,data:{text:"如果您对房产经纪人这份职业感兴趣",type:"Text"},type:"Prompter"},{uuid:"883e92b3-ea04-4abe-6099-20a317808823",start:238172,end:240743,data:{text:"我真诚邀请您来到我的门店实地考察",type:"Text"},type:"Prompter"},{uuid:"7068453e-b2cd-4736-9a27-cf98ff3dd791",start:240843,end:243669,data:{text:"这是一份付出即所得、成长不设限的职业",type:"Text"},type:"Prompter"},{uuid:"84a4e247-c3e9-4a20-ae14-80c1567c96f2",start:243769,end:246944,data:{text:"可以得到专业的培训、公正透明的晋升通道",type:"Text"},type:"Prompter"},{uuid:"e1ba1956-24b5-4afc-ca16-97c4747c4bb4",start:247044,end:248664,data:{text:"金牌品质雇主,值得托付！",type:"Text"},type:"Prompter"},{uuid:"66b25387-00b6-4ca8-16b9-a2a5447cbfe9",type:"InfoPanel",start:233200,end:236200,parsed:!1,data:{url:"//vrlab-public.ljcdn.com/release/seesay/tools/4___35fe05bbba927f9dedee4de525d7394f.jpg",type:"Image"}},{uuid:"02fed567-054d-4f17-9051-dc63f7632cbe",type:"CameraMovement",start:0,end:2e3,parsed:!1,data:{effect:"Move",panoIndex:0,fov:120,mode:"Panorama",latitude:.04438022675004691,longitude:5.232986472982764}},{uuid:"1024856a-5809-4492-0af6-d0f28b1bb8fc",type:"CameraMovement",start:70300,end:71800,parsed:!1,data:{effect:"Move",panoIndex:10,fov:120,mode:"Panorama",latitude:.0030048662963554655,longitude:1.1385672815664698}},{uuid:"70fc7728-cd97-4b2c-1400-2651dc6044bf",type:"CameraMovement",start:102460,end:103950,parsed:!1,data:{effect:"Move",panoIndex:12,fov:102,mode:"Panorama",latitude:.09535367780803297,longitude:4.538265211748573}},{uuid:"d2784b77-93fc-4788-4d73-564c946e6272",type:"CameraMovement",start:152100,end:153600,parsed:!1,data:{effect:"Move",panoIndex:14,fov:102,mode:"Panorama",latitude:.13272445414646844,longitude:.5147689397444273}},{uuid:"f970f558-3c7a-42d0-ad46-9feb99f04ff6",type:"CameraMovement",start:165380,end:166880,parsed:!1,data:{effect:"Move",panoIndex:18,fov:120,mode:"Panorama",latitude:.010150394708099617,longitude:1.109313455794532}},{uuid:"2173534e-8d54-4197-bb79-a7244ccac6b4",type:"CameraMovement",start:199050,end:201050,parsed:!1,data:{effect:"Move",panoIndex:28,fov:120,mode:"Panorama",latitude:.09871290045418332,longitude:4.731142937321037}},{uuid:"00f378d7-3c72-4f68-32fb-6382069d30f0",type:"CameraMovement",start:240800,end:242300,parsed:!1,data:{effect:"Move",panoIndex:0,fov:120,mode:"Panorama",latitude:.04438022675004691,longitude:5.232986472982764}}]};function M(){const e=t.useRef(!1),{show:a,play:d,hide:r,pause:p,load:f}=m(),c=P();return Object.assign(window,{$load:f,$show:a}),u.jsx("div",{className:"btns",children:u.jsx("button",{onClick:async()=>{if(!c){p(),r();return}a(),e.current?d():(e.current=!0,f(l))},children:c?"播放":"暂停"})})}export{M as A,v as V};