@realsee/vreo 0.2.0-alpha.2 → 0.2.0-alpha.20

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 (147) hide show
  1. package/CHANGELOG.md +5 -0
  2. package/README.md +80 -5
  3. package/docs/assets/custom.css +2 -2
  4. package/docs/assets/highlight.css +1 -1
  5. package/docs/assets/main.js +2 -2
  6. package/docs/assets/search.js +1 -1
  7. package/docs/assets/style.css +28 -2
  8. package/docs/classes/Player.AudioLike.html +52 -0
  9. package/docs/classes/Player.Controller.html +13 -13
  10. package/docs/classes/Player.Player-1.html +11 -11
  11. package/docs/classes/Player.VideoAgentMesh.html +53 -53
  12. package/docs/classes/Player.VideoAgentScene.html +1 -1
  13. package/docs/demo/assets/AppReact.ec0a6e82.js +1 -0
  14. package/docs/demo/assets/default.55c3f308.css +1 -0
  15. package/docs/demo/assets/default.a5d6dd99.js +3952 -0
  16. package/docs/demo/assets/dynamic.8c30b7ae.js +1 -0
  17. package/docs/demo/assets/examples.dac4a6fe.css +1 -0
  18. package/docs/demo/assets/examples.ddb41c97.js +25 -0
  19. package/docs/demo/assets/index.a7bafdff.css +1 -0
  20. package/docs/demo/assets/index.fc42be2b.js +1 -0
  21. package/docs/demo/assets/main.d119ebf7.js +1 -0
  22. package/docs/demo/assets/react.2d403aee.js +25 -0
  23. package/docs/demo/assets/react.855b3d23.css +1 -0
  24. package/docs/demo/assets/znRoyv06SZQeqA7m.0057e8ae.js +1 -0
  25. package/docs/demo/examples.html +17 -0
  26. package/docs/demo/index-react-dynamic.html +20 -0
  27. package/docs/demo/index-react.html +20 -0
  28. package/docs/demo/index.html +19 -0
  29. package/docs/enums/Player.InfoPanelStyleEnum.html +1 -0
  30. package/docs/enums/Player.InfoPanelTypeEnum.html +2 -2
  31. package/docs/enums/Player.PanoEffectEnum.html +2 -2
  32. package/docs/enums/Player.PanoTagEnum.html +2 -2
  33. package/docs/enums/Player.PanoTagStyleEnum.html +7 -0
  34. package/docs/enums/Player.VreoKeyframeEnum.html +12 -12
  35. package/docs/enums/fivePlugins.CameraMovementEffect.html +1 -1
  36. package/docs/enums/fivePlugins.Rotation.html +1 -1
  37. package/docs/index.html +37 -6
  38. package/docs/interfaces/Player.CustomVreoKeyframeProps.html +1 -1
  39. package/docs/interfaces/Player.PlayerConfigs.html +3 -3
  40. package/docs/interfaces/Player.Vertex.html +2 -2
  41. package/docs/interfaces/Player.VideoAgentMeshOptions.html +8 -1
  42. package/docs/interfaces/Player.VreoKeyframe.html +2 -2
  43. package/docs/interfaces/Player.VreoUnit.html +2 -2
  44. package/docs/interfaces/Player.VreoVideo.html +2 -2
  45. package/docs/interfaces/fivePlugins.CSS3DRenderPluginExportType.html +4 -0
  46. package/docs/interfaces/fivePlugins.CameraMovementOptsCallback.html +1 -1
  47. package/docs/interfaces/fivePlugins.CameraMovementPluginExportType.html +2 -2
  48. package/docs/interfaces/fivePlugins.CameraMovementPluginParameterType.html +1 -1
  49. package/docs/interfaces/fivePlugins.ModelTVVideoPluginData.html +1 -1
  50. package/docs/interfaces/fivePlugins.ModelTVVideoPluginExportType.html +1 -1
  51. package/docs/interfaces/fivePlugins.ModelTVVideoPluginParameterType.html +1 -1
  52. package/docs/interfaces/fivePlugins.Vector3Position.html +3 -0
  53. package/docs/interfaces/react.VreoActionCallbacks.html +15 -7
  54. package/docs/interfaces/react.VreoProviderProps.html +1 -1
  55. package/docs/modules/Player.html +21 -15
  56. package/docs/modules/custom.html +1 -1
  57. package/docs/modules/fivePlugins.html +5 -2
  58. package/docs/modules/react.html +1 -1
  59. package/docs/modules.html +1 -1
  60. package/lib/PlayController/createHTMLAudioElement.d.ts +1 -0
  61. package/lib/PlayController/createHTMLAudioElement.js +47 -0
  62. package/lib/PlayController/index.d.ts +38 -0
  63. package/lib/PlayController/index.js +300 -0
  64. package/lib/Player/App.js +5 -4
  65. package/lib/Player/Controller.d.ts +5 -1
  66. package/lib/Player/Controller.js +38 -5
  67. package/lib/Player/custom/SpatialScenePanel/index.d.ts +2 -2
  68. package/lib/Player/custom/SpatialScenePanel/index.js +98 -26
  69. package/lib/Player/index.d.ts +3 -2
  70. package/lib/Player/index.js +116 -24
  71. package/lib/Player/modules/Drawer/index.js +1 -1
  72. package/lib/Player/modules/PopUp/index.d.ts +2 -0
  73. package/lib/Player/modules/PopUp/index.js +43 -0
  74. package/lib/Player/modules/VideoAgent/VideoAgentMesh.d.ts +17 -2
  75. package/lib/Player/modules/VideoAgent/VideoAgentMesh.js +113 -37
  76. package/lib/Player/modules/VideoAgent/VideoAgentScene.d.ts +5 -1
  77. package/lib/Player/modules/VideoAgent/VideoAgentScene.js +9 -4
  78. package/lib/Player/modules/VideoAgent/index.d.ts +2 -0
  79. package/lib/Player/modules/VideoAgent/index.js +2 -2
  80. package/lib/Player/modules/keyframes/BgMusic/index.js +1 -1
  81. package/lib/Player/modules/keyframes/CameraMovement/index.js +42 -6
  82. package/lib/Player/modules/keyframes/InfoPanel/index.js +74 -36
  83. package/lib/Player/modules/keyframes/ModelVideo/index.js +46 -9
  84. package/lib/Player/modules/keyframes/PanoEffect/index.js +1 -1
  85. package/lib/Player/modules/keyframes/PanoEffect/lineAnime.js +1 -1
  86. package/lib/Player/modules/keyframes/PanoTag/index.js +20 -7
  87. package/lib/Player/modules/keyframes/PanoTextLabel/index.d.ts +3 -0
  88. package/lib/Player/modules/keyframes/PanoTextLabel/index.js +96 -51
  89. package/lib/Player/modules/keyframes/Prompter/index.js +5 -19
  90. package/lib/Player/modules/keyframes/UpdateVRPanorama/index.js +31 -19
  91. package/lib/Player/modules/keyframes/VideoEffect/index.js +1 -1
  92. package/lib/Player/typings.d.ts +6 -0
  93. package/lib/fivePlugins/CSS3DRenderPlugin/centerPoint.d.ts +2 -0
  94. package/lib/fivePlugins/CSS3DRenderPlugin/centerPoint.js +12 -0
  95. package/lib/fivePlugins/CSS3DRenderPlugin/createResizeObserver.d.ts +7 -0
  96. package/lib/fivePlugins/CSS3DRenderPlugin/createResizeObserver.js +32 -0
  97. package/lib/fivePlugins/CSS3DRenderPlugin/evenNumber.d.ts +3 -0
  98. package/lib/fivePlugins/CSS3DRenderPlugin/evenNumber.js +11 -0
  99. package/lib/fivePlugins/CSS3DRenderPlugin/index.d.ts +56 -0
  100. package/lib/fivePlugins/CSS3DRenderPlugin/index.js +275 -0
  101. package/lib/fivePlugins/CSS3DRenderPlugin/transformPositionToVector3.d.ts +7 -0
  102. package/lib/fivePlugins/CSS3DRenderPlugin/transformPositionToVector3.js +18 -0
  103. package/lib/fivePlugins/CameraMovementPlugin/index.js +104 -90
  104. package/lib/fivePlugins/CameraMovementPlugin/typings.d.ts +1 -0
  105. package/lib/fivePlugins/ModelTVVideoPlugin/index.js +1 -1
  106. package/lib/react/index.d.ts +7 -3
  107. package/lib/react/index.js +3 -3
  108. package/lib/shared-utils/AduioLike.d.ts +37 -0
  109. package/lib/shared-utils/AduioLike.js +165 -0
  110. package/lib/shared-utils/animationFrame/BetterTween.js +7 -3
  111. package/lib/shared-utils/animationFrame/tween.js +1 -1
  112. package/lib/shared-utils/createTransMatrix.d.ts +1 -0
  113. package/lib/shared-utils/createTransMatrix.js +43 -0
  114. package/lib/typings/VreoUnit.d.ts +42 -5
  115. package/lib/typings/VreoUnit.js +26 -6
  116. package/package.json +8 -8
  117. package/resources/PlayController/createHTMLAudioElement.ts +53 -0
  118. package/resources/PlayController/index.ts +167 -0
  119. package/resources/Player/App.tsx +2 -0
  120. package/resources/Player/Controller.ts +155 -121
  121. package/resources/Player/custom/SpatialScenePanel/index.tsx +148 -45
  122. package/resources/Player/index.tsx +186 -110
  123. package/resources/Player/modules/PopUp/index.tsx +26 -0
  124. package/resources/Player/modules/VideoAgent/VideoAgentMesh.ts +66 -14
  125. package/resources/Player/modules/VideoAgent/VideoAgentScene.ts +3 -3
  126. package/resources/Player/modules/VideoAgent/index.tsx +3 -2
  127. package/resources/Player/modules/keyframes/CameraMovement/index.tsx +7 -3
  128. package/resources/Player/modules/keyframes/InfoPanel/index.tsx +79 -34
  129. package/resources/Player/modules/keyframes/ModelVideo/index.tsx +36 -3
  130. package/resources/Player/modules/keyframes/PanoTag/index.tsx +31 -12
  131. package/resources/Player/modules/keyframes/PanoTextLabel/index.tsx +87 -34
  132. package/resources/Player/modules/keyframes/Prompter/index.tsx +5 -15
  133. package/resources/Player/modules/keyframes/UpdateVRPanorama/index.tsx +25 -16
  134. package/resources/Player/typings.ts +5 -0
  135. package/resources/fivePlugins/CSS3DRenderPlugin/centerPoint.ts +5 -0
  136. package/resources/fivePlugins/CSS3DRenderPlugin/createResizeObserver.ts +17 -0
  137. package/resources/fivePlugins/CSS3DRenderPlugin/evenNumber.ts +4 -0
  138. package/resources/fivePlugins/CSS3DRenderPlugin/index.ts +254 -0
  139. package/resources/fivePlugins/CSS3DRenderPlugin/transformPositionToVector3.ts +5 -0
  140. package/resources/fivePlugins/CameraMovementPlugin/index.ts +59 -48
  141. package/resources/fivePlugins/CameraMovementPlugin/typings.ts +2 -1
  142. package/resources/react/index.tsx +7 -3
  143. package/resources/shared-utils/AduioLike.ts +108 -0
  144. package/resources/shared-utils/createTransMatrix.ts +12 -0
  145. package/resources/typings/VreoUnit.ts +46 -5
  146. package/stylesheets/custom/SpatialScenePanel.css +14 -8
  147. package/stylesheets/default.css +116 -12
package/docs/index.html CHANGED
@@ -1,4 +1,4 @@
1
- <!DOCTYPE html><html class="default"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>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 async src="assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base="."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="index.html" class="title">Vreo</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label><input type="checkbox" id="tsd-filter-externals" checked/><label class="tsd-widget" for="tsd-filter-externals">Externals</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><h1> Vreo</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><div class="tsd-panel tsd-typography">
1
+ <!DOCTYPE html><html class="default"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>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 async src="assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base="."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="index.html" class="title">Vreo</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label><input type="checkbox" id="tsd-filter-externals" checked/><label class="tsd-widget" for="tsd-filter-externals">Externals</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><h1> Vreo </h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><div class="tsd-panel tsd-typography">
2
2
  <a href="#realseevreo" id="realseevreo" style="color: inherit; text-decoration: none;">
3
3
  <h1>@realsee/vreo</h1>
4
4
  </a>
@@ -50,7 +50,7 @@
50
50
  </a>
51
51
  <p><strong>VreoUnit</strong> 是剧本数据结构的最小单元，用以描述音视频、剧本帧序列等信息。</p>
52
52
  <p><strong>VreoUnit</strong> 数据结构样例如下：</p>
53
- <pre><code class="hljs language-json"><span class="hl-0">{</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;categoryId&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;257ac7a8-b00a-4a1b-88b8-76f93362c0dc&quot;</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;categoryText&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;讲房源户型&quot;</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;video&quot;</span><span class="hl-0">: {</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;duration&quot;</span><span class="hl-0">: </span><span class="hl-14">106278</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;start&quot;</span><span class="hl-0">: </span><span class="hl-14">0</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;end&quot;</span><span class="hl-0">: </span><span class="hl-14">106278</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;url&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;//url-host/***/xxx.mp4&quot;</span><br/><span class="hl-0"> },</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;keyframes&quot;</span><span class="hl-0">: [</span><br/><span class="hl-0"> {</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;uuid&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;ac70621b-4e00-442e-311c-befb5bd3f87f&quot;</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;type&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;PanoTextLabel&quot;</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;start&quot;</span><span class="hl-0">: </span><span class="hl-14">27060</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;end&quot;</span><span class="hl-0">: </span><span class="hl-14">42351</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;parsed&quot;</span><span class="hl-0">: </span><span class="hl-3">false</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;data&quot;</span><span class="hl-0">: {</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;text&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;戏剧人生&quot;</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;vertex&quot;</span><span class="hl-0">: {</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;x&quot;</span><span class="hl-0">: </span><span class="hl-14">-0.8879207391906447</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;y&quot;</span><span class="hl-0">: </span><span class="hl-14">0.3829881941156301</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;z&quot;</span><span class="hl-0">: </span><span class="hl-14">-1.8068334368800785</span><br/><span class="hl-0"> },</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;fontSize&quot;</span><span class="hl-0">: </span><span class="hl-14">16</span><br/><span class="hl-0"> }</span><br/><span class="hl-0"> },</span><br/><span class="hl-0"> {</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;uuid&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;ec1bbe11-ffee-4fe1-5823-46b6cad4e7d8&quot;</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;type&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;ModelVideo&quot;</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;start&quot;</span><span class="hl-0">: </span><span class="hl-14">17452</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;end&quot;</span><span class="hl-0">: </span><span class="hl-14">74901</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;parsed&quot;</span><span class="hl-0">: </span><span class="hl-3">false</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;data&quot;</span><span class="hl-0">: {</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;videoSrc&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;//url-host/release/web/videos/tv_ads/360/009.mp4&quot;</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;videoPosterSrc&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;//url-host/release/web/videos/posters/002.9203cf99.jpg&quot;</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;vertexs&quot;</span><span class="hl-0">: [</span><br/><span class="hl-0"> {</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;x&quot;</span><span class="hl-0">: </span><span class="hl-14">0.07203829865103632</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;y&quot;</span><span class="hl-0">: </span><span class="hl-14">0.8215782650149405</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;z&quot;</span><span class="hl-0">: </span><span class="hl-14">-1.7994856093044471</span><br/><span class="hl-0"> },</span><br/><span class="hl-0"> {</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;x&quot;</span><span class="hl-0">: </span><span class="hl-14">0.08971605109132826</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;y&quot;</span><span class="hl-0">: </span><span class="hl-14">-0.2930481300912484</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;z&quot;</span><span class="hl-0">: </span><span class="hl-14">-1.798372293401237</span><br/><span class="hl-0"> },</span><br/><span class="hl-0"> {</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;x&quot;</span><span class="hl-0">: </span><span class="hl-14">2.367235599574914</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;y&quot;</span><span class="hl-0">: </span><span class="hl-14">-0.296526676652792</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;z&quot;</span><span class="hl-0">: </span><span class="hl-14">-1.7934272967593008</span><br/><span class="hl-0"> },</span><br/><span class="hl-0"> {</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;x&quot;</span><span class="hl-0">: </span><span class="hl-14">2.3601990173854315</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;y&quot;</span><span class="hl-0">: </span><span class="hl-14">0.8691239478108612</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;z&quot;</span><span class="hl-0">: </span><span class="hl-14">-1.7949685793090848</span><br/><span class="hl-0"> }</span><br/><span class="hl-0"> ]</span><br/><span class="hl-0"> }</span><br/><span class="hl-0"> },</span><br/><span class="hl-0"> {</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;uuid&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;f9245b1b-ca8d-4a6c-5616-d53cd9cf8c3c&quot;</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;type&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;PanoTag&quot;</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;start&quot;</span><span class="hl-0">: </span><span class="hl-14">988</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;end&quot;</span><span class="hl-0">: </span><span class="hl-14">69803</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;parsed&quot;</span><span class="hl-0">: </span><span class="hl-3">false</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;data&quot;</span><span class="hl-0">: {</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;text&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;一蓑烟雨任平生&quot;</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;vertex&quot;</span><span class="hl-0">: {</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;x&quot;</span><span class="hl-0">: </span><span class="hl-14">3.4119340861387304</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;y&quot;</span><span class="hl-0">: </span><span class="hl-14">0.1283617853353691</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;z&quot;</span><span class="hl-0">: </span><span class="hl-14">-0.6533418002816742</span><br/><span class="hl-0"> },</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;type&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;Image&quot;</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;imgUrl&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;//url-host/release/web/cat_music.f68fb9bb.gif&quot;</span><br/><span class="hl-0"> }</span><br/><span class="hl-0"> },</span><br/><span class="hl-0"> {</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;uuid&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;d16138f3-fad1-412e-2df0-f66b61e0b38e&quot;</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;type&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;PanoEffect&quot;</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;start&quot;</span><span class="hl-0">: </span><span class="hl-14">2598</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;end&quot;</span><span class="hl-0">: </span><span class="hl-14">7955</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;parsed&quot;</span><span class="hl-0">: </span><span class="hl-3">false</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;data&quot;</span><span class="hl-0">: {</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;twoVertexs&quot;</span><span class="hl-0">: [</span><br/><span class="hl-0"> {</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;x&quot;</span><span class="hl-0">: </span><span class="hl-14">0.04138994383630945</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;y&quot;</span><span class="hl-0">: </span><span class="hl-14">-1.323667318114752</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;z&quot;</span><span class="hl-0">: </span><span class="hl-14">2.7873723200461096</span><br/><span class="hl-0"> },</span><br/><span class="hl-0"> {</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;x&quot;</span><span class="hl-0">: </span><span class="hl-14">-2.804123324007684</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;y&quot;</span><span class="hl-0">: </span><span class="hl-14">-1.3249364005914073</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;z&quot;</span><span class="hl-0">: </span><span class="hl-14">3.068840643805892</span><br/><span class="hl-0"> }</span><br/><span class="hl-0"> ],</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;effect&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;Distance&quot;</span><br/><span class="hl-0"> }</span><br/><span class="hl-0"> }</span><br/><span class="hl-0"> ]</span><br/><span class="hl-0">}</span>
53
+ <pre><code class="hljs language-json"><span class="hl-0">{</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;categoryId&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;257ac7a8-b00a-4a1b-88b8-76f93362c0dc&quot;</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;categoryText&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;讲房源户型&quot;</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;video&quot;</span><span class="hl-0">: {</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;duration&quot;</span><span class="hl-0">: </span><span class="hl-14">106278</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;start&quot;</span><span class="hl-0">: </span><span class="hl-14">0</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;end&quot;</span><span class="hl-0">: </span><span class="hl-14">106278</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;url&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;//url-host/***/xxx.mp4&quot;</span><span class="hl-0"> </span><span class="hl-1">// &quot;url&quot; 如果是空字符串，则以 `AudioLike` 的逻辑进行执行。</span><br/><span class="hl-0"> },</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;keyframes&quot;</span><span class="hl-0">: [</span><br/><span class="hl-0"> {</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;uuid&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;ac70621b-4e00-442e-311c-befb5bd3f87f&quot;</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;type&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;PanoTextLabel&quot;</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;start&quot;</span><span class="hl-0">: </span><span class="hl-14">27060</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;end&quot;</span><span class="hl-0">: </span><span class="hl-14">42351</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;parsed&quot;</span><span class="hl-0">: </span><span class="hl-3">false</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;data&quot;</span><span class="hl-0">: {</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;text&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;戏剧人生&quot;</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;vertex&quot;</span><span class="hl-0">: {</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;x&quot;</span><span class="hl-0">: </span><span class="hl-14">-0.8879207391906447</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;y&quot;</span><span class="hl-0">: </span><span class="hl-14">0.3829881941156301</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;z&quot;</span><span class="hl-0">: </span><span class="hl-14">-1.8068334368800785</span><br/><span class="hl-0"> },</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;fontSize&quot;</span><span class="hl-0">: </span><span class="hl-14">16</span><br/><span class="hl-0"> }</span><br/><span class="hl-0"> },</span><br/><span class="hl-0"> {</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;uuid&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;ec1bbe11-ffee-4fe1-5823-46b6cad4e7d8&quot;</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;type&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;ModelVideo&quot;</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;start&quot;</span><span class="hl-0">: </span><span class="hl-14">17452</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;end&quot;</span><span class="hl-0">: </span><span class="hl-14">74901</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;parsed&quot;</span><span class="hl-0">: </span><span class="hl-3">false</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;data&quot;</span><span class="hl-0">: {</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;videoSrc&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;//url-host/release/web/videos/tv_ads/360/009.mp4&quot;</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;videoPosterSrc&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;//url-host/release/web/videos/posters/002.9203cf99.jpg&quot;</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;vertexs&quot;</span><span class="hl-0">: [</span><br/><span class="hl-0"> {</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;x&quot;</span><span class="hl-0">: </span><span class="hl-14">0.07203829865103632</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;y&quot;</span><span class="hl-0">: </span><span class="hl-14">0.8215782650149405</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;z&quot;</span><span class="hl-0">: </span><span class="hl-14">-1.7994856093044471</span><br/><span class="hl-0"> },</span><br/><span class="hl-0"> {</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;x&quot;</span><span class="hl-0">: </span><span class="hl-14">0.08971605109132826</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;y&quot;</span><span class="hl-0">: </span><span class="hl-14">-0.2930481300912484</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;z&quot;</span><span class="hl-0">: </span><span class="hl-14">-1.798372293401237</span><br/><span class="hl-0"> },</span><br/><span class="hl-0"> {</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;x&quot;</span><span class="hl-0">: </span><span class="hl-14">2.367235599574914</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;y&quot;</span><span class="hl-0">: </span><span class="hl-14">-0.296526676652792</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;z&quot;</span><span class="hl-0">: </span><span class="hl-14">-1.7934272967593008</span><br/><span class="hl-0"> },</span><br/><span class="hl-0"> {</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;x&quot;</span><span class="hl-0">: </span><span class="hl-14">2.3601990173854315</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;y&quot;</span><span class="hl-0">: </span><span class="hl-14">0.8691239478108612</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;z&quot;</span><span class="hl-0">: </span><span class="hl-14">-1.7949685793090848</span><br/><span class="hl-0"> }</span><br/><span class="hl-0"> ]</span><br/><span class="hl-0"> }</span><br/><span class="hl-0"> },</span><br/><span class="hl-0"> {</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;uuid&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;f9245b1b-ca8d-4a6c-5616-d53cd9cf8c3c&quot;</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;type&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;PanoTag&quot;</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;start&quot;</span><span class="hl-0">: </span><span class="hl-14">988</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;end&quot;</span><span class="hl-0">: </span><span class="hl-14">69803</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;parsed&quot;</span><span class="hl-0">: </span><span class="hl-3">false</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;data&quot;</span><span class="hl-0">: {</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;text&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;一蓑烟雨任平生&quot;</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;vertex&quot;</span><span class="hl-0">: {</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;x&quot;</span><span class="hl-0">: </span><span class="hl-14">3.4119340861387304</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;y&quot;</span><span class="hl-0">: </span><span class="hl-14">0.1283617853353691</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;z&quot;</span><span class="hl-0">: </span><span class="hl-14">-0.6533418002816742</span><br/><span class="hl-0"> },</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;type&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;Image&quot;</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;imgUrl&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;//url-host/release/web/cat_music.f68fb9bb.gif&quot;</span><br/><span class="hl-0"> }</span><br/><span class="hl-0"> },</span><br/><span class="hl-0"> {</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;uuid&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;d16138f3-fad1-412e-2df0-f66b61e0b38e&quot;</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;type&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;PanoEffect&quot;</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;start&quot;</span><span class="hl-0">: </span><span class="hl-14">2598</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;end&quot;</span><span class="hl-0">: </span><span class="hl-14">7955</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;parsed&quot;</span><span class="hl-0">: </span><span class="hl-3">false</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;data&quot;</span><span class="hl-0">: {</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;twoVertexs&quot;</span><span class="hl-0">: [</span><br/><span class="hl-0"> {</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;x&quot;</span><span class="hl-0">: </span><span class="hl-14">0.04138994383630945</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;y&quot;</span><span class="hl-0">: </span><span class="hl-14">-1.323667318114752</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;z&quot;</span><span class="hl-0">: </span><span class="hl-14">2.7873723200461096</span><br/><span class="hl-0"> },</span><br/><span class="hl-0"> {</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;x&quot;</span><span class="hl-0">: </span><span class="hl-14">-2.804123324007684</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;y&quot;</span><span class="hl-0">: </span><span class="hl-14">-1.3249364005914073</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;z&quot;</span><span class="hl-0">: </span><span class="hl-14">3.068840643805892</span><br/><span class="hl-0"> }</span><br/><span class="hl-0"> ],</span><br/><span class="hl-0"> </span><span class="hl-13">&quot;effect&quot;</span><span class="hl-0">: </span><span class="hl-5">&quot;Distance&quot;</span><br/><span class="hl-0"> }</span><br/><span class="hl-0"> }</span><br/><span class="hl-0"> ]</span><br/><span class="hl-0">}</span>
54
54
  </code></pre>
55
55
  <p><strong>VreoUnit</strong> 的字段说明：</p>
56
56
  <ul>
@@ -82,7 +82,7 @@
82
82
  </ul>
83
83
  <blockquote>
84
84
  <p><strong>如何获取剧本数据？</strong>
85
- 剧本服务及剧本编辑器公开版本尚在开发中，预计 2022 年 2 月份中旬发布，敬请期待。</p>
85
+ 剧本服务及剧本编辑器公开版本尚在开发中，敬请期待。</p>
86
86
  </blockquote>
87
87
 
88
88
  <a href="#剧本帧说明" id="剧本帧说明" style="color: inherit; text-decoration: none;">
@@ -159,7 +159,7 @@
159
159
  <h4>更换全景</h4>
160
160
  </a>
161
161
  <p><strong>更换全景</strong> 可以动态修改某个点位的全景图片。</p>
162
- <pre><code class="hljs language-ts"><span class="hl-2">export</span><span class="hl-0"> </span><span class="hl-3">type</span><span class="hl-0"> </span><span class="hl-8">UpdateVRPanoramaData</span><span class="hl-0"> = {</span><br/><span class="hl-0"> </span><span class="hl-4">panoIndex</span><span class="hl-0">: </span><span class="hl-8">number</span><span class="hl-0"> </span><span class="hl-1">// 点位</span><br/><span class="hl-0"> </span><span class="hl-4">images</span><span class="hl-0">: </span><span class="hl-8">WorkCubeImage</span><span class="hl-0"> </span><span class="hl-1">// 全景贴图</span><br/><span class="hl-0">}</span>
162
+ <pre><code class="hljs language-ts"><span class="hl-2">export</span><span class="hl-0"> </span><span class="hl-3">type</span><span class="hl-0"> </span><span class="hl-8">UpdateVRPanoramaData</span><span class="hl-0"> = {</span><br/><span class="hl-0"> </span><span class="hl-4">_signature</span><span class="hl-0">: </span><span class="hl-8">string</span><span class="hl-0"> </span><span class="hl-1">// 签名字段</span><br/><span class="hl-0"> </span><span class="hl-4">allow_hosts</span><span class="hl-0">: </span><span class="hl-8">string</span><span class="hl-0">[] </span><span class="hl-1">// 域名白名单</span><br/><span class="hl-0"> </span><span class="hl-4">certificate</span><span class="hl-0">: </span><span class="hl-8">string</span><span class="hl-0"> </span><span class="hl-1">// 签名值</span><br/><span class="hl-0"> </span><span class="hl-4">expire_at</span><span class="hl-0">: </span><span class="hl-8">string</span><span class="hl-0"> </span><span class="hl-1">// 过期时间</span><br/><span class="hl-0"> </span><span class="hl-1">// 动态场景</span><br/><span class="hl-0"> </span><span class="hl-4">dynamic_scene</span><span class="hl-0">?: {</span><br/><span class="hl-0"> </span><span class="hl-4">images</span><span class="hl-0">: { </span><span class="hl-1">// 切换全景的图片</span><br/><span class="hl-0"> </span><span class="hl-4">index</span><span class="hl-0">: </span><span class="hl-8">number</span><span class="hl-0"> </span><span class="hl-1">// 对应的全景点位</span><br/><span class="hl-0"> </span><span class="hl-4">right</span><span class="hl-0">: </span><span class="hl-8">string</span><br/><span class="hl-0"> </span><span class="hl-4">left</span><span class="hl-0">: </span><span class="hl-8">string</span><br/><span class="hl-0"> </span><span class="hl-4">up</span><span class="hl-0">: </span><span class="hl-8">string</span><br/><span class="hl-0"> </span><span class="hl-4">down</span><span class="hl-0">: </span><span class="hl-8">string</span><br/><span class="hl-0"> </span><span class="hl-4">front</span><span class="hl-0">: </span><span class="hl-8">string</span><br/><span class="hl-0"> </span><span class="hl-4">back</span><span class="hl-0">: </span><span class="hl-8">string</span><br/><span class="hl-0"> }</span><br/><span class="hl-0"> }</span><br/><span class="hl-0"> [</span><span class="hl-4">key</span><span class="hl-0">: </span><span class="hl-8">string</span><span class="hl-0">]: </span><span class="hl-8">any</span><br/><span class="hl-0">}</span>
163
163
  </code></pre>
164
164
  <p>比如，您可以拍摄某个房间开灯与关灯两个场景的全景，通过动态切换可以营造出全景中开灯、关灯的效果。</p>
165
165
  <p>同样的，如果您在同一个位置分别拍摄了早晨、上午、中午、下午、傍晚、深夜的全景图片，就可以营造出该位置在一天中不同时间段的光照效果。</p>
@@ -179,6 +179,13 @@
179
179
  <pre><code class="hljs language-ts"><span class="hl-3">type</span><span class="hl-0"> </span><span class="hl-8">VideoEffectData</span><span class="hl-0"> = {</span><br/><span class="hl-0"> </span><span class="hl-4">videoSrc</span><span class="hl-0">: </span><span class="hl-8">string</span><span class="hl-0"> </span><span class="hl-1">// 视频地址</span><br/><span class="hl-0"> </span><span class="hl-4">panoIndex</span><span class="hl-0">: </span><span class="hl-8">number</span><span class="hl-0"> </span><span class="hl-1">// 所处点位</span><br/><span class="hl-0"> </span><span class="hl-4">fov</span><span class="hl-0">: </span><span class="hl-8">number</span><span class="hl-0"> </span><span class="hl-1">// 镜头远近</span><br/><span class="hl-0"> </span><span class="hl-4">direction</span><span class="hl-0">?: </span><span class="hl-8">Vertex</span><span class="hl-0"> </span><span class="hl-1">// 方向向量: {x, y, z} 形式</span><br/><span class="hl-0"> </span><span class="hl-4">vector</span><span class="hl-0">?: </span><span class="hl-8">Pick</span><span class="hl-0">&lt;</span><span class="hl-8">Pose</span><span class="hl-0">, </span><span class="hl-5">&#39;longitude&#39;</span><span class="hl-0"> | </span><span class="hl-5">&#39;latitude&#39;</span><span class="hl-0">&gt; </span><span class="hl-1">// 方向向量: 向量坐标</span><br/><span class="hl-0">}</span>
180
180
  </code></pre>
181
181
 
182
+ <a href="#背景音乐" id="背景音乐" style="color: inherit; text-decoration: none;">
183
+ <h4>背景音乐</h4>
184
+ </a>
185
+ <p><strong>背景音乐</strong> 给剧本添加一段背景音乐（背景音乐会与讲稿音频并行播放）。</p>
186
+ <pre><code class="hljs language-ts"><span class="hl-2">export</span><span class="hl-0"> </span><span class="hl-3">type</span><span class="hl-0"> </span><span class="hl-8">BgMusicData</span><span class="hl-0"> = {</span><br/><span class="hl-0"> </span><span class="hl-4">url</span><span class="hl-0">: </span><span class="hl-8">string</span><span class="hl-0"> </span><span class="hl-1">// .mp3 背景音乐 CDN 地址</span><br/><span class="hl-0">}</span>
187
+ </code></pre>
188
+
182
189
  <a href="#自定义剧本帧行为" id="自定义剧本帧行为" style="color: inherit; text-decoration: none;">
183
190
  <h3>自定义剧本帧行为</h3>
184
191
  </a>
@@ -200,15 +207,39 @@
200
207
  <a href="#注意事项" id="注意事项" style="color: inherit; text-decoration: none;">
201
208
  <h2>注意事项</h2>
202
209
  </a>
210
+
211
+ <a href="#兼容性" id="兼容性" style="color: inherit; text-decoration: none;">
212
+ <h3>兼容性</h3>
213
+ </a>
203
214
  <p>浏览器对视频自动播放有严格的限制（播放行为必须由用户触发），<code>@realsee/vreo</code> 内部已经最大限度规避了浏览器对视频自动播放的限制。</p>
204
215
  <p>但是规避 <a href="https://developers.weixin.qq.com/community/develop/doc/000e640d77cfa001132a6cb8456c01">微信浏览器中音视频自动播放限制</a> 需要调用 <a href="https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html">微信 JS-SDK</a> 触发<code>WeixinJSBridgeReady</code>事件后才能实现。</p>
205
216
  <p>虽然 <code>@realsee/vreo</code> 并不依赖 <a href="https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html">微信 JS-SDK</a> ，但您可以提前创建<code>HTMLVideoElement</code>实例，然后再在初始化<code>vreoplayer</code>实例时通过配置项指定 <code>HTMLVideoElement</code>实例，可参考：</p>
206
- <pre><code class="hljs language-ts"><span class="hl-1">// 创建 HTMLVideoElement 实例</span><br/><span class="hl-3">const</span><span class="hl-0"> </span><span class="hl-7">creatVideo</span><span class="hl-0"> = (): </span><span class="hl-8">HTMLVideoElement</span><span class="hl-0"> </span><span class="hl-3">=&gt;</span><span class="hl-0"> {</span><br/><span class="hl-0"> </span><span class="hl-3">const</span><span class="hl-0"> </span><span class="hl-6">video</span><span class="hl-0"> = </span><span class="hl-4">document</span><span class="hl-0">.</span><span class="hl-7">createElement</span><span class="hl-0">(</span><span class="hl-5">&#39;video&#39;</span><span class="hl-0">)</span><br/><br/><span class="hl-0"> </span><span class="hl-4">video</span><span class="hl-0">.</span><span class="hl-7">setAttribute</span><span class="hl-0">(</span><span class="hl-5">&#39;playsinline&#39;</span><span class="hl-0">, </span><span class="hl-5">&#39;true&#39;</span><span class="hl-0">)</span><br/><span class="hl-0"> </span><span class="hl-4">video</span><span class="hl-0">.</span><span class="hl-7">setAttribute</span><span class="hl-0">(</span><span class="hl-5">&#39;webkit-playsinline&#39;</span><span class="hl-0">, </span><span class="hl-5">&#39;true&#39;</span><span class="hl-0">)</span><br/><span class="hl-0"> </span><span class="hl-4">video</span><span class="hl-0">.</span><span class="hl-7">setAttribute</span><span class="hl-0">(</span><span class="hl-5">&#39;autoplay&#39;</span><span class="hl-0">, </span><span class="hl-5">&#39;true&#39;</span><span class="hl-0">)</span><br/><br/><span class="hl-0"> </span><span class="hl-2">return</span><span class="hl-0"> </span><span class="hl-4">video</span><br/><span class="hl-0">}</span><br/><br/><span class="hl-1">// 提前创建 Video</span><br/><span class="hl-3">const</span><span class="hl-0"> </span><span class="hl-6">videoEffect</span><span class="hl-0"> = </span><span class="hl-7">creatVideo</span><span class="hl-0">()</span><br/><span class="hl-3">const</span><span class="hl-0"> </span><span class="hl-6">modelTVVideo</span><span class="hl-0"> = </span><span class="hl-7">creatVideo</span><span class="hl-0">()</span><br/><br/><span class="hl-1">// 微信限制：需在 WeixinJSBridgeReady 回调中触发一次</span><br/><span class="hl-4">document</span><span class="hl-0">.</span><span class="hl-7">addEventListener</span><span class="hl-0">(</span><br/><span class="hl-0"> </span><span class="hl-5">&#39;WeixinJSBridgeReady&#39;</span><span class="hl-0">,</span><br/><span class="hl-0"> () </span><span class="hl-3">=&gt;</span><span class="hl-0"> {</span><br/><span class="hl-0"> </span><span class="hl-4">videoEffect</span><span class="hl-0">.</span><span class="hl-7">play</span><span class="hl-0">()</span><br/><span class="hl-0"> </span><span class="hl-4">modelTVVideo</span><span class="hl-0">.</span><span class="hl-7">play</span><span class="hl-0">()</span><br/><span class="hl-0"> },</span><br/><span class="hl-0"> </span><span class="hl-3">false</span><br/><span class="hl-0">)</span><br/><br/><span class="hl-1">// 创建 Player 实例</span><br/><span class="hl-3">const</span><span class="hl-0"> </span><span class="hl-6">vreoplayer</span><span class="hl-0"> = </span><span class="hl-3">new</span><span class="hl-0"> </span><span class="hl-7">Player</span><span class="hl-0">(</span><span class="hl-4">five</span><span class="hl-0">, {</span><br/><span class="hl-0"> </span><span class="hl-4">videos:</span><span class="hl-0"> {</span><br/><span class="hl-0"> </span><span class="hl-4">videoEffect</span><span class="hl-0">, </span><span class="hl-1">// 视频特效 时依赖的 HTMLVideoElement</span><br/><span class="hl-0"> </span><span class="hl-4">modelTVVideo</span><span class="hl-0">, </span><span class="hl-1">// 视频广告 时依赖的 HTMLVideoElement</span><br/><span class="hl-0"> },</span><br/><span class="hl-0">})</span>
217
+ <pre><code class="hljs language-ts"><span class="hl-1">// 创建 HTMLVideoElement 实例</span><br/><span class="hl-3">const</span><span class="hl-0"> </span><span class="hl-7">creatVideo</span><span class="hl-0"> = (): </span><span class="hl-8">HTMLVideoElement</span><span class="hl-0"> </span><span class="hl-3">=&gt;</span><span class="hl-0"> {</span><br/><span class="hl-0"> </span><span class="hl-3">const</span><span class="hl-0"> </span><span class="hl-6">video</span><span class="hl-0"> = </span><span class="hl-4">document</span><span class="hl-0">.</span><span class="hl-7">createElement</span><span class="hl-0">(</span><span class="hl-5">&#39;video&#39;</span><span class="hl-0">)</span><br/><br/><span class="hl-0"> </span><span class="hl-4">video</span><span class="hl-0">.</span><span class="hl-7">setAttribute</span><span class="hl-0">(</span><span class="hl-5">&#39;playsinline&#39;</span><span class="hl-0">, </span><span class="hl-5">&#39;true&#39;</span><span class="hl-0">)</span><br/><span class="hl-0"> </span><span class="hl-4">video</span><span class="hl-0">.</span><span class="hl-7">setAttribute</span><span class="hl-0">(</span><span class="hl-5">&#39;webkit-playsinline&#39;</span><span class="hl-0">, </span><span class="hl-5">&#39;true&#39;</span><span class="hl-0">)</span><br/><span class="hl-0"> </span><span class="hl-4">video</span><span class="hl-0">.</span><span class="hl-7">setAttribute</span><span class="hl-0">(</span><span class="hl-5">&#39;autoplay&#39;</span><span class="hl-0">, </span><span class="hl-5">&#39;true&#39;</span><span class="hl-0">)</span><br/><br/><span class="hl-0"> </span><span class="hl-2">return</span><span class="hl-0"> </span><span class="hl-4">video</span><br/><span class="hl-0">}</span><br/><br/><span class="hl-3">const</span><span class="hl-0"> </span><span class="hl-7">creatAudio</span><span class="hl-0"> = (): </span><span class="hl-8">HTMLVideoElement</span><span class="hl-0"> </span><span class="hl-3">=&gt;</span><span class="hl-0"> {</span><br/><span class="hl-0"> </span><span class="hl-3">const</span><span class="hl-0"> </span><span class="hl-6">audio</span><span class="hl-0"> = </span><span class="hl-4">document</span><span class="hl-0">.</span><span class="hl-7">createElement</span><span class="hl-0">(</span><span class="hl-5">&#39;audio&#39;</span><span class="hl-0">)</span><br/><br/><span class="hl-0"> </span><span class="hl-4">audio</span><span class="hl-0">.</span><span class="hl-7">setAttribute</span><span class="hl-0">(</span><span class="hl-5">&#39;autoplay&#39;</span><span class="hl-0">, </span><span class="hl-5">&#39;true&#39;</span><span class="hl-0">)</span><br/><br/><span class="hl-0"> </span><span class="hl-2">return</span><span class="hl-0"> </span><span class="hl-4">audio</span><br/><span class="hl-0">}</span><br/><br/><span class="hl-1">// 提前创建 Video</span><br/><span class="hl-1">// 视频特效</span><br/><span class="hl-3">const</span><span class="hl-0"> </span><span class="hl-6">videoEffect</span><span class="hl-0"> = </span><span class="hl-7">creatVideo</span><span class="hl-0">()</span><br/><span class="hl-1">// 视频广告</span><br/><span class="hl-3">const</span><span class="hl-0"> </span><span class="hl-6">modelTVVideo</span><span class="hl-0"> = </span><span class="hl-7">creatVideo</span><span class="hl-0">()</span><br/><span class="hl-1">// 视频数字人形象</span><br/><span class="hl-3">const</span><span class="hl-0"> </span><span class="hl-6">videoInstance</span><span class="hl-0"> = </span><span class="hl-7">creatVideo</span><span class="hl-0">()</span><br/><span class="hl-1">// 无数字人，仅音频</span><br/><span class="hl-3">const</span><span class="hl-0"> </span><span class="hl-6">audioInstance</span><span class="hl-0"> = </span><span class="hl-7">createAudio</span><span class="hl-0">()</span><br/><br/><span class="hl-1">// 微信限制：需在 WeixinJSBridgeReady 回调中触发一次</span><br/><span class="hl-4">document</span><span class="hl-0">.</span><span class="hl-7">addEventListener</span><span class="hl-0">(</span><br/><span class="hl-0"> </span><span class="hl-5">&#39;WeixinJSBridgeReady&#39;</span><span class="hl-0">,</span><br/><span class="hl-0"> () </span><span class="hl-3">=&gt;</span><span class="hl-0"> {</span><br/><span class="hl-0"> </span><span class="hl-4">videoEffect</span><span class="hl-0">.</span><span class="hl-7">play</span><span class="hl-0">()</span><br/><span class="hl-0"> </span><span class="hl-4">modelTVVideo</span><span class="hl-0">.</span><span class="hl-7">play</span><span class="hl-0">()</span><br/><span class="hl-0"> </span><span class="hl-4">videoInstance</span><span class="hl-0">.</span><span class="hl-7">play</span><span class="hl-0">()</span><br/><span class="hl-0"> </span><span class="hl-4">audioInstance</span><span class="hl-0">.</span><span class="hl-7">play</span><span class="hl-0">()</span><br/><span class="hl-0"> },</span><br/><span class="hl-0"> </span><span class="hl-3">false</span><br/><span class="hl-0">)</span><br/><br/><span class="hl-1">// 创建 Player 实例</span><br/><span class="hl-3">const</span><span class="hl-0"> </span><span class="hl-6">vreoplayer</span><span class="hl-0"> = </span><span class="hl-3">new</span><span class="hl-0"> </span><span class="hl-7">Player</span><span class="hl-0">(</span><span class="hl-4">five</span><span class="hl-0">, {</span><br/><span class="hl-0"> </span><span class="hl-4">videos:</span><span class="hl-0"> {</span><br/><span class="hl-0"> </span><span class="hl-4">videoEffect</span><span class="hl-0">, </span><span class="hl-1">// 视频特效 时依赖的 HTMLVideoElement</span><br/><span class="hl-0"> </span><span class="hl-4">modelTVVideo</span><span class="hl-0">, </span><span class="hl-1">// 视频广告 时依赖的 HTMLVideoElement</span><br/><span class="hl-0"> },</span><br/><span class="hl-0"> </span><span class="hl-4">videoAgentMeshOptions:</span><span class="hl-0"> {</span><br/><span class="hl-0"> </span><span class="hl-4">videoInstance</span><span class="hl-0">,</span><br/><span class="hl-0"> </span><span class="hl-4">audioInstance</span><span class="hl-0">,</span><br/><span class="hl-0"> }</span><br/><span class="hl-0">})</span>
207
218
  </code></pre>
208
219
  <p>这样，在微信浏览器或微信小程序 <code>WebView</code> 中也能正常使用自动播效果。</p>
209
220
 
221
+ <a href="#性能优化" id="性能优化" style="color: inherit; text-decoration: none;">
222
+ <h3>性能优化</h3>
223
+ </a>
224
+ <p>提高播放性能目前有两个策略：降低贴图分辨率和提前预载。</p>
225
+
226
+ <a href="#降低图片分辨率" id="降低图片分辨率" style="color: inherit; text-decoration: none;">
227
+ <h4>降低图片分辨率</h4>
228
+ </a>
229
+ <p>可以设置 <code>five.imageOptions.size</code> 来降低渲染引擎的贴图尺寸，这样下载速度会变快且内存占用也会降低。
230
+ 你也可以配置 <strong>Vreo</strong> 参数来达到类似的效果：</p>
231
+ <pre><code class="hljs language-ts"><span class="hl-3">const</span><span class="hl-0"> </span><span class="hl-6">vreoplayer</span><span class="hl-0"> = </span><span class="hl-3">new</span><span class="hl-0"> </span><span class="hl-7">Player</span><span class="hl-0">(</span><span class="hl-4">five</span><span class="hl-0">, { </span><span class="hl-4">imageOptions:</span><span class="hl-0"> { </span><span class="hl-4">size:</span><span class="hl-0"> </span><span class="hl-14">1024</span><span class="hl-0"> } })</span>
232
+ </code></pre>
233
+
234
+ <a href="#提前预载" id="提前预载" style="color: inherit; text-decoration: none;">
235
+ <h4>提前预载</h4>
236
+ </a>
237
+ <p>如果网络不稳定，可以提前预载静态资源，这样播放过程中不会卡顿：</p>
238
+ <pre><code class="hljs language-ts"><span class="hl-1">// 全局预载</span><br/><span class="hl-3">const</span><span class="hl-0"> </span><span class="hl-6">vreoplayer</span><span class="hl-0"> = </span><span class="hl-3">new</span><span class="hl-0"> </span><span class="hl-7">Player</span><span class="hl-0">(</span><span class="hl-4">five</span><span class="hl-0">, { </span><span class="hl-4">autoPreload:</span><span class="hl-0"> </span><span class="hl-3">true</span><span class="hl-0"> })</span><br/><br/><span class="hl-1">// 针对某一份剧本数据预载</span><br/><span class="hl-4">vreoplayer</span><span class="hl-0">.</span><span class="hl-7">load</span><span class="hl-0">(</span><span class="hl-4">vreoUnit</span><span class="hl-0">, </span><span class="hl-14">0</span><span class="hl-0">, </span><span class="hl-3">true</span><span class="hl-0">)</span><br/>
239
+ </code></pre>
240
+
210
241
  <a href="#api-文档" id="api-文档" style="color: inherit; text-decoration: none;">
211
242
  <h2>API 文档</h2>
212
243
  </a>
213
- <p>详细的 API 文档请参考：<a href="https://realsee-developer.github.io/vreo/index.html">Vreo API</a> 。</p>
244
+ <p>详细的 API 文档请参考：<a href="https://realsee.js.org/vreo/index.html">Vreo API</a> 。</p>
214
245
  </div></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class="current"><a href="modules.html">Modules</a></li><li class=" tsd-kind-module"><a href="modules/Player.html">Player</a></li><li class=" tsd-kind-module"><a href="modules/custom.html">custom</a></li><li class=" tsd-kind-module"><a href="modules/fivePlugins.html">five<wbr/>Plugins</a></li><li class=" tsd-kind-module"><a href="modules/react.html">react</a></li></ul></nav></div></div></div><footer class=""><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li><li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li><li class="tsd-kind-function tsd-has-type-parameter"><span class="tsd-kind-icon">Function with type parameter</span></li><li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-enum"><span class="tsd-kind-icon">Enumeration</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="overlay"></div><script src="assets/main.js"></script></body></html>
package/docs/interfaces/Player.CustomVreoKeyframeProps.html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><html class="default"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>CustomVreoKeyframeProps | 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 async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">Vreo</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label><input type="checkbox" id="tsd-filter-externals" checked/><label class="tsd-widget" for="tsd-filter-externals">Externals</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">Vreo</a></li><li><a href="../modules/Player.html">Player</a></li><li><a href="Player.CustomVreoKeyframeProps.html">CustomVreoKeyframeProps</a></li></ul><h1>Interface CustomVreoKeyframeProps</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">CustomVreoKeyframeProps</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.CustomVreoKeyframeProps.html#five" class="tsd-kind-icon">five</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.CustomVreoKeyframeProps.html#subscribe" class="tsd-kind-icon">subscribe</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="five" class="tsd-anchor"></a><h3>five</h3><div class="tsd-signature tsd-kind-icon">five<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Five</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/7ea5d6c/resources/Player/typings.ts#L29">resources/Player/typings.ts:29</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="subscribe" class="tsd-anchor"></a><h3>subscribe</h3><div class="tsd-signature tsd-kind-icon">subscribe<span class="tsd-signature-symbol">:</span> <a href="../modules/Player.html#VreoSubscribe" class="tsd-signature-type" data-tsd-kind="Type alias">VreoSubscribe</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/7ea5d6c/resources/Player/typings.ts#L28">resources/Player/typings.ts:28</a></li></ul></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Modules</a></li><li class="current tsd-kind-module"><a href="../modules/Player.html">Player</a></li><li class=" tsd-kind-module"><a href="../modules/custom.html">custom</a></li><li class=" tsd-kind-module"><a href="../modules/fivePlugins.html">five<wbr/>Plugins</a></li><li class=" tsd-kind-module"><a href="../modules/react.html">react</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-module"><a href="Player.CustomVreoKeyframeProps.html" class="tsd-kind-icon">Custom<wbr/>Vreo<wbr/>Keyframe<wbr/>Props</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.CustomVreoKeyframeProps.html#five" class="tsd-kind-icon">five</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.CustomVreoKeyframeProps.html#subscribe" class="tsd-kind-icon">subscribe</a></li></ul></li></ul></nav></div></div></div><footer class=""><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li><li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li><li class="tsd-kind-function tsd-has-type-parameter"><span class="tsd-kind-icon">Function with type parameter</span></li><li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-enum"><span class="tsd-kind-icon">Enumeration</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
1
+ <!DOCTYPE html><html class="default"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>CustomVreoKeyframeProps | 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 async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">Vreo</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label><input type="checkbox" id="tsd-filter-externals" checked/><label class="tsd-widget" for="tsd-filter-externals">Externals</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">Vreo</a></li><li><a href="../modules/Player.html">Player</a></li><li><a href="Player.CustomVreoKeyframeProps.html">CustomVreoKeyframeProps</a></li></ul><h1>Interface CustomVreoKeyframeProps </h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">CustomVreoKeyframeProps</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.CustomVreoKeyframeProps.html#five" class="tsd-kind-icon">five</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.CustomVreoKeyframeProps.html#subscribe" class="tsd-kind-icon">subscribe</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="five" class="tsd-anchor"></a><h3 class="tsd-anchor-link">five<a href="#five" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">five<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Five</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/a69d369/resources/Player/typings.ts#L34">resources/Player/typings.ts:34</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="subscribe" class="tsd-anchor"></a><h3 class="tsd-anchor-link">subscribe<a href="#subscribe" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">subscribe<span class="tsd-signature-symbol">:</span> <a href="../modules/Player.html#VreoSubscribe" class="tsd-signature-type" data-tsd-kind="Type alias">VreoSubscribe</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/a69d369/resources/Player/typings.ts#L33">resources/Player/typings.ts:33</a></li></ul></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Modules</a></li><li class="current tsd-kind-module"><a href="../modules/Player.html">Player</a></li><li class=" tsd-kind-module"><a href="../modules/custom.html">custom</a></li><li class=" tsd-kind-module"><a href="../modules/fivePlugins.html">five<wbr/>Plugins</a></li><li class=" tsd-kind-module"><a href="../modules/react.html">react</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-module"><a href="Player.CustomVreoKeyframeProps.html" class="tsd-kind-icon">Custom<wbr/>Vreo<wbr/>Keyframe<wbr/>Props</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.CustomVreoKeyframeProps.html#five" class="tsd-kind-icon">five</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.CustomVreoKeyframeProps.html#subscribe" class="tsd-kind-icon">subscribe</a></li></ul></li></ul></nav></div></div></div><footer class=""><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li><li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li><li class="tsd-kind-function tsd-has-type-parameter"><span class="tsd-kind-icon">Function with type parameter</span></li><li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-enum"><span class="tsd-kind-icon">Enumeration</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
package/docs/interfaces/Player.PlayerConfigs.html CHANGED
@@ -1,6 +1,6 @@
1
- <!DOCTYPE html><html class="default"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>PlayerConfigs | 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 async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">Vreo</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label><input type="checkbox" id="tsd-filter-externals" checked/><label class="tsd-widget" for="tsd-filter-externals">Externals</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">Vreo</a></li><li><a href="../modules/Player.html">Player</a></li><li><a href="Player.PlayerConfigs.html">PlayerConfigs</a></li></ul><h1>Interface PlayerConfigs</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">PlayerConfigs</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.PlayerConfigs.html#containter" class="tsd-kind-icon">containter</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.PlayerConfigs.html#customKeyframes" class="tsd-kind-icon">custom<wbr/>Keyframes</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.PlayerConfigs.html#customPanelChildren" class="tsd-kind-icon">custom<wbr/>Panel<wbr/>Children</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.PlayerConfigs.html#keyframeMap" class="tsd-kind-icon">keyframe<wbr/>Map</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.PlayerConfigs.html#videos" class="tsd-kind-icon">videos</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="containter" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> containter</h3><div class="tsd-signature tsd-kind-icon">containter<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">Container</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/7ea5d6c/resources/Player/typings.ts#L7">resources/Player/typings.ts:7</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="customKeyframes" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> custom<wbr/>Keyframes</h3><div class="tsd-signature tsd-kind-icon">custom<wbr/>Keyframes<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">FC</span><span class="tsd-signature-symbol">&lt;</span><a href="Player.CustomVreoKeyframeProps.html" class="tsd-signature-type" data-tsd-kind="Interface">CustomVreoKeyframeProps</a><span class="tsd-signature-symbol">&gt;</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/7ea5d6c/resources/Player/typings.ts#L22">resources/Player/typings.ts:22</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="customPanelChildren" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> custom<wbr/>Panel<wbr/>Children</h3><div class="tsd-signature tsd-kind-icon">custom<wbr/>Panel<wbr/>Children<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">ReactNode</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/7ea5d6c/resources/Player/typings.ts#L21">resources/Player/typings.ts:21</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
1
+ <!DOCTYPE html><html class="default"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>PlayerConfigs | 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 async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">Vreo</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label><input type="checkbox" id="tsd-filter-externals" checked/><label class="tsd-widget" for="tsd-filter-externals">Externals</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">Vreo</a></li><li><a href="../modules/Player.html">Player</a></li><li><a href="Player.PlayerConfigs.html">PlayerConfigs</a></li></ul><h1>Interface PlayerConfigs </h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">PlayerConfigs</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.PlayerConfigs.html#autoPreload" class="tsd-kind-icon">auto<wbr/>Preload</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.PlayerConfigs.html#containter" class="tsd-kind-icon">containter</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.PlayerConfigs.html#customKeyframes" class="tsd-kind-icon">custom<wbr/>Keyframes</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.PlayerConfigs.html#customPanelChildren" class="tsd-kind-icon">custom<wbr/>Panel<wbr/>Children</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.PlayerConfigs.html#imageOptions" class="tsd-kind-icon">image<wbr/>Options</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.PlayerConfigs.html#keyframeMap" class="tsd-kind-icon">keyframe<wbr/>Map</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.PlayerConfigs.html#videoAgentMeshOptions" class="tsd-kind-icon">video<wbr/>Agent<wbr/>Mesh<wbr/>Options</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.PlayerConfigs.html#videos" class="tsd-kind-icon">videos</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="autoPreload" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span class="tsd-flag ts-flagOptional">Optional</span> auto<wbr/>Preload<a href="#autoPreload" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">auto<wbr/>Preload<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/a69d369/resources/Player/typings.ts#L27">resources/Player/typings.ts:27</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="containter" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span class="tsd-flag ts-flagOptional">Optional</span> containter<a href="#containter" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">containter<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">Container</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/a69d369/resources/Player/typings.ts#L8">resources/Player/typings.ts:8</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="customKeyframes" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span class="tsd-flag ts-flagOptional">Optional</span> custom<wbr/>Keyframes<a href="#customKeyframes" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">custom<wbr/>Keyframes<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">FC</span><span class="tsd-signature-symbol">&lt;</span><a href="Player.CustomVreoKeyframeProps.html" class="tsd-signature-type" data-tsd-kind="Interface">CustomVreoKeyframeProps</a><span class="tsd-signature-symbol">&gt;</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/a69d369/resources/Player/typings.ts#L25">resources/Player/typings.ts:25</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="customPanelChildren" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span class="tsd-flag ts-flagOptional">Optional</span> custom<wbr/>Panel<wbr/>Children<a href="#customPanelChildren" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">custom<wbr/>Panel<wbr/>Children<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">ReactNode</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/a69d369/resources/Player/typings.ts#L24">resources/Player/typings.ts:24</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
2
2
  <p>如果需要在 底部面板添加自定义内容，可以传递个 React 组件。</p>
3
- </div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="keyframeMap" class="tsd-anchor"></a><h3>keyframe<wbr/>Map</h3><div class="tsd-signature tsd-kind-icon">keyframe<wbr/>Map<span class="tsd-signature-symbol">:</span> <a href="../modules/Player.html#VreoKeyframeMap" class="tsd-signature-type" data-tsd-kind="Type alias">VreoKeyframeMap</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/7ea5d6c/resources/Player/typings.ts#L8">resources/Player/typings.ts:8</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="videos" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> videos</h3><div class="tsd-signature tsd-kind-icon">videos<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">{ </span>modelTVVideo<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">HTMLVideoElement</span><span class="tsd-signature-symbol">; </span>videoEffect<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">HTMLVideoElement</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/7ea5d6c/resources/Player/typings.ts#L14">resources/Player/typings.ts:14</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
3
+ </div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="imageOptions" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span class="tsd-flag ts-flagOptional">Optional</span> image<wbr/>Options<a href="#imageOptions" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">image<wbr/>Options<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">{ </span>size<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</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/a69d369/resources/Player/typings.ts#L26">resources/Player/typings.ts:26</a></li></ul></aside><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter"><h5>size<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></h5></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="keyframeMap" class="tsd-anchor"></a><h3 class="tsd-anchor-link">keyframe<wbr/>Map<a href="#keyframeMap" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">keyframe<wbr/>Map<span class="tsd-signature-symbol">:</span> <a href="../modules/Player.html#VreoKeyframeMap" class="tsd-signature-type" data-tsd-kind="Type alias">VreoKeyframeMap</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/a69d369/resources/Player/typings.ts#L9">resources/Player/typings.ts:9</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="videoAgentMeshOptions" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span class="tsd-flag ts-flagOptional">Optional</span> video<wbr/>Agent<wbr/>Mesh<wbr/>Options<a href="#videoAgentMeshOptions" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">video<wbr/>Agent<wbr/>Mesh<wbr/>Options<span class="tsd-signature-symbol">?:</span> <a href="Player.VideoAgentMeshOptions.html" class="tsd-signature-type" data-tsd-kind="Interface">VideoAgentMeshOptions</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/a69d369/resources/Player/typings.ts#L20">resources/Player/typings.ts:20</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="videos" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span class="tsd-flag ts-flagOptional">Optional</span> videos<a href="#videos" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">videos<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">{ </span>modelTVVideo<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">HTMLVideoElement</span><span class="tsd-signature-symbol">; </span>videoEffect<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">HTMLVideoElement</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/a69d369/resources/Player/typings.ts#L15">resources/Player/typings.ts:15</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
4
4
  <p>微信端自动播放功能实现需要提前初始化 Video 实例。</p>
5
5
  </div><div><p>如果需要支持微信浏览器端自动播放需要接入微信SDK及提前初始化好相关 Video 实例。</p>
6
- </div></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> modelTVVideo<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">HTMLVideoElement</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> video<wbr/>Effect<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">HTMLVideoElement</span></h5></li></ul></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Modules</a></li><li class="current tsd-kind-module"><a href="../modules/Player.html">Player</a></li><li class=" tsd-kind-module"><a href="../modules/custom.html">custom</a></li><li class=" tsd-kind-module"><a href="../modules/fivePlugins.html">five<wbr/>Plugins</a></li><li class=" tsd-kind-module"><a href="../modules/react.html">react</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-module"><a href="Player.PlayerConfigs.html" class="tsd-kind-icon">Player<wbr/>Configs</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.PlayerConfigs.html#containter" class="tsd-kind-icon">containter</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.PlayerConfigs.html#customKeyframes" class="tsd-kind-icon">custom<wbr/>Keyframes</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.PlayerConfigs.html#customPanelChildren" class="tsd-kind-icon">custom<wbr/>Panel<wbr/>Children</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.PlayerConfigs.html#keyframeMap" class="tsd-kind-icon">keyframe<wbr/>Map</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.PlayerConfigs.html#videos" class="tsd-kind-icon">videos</a></li></ul></li></ul></nav></div></div></div><footer class=""><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li><li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li><li class="tsd-kind-function tsd-has-type-parameter"><span class="tsd-kind-icon">Function with type parameter</span></li><li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-enum"><span class="tsd-kind-icon">Enumeration</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
6
+ </div></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> modelTVVideo<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">HTMLVideoElement</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> video<wbr/>Effect<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">HTMLVideoElement</span></h5></li></ul></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Modules</a></li><li class="current tsd-kind-module"><a href="../modules/Player.html">Player</a></li><li class=" tsd-kind-module"><a href="../modules/custom.html">custom</a></li><li class=" tsd-kind-module"><a href="../modules/fivePlugins.html">five<wbr/>Plugins</a></li><li class=" tsd-kind-module"><a href="../modules/react.html">react</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-module"><a href="Player.PlayerConfigs.html" class="tsd-kind-icon">Player<wbr/>Configs</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.PlayerConfigs.html#autoPreload" class="tsd-kind-icon">auto<wbr/>Preload</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.PlayerConfigs.html#containter" class="tsd-kind-icon">containter</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.PlayerConfigs.html#customKeyframes" class="tsd-kind-icon">custom<wbr/>Keyframes</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.PlayerConfigs.html#customPanelChildren" class="tsd-kind-icon">custom<wbr/>Panel<wbr/>Children</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.PlayerConfigs.html#imageOptions" class="tsd-kind-icon">image<wbr/>Options</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.PlayerConfigs.html#keyframeMap" class="tsd-kind-icon">keyframe<wbr/>Map</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.PlayerConfigs.html#videoAgentMeshOptions" class="tsd-kind-icon">video<wbr/>Agent<wbr/>Mesh<wbr/>Options</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.PlayerConfigs.html#videos" class="tsd-kind-icon">videos</a></li></ul></li></ul></nav></div></div></div><footer class=""><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li><li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li><li class="tsd-kind-function tsd-has-type-parameter"><span class="tsd-kind-icon">Function with type parameter</span></li><li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-enum"><span class="tsd-kind-icon">Enumeration</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
package/docs/interfaces/Player.Vertex.html CHANGED
@@ -1,3 +1,3 @@
1
- <!DOCTYPE html><html class="default"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Vertex | 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 async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">Vreo</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label><input type="checkbox" id="tsd-filter-externals" checked/><label class="tsd-widget" for="tsd-filter-externals">Externals</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">Vreo</a></li><li><a href="../modules/Player.html">Player</a></li><li><a href="Player.Vertex.html">Vertex</a></li></ul><h1>Interface Vertex</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><div class="lead">
1
+ <!DOCTYPE html><html class="default"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Vertex | 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 async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">Vreo</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label><input type="checkbox" id="tsd-filter-externals" checked/><label class="tsd-widget" for="tsd-filter-externals">Externals</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">Vreo</a></li><li><a href="../modules/Player.html">Player</a></li><li><a href="Player.Vertex.html">Vertex</a></li></ul><h1>Interface Vertex </h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><div class="lead">
2
2
  <p>顶点</p>
3
- </div></div></section><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">Vertex</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.Vertex.html#x" class="tsd-kind-icon">x</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.Vertex.html#y" class="tsd-kind-icon">y</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.Vertex.html#z" class="tsd-kind-icon">z</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="x" class="tsd-anchor"></a><h3>x</h3><div class="tsd-signature tsd-kind-icon">x<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/7ea5d6c/resources/typings/VreoUnit.ts#L160">resources/typings/VreoUnit.ts:160</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="y" class="tsd-anchor"></a><h3>y</h3><div class="tsd-signature tsd-kind-icon">y<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/7ea5d6c/resources/typings/VreoUnit.ts#L161">resources/typings/VreoUnit.ts:161</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="z" class="tsd-anchor"></a><h3>z</h3><div class="tsd-signature tsd-kind-icon">z<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/7ea5d6c/resources/typings/VreoUnit.ts#L162">resources/typings/VreoUnit.ts:162</a></li></ul></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Modules</a></li><li class="current tsd-kind-module"><a href="../modules/Player.html">Player</a></li><li class=" tsd-kind-module"><a href="../modules/custom.html">custom</a></li><li class=" tsd-kind-module"><a href="../modules/fivePlugins.html">five<wbr/>Plugins</a></li><li class=" tsd-kind-module"><a href="../modules/react.html">react</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-module"><a href="Player.Vertex.html" class="tsd-kind-icon">Vertex</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.Vertex.html#x" class="tsd-kind-icon">x</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.Vertex.html#y" class="tsd-kind-icon">y</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.Vertex.html#z" class="tsd-kind-icon">z</a></li></ul></li></ul></nav></div></div></div><footer class=""><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li><li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li><li class="tsd-kind-function tsd-has-type-parameter"><span class="tsd-kind-icon">Function with type parameter</span></li><li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-enum"><span class="tsd-kind-icon">Enumeration</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
3
+ </div></div></section><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">Vertex</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.Vertex.html#x" class="tsd-kind-icon">x</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.Vertex.html#y" class="tsd-kind-icon">y</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.Vertex.html#z" class="tsd-kind-icon">z</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="x" class="tsd-anchor"></a><h3 class="tsd-anchor-link">x<a href="#x" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">x<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/a69d369/resources/typings/VreoUnit.ts#L163">resources/typings/VreoUnit.ts:163</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="y" class="tsd-anchor"></a><h3 class="tsd-anchor-link">y<a href="#y" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">y<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/a69d369/resources/typings/VreoUnit.ts#L164">resources/typings/VreoUnit.ts:164</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="z" class="tsd-anchor"></a><h3 class="tsd-anchor-link">z<a href="#z" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">z<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/a69d369/resources/typings/VreoUnit.ts#L165">resources/typings/VreoUnit.ts:165</a></li></ul></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Modules</a></li><li class="current tsd-kind-module"><a href="../modules/Player.html">Player</a></li><li class=" tsd-kind-module"><a href="../modules/custom.html">custom</a></li><li class=" tsd-kind-module"><a href="../modules/fivePlugins.html">five<wbr/>Plugins</a></li><li class=" tsd-kind-module"><a href="../modules/react.html">react</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-module"><a href="Player.Vertex.html" class="tsd-kind-icon">Vertex</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.Vertex.html#x" class="tsd-kind-icon">x</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.Vertex.html#y" class="tsd-kind-icon">y</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.Vertex.html#z" class="tsd-kind-icon">z</a></li></ul></li></ul></nav></div></div></div><footer class=""><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li><li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li><li class="tsd-kind-function tsd-has-type-parameter"><span class="tsd-kind-icon">Function with type parameter</span></li><li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-enum"><span class="tsd-kind-icon">Enumeration</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
package/docs/interfaces/Player.VideoAgentMeshOptions.html CHANGED
@@ -1 +1,8 @@
1
- <!DOCTYPE html><html class="default"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>VideoAgentMeshOptions | 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 async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">Vreo</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label><input type="checkbox" id="tsd-filter-externals" checked/><label class="tsd-widget" for="tsd-filter-externals">Externals</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">Vreo</a></li><li><a href="../modules/Player.html">Player</a></li><li><a href="Player.VideoAgentMeshOptions.html">VideoAgentMeshOptions</a></li></ul><h1>Interface VideoAgentMeshOptions</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">VideoAgentMeshOptions</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VideoAgentMeshOptions.html#videoInstance" class="tsd-kind-icon">video<wbr/>Instance</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="videoInstance" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> video<wbr/>Instance</h3><div class="tsd-signature tsd-kind-icon">video<wbr/>Instance<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">HTMLVideoElement</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/7ea5d6c/resources/Player/modules/VideoAgent/VideoAgentMesh.ts#L66">resources/Player/modules/VideoAgent/VideoAgentMesh.ts:66</a></li></ul></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Modules</a></li><li class="current tsd-kind-module"><a href="../modules/Player.html">Player</a></li><li class=" tsd-kind-module"><a href="../modules/custom.html">custom</a></li><li class=" tsd-kind-module"><a href="../modules/fivePlugins.html">five<wbr/>Plugins</a></li><li class=" tsd-kind-module"><a href="../modules/react.html">react</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-module"><a href="Player.VideoAgentMeshOptions.html" class="tsd-kind-icon">Video<wbr/>Agent<wbr/>Mesh<wbr/>Options</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VideoAgentMeshOptions.html#videoInstance" class="tsd-kind-icon">video<wbr/>Instance</a></li></ul></li></ul></nav></div></div></div><footer class=""><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li><li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li><li class="tsd-kind-function tsd-has-type-parameter"><span class="tsd-kind-icon">Function with type parameter</span></li><li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-enum"><span class="tsd-kind-icon">Enumeration</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
1
+ <!DOCTYPE html><html class="default"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>VideoAgentMeshOptions | 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 async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">Vreo</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label><input type="checkbox" id="tsd-filter-externals" checked/><label class="tsd-widget" for="tsd-filter-externals">Externals</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">Vreo</a></li><li><a href="../modules/Player.html">Player</a></li><li><a href="Player.VideoAgentMeshOptions.html">VideoAgentMeshOptions</a></li></ul><h1>Interface VideoAgentMeshOptions </h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">VideoAgentMeshOptions</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VideoAgentMeshOptions.html#audioInstance" class="tsd-kind-icon">audio<wbr/>Instance</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VideoAgentMeshOptions.html#preload" class="tsd-kind-icon">preload</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VideoAgentMeshOptions.html#videoInstance" class="tsd-kind-icon">video<wbr/>Instance</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="audioInstance" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span class="tsd-flag ts-flagOptional">Optional</span> audio<wbr/>Instance<a href="#audioInstance" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">audio<wbr/>Instance<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">HTMLAudioElement</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/a69d369/resources/Player/modules/VideoAgent/VideoAgentMesh.ts#L74">resources/Player/modules/VideoAgent/VideoAgentMesh.ts:74</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
2
+ <p>自定义音频实例。</p>
3
+ </div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="preload" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span class="tsd-flag ts-flagOptional">Optional</span> preload<a href="#preload" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">preload<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/a69d369/resources/Player/modules/VideoAgent/VideoAgentMesh.ts#L80">resources/Player/modules/VideoAgent/VideoAgentMesh.ts:80</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
4
+ <p>是否开启音频预载能力。<strong>仅对<code>.mp3</code>有效</strong>。</p>
5
+ </div><dl class="tsd-comment-tags"><dt>description</dt><dd><p>开启预载能力后会通过 <code>Fetch/XHR</code> 方式将音频文件下载转成二进制 <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/Blob"><code>Blob</code></a> 提供给多媒体实例。这样的好处是 <strong>能够保障音视频播放过程中不卡顿</strong>。 但在部分 iOS 系统中会存在兼容问题——播 25s 之后会静音（<code>muted</code> 为 <code>false</code>，但是没有声音）。</p>
6
+ </dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="videoInstance" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span class="tsd-flag ts-flagOptional">Optional</span> video<wbr/>Instance<a href="#videoInstance" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">video<wbr/>Instance<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">HTMLVideoElement</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/a69d369/resources/Player/modules/VideoAgent/VideoAgentMesh.ts#L70">resources/Player/modules/VideoAgent/VideoAgentMesh.ts:70</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
7
+ <p>自定义视频实例。</p>
8
+ </div></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Modules</a></li><li class="current tsd-kind-module"><a href="../modules/Player.html">Player</a></li><li class=" tsd-kind-module"><a href="../modules/custom.html">custom</a></li><li class=" tsd-kind-module"><a href="../modules/fivePlugins.html">five<wbr/>Plugins</a></li><li class=" tsd-kind-module"><a href="../modules/react.html">react</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-module"><a href="Player.VideoAgentMeshOptions.html" class="tsd-kind-icon">Video<wbr/>Agent<wbr/>Mesh<wbr/>Options</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VideoAgentMeshOptions.html#audioInstance" class="tsd-kind-icon">audio<wbr/>Instance</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VideoAgentMeshOptions.html#preload" class="tsd-kind-icon">preload</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VideoAgentMeshOptions.html#videoInstance" class="tsd-kind-icon">video<wbr/>Instance</a></li></ul></li></ul></nav></div></div></div><footer class=""><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li><li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li><li class="tsd-kind-function tsd-has-type-parameter"><span class="tsd-kind-icon">Function with type parameter</span></li><li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-enum"><span class="tsd-kind-icon">Enumeration</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="overlay"></div><script src="../assets/main.js"></script></body></html>