@realsee/vreo 0.1.6 → 0.2.0-alpha.3

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 (71) hide show
  1. package/README.md +36 -13
  2. package/docs/assets/custom.css +2 -2
  3. package/docs/assets/search.js +1 -1
  4. package/docs/classes/Player.Controller.html +54 -0
  5. package/docs/classes/Player.Player-1.html +11 -11
  6. package/docs/classes/Player.VideoAgentMesh.html +142 -0
  7. package/docs/classes/Player.VideoAgentScene.html +1 -0
  8. package/docs/enums/Player.InfoPanelTypeEnum.html +1 -1
  9. package/docs/enums/Player.PanoEffectEnum.html +2 -2
  10. package/docs/enums/Player.PanoTagEnum.html +1 -1
  11. package/docs/enums/Player.VreoKeyframeEnum.html +14 -12
  12. package/docs/enums/fivePlugins.CameraMovementEffect.html +1 -1
  13. package/docs/enums/fivePlugins.Rotation.html +1 -1
  14. package/docs/index.html +25 -16
  15. package/docs/interfaces/Player.CustomVreoKeyframeProps.html +1 -0
  16. package/docs/interfaces/Player.PlayerConfigs.html +4 -2
  17. package/docs/interfaces/Player.Vertex.html +1 -1
  18. package/docs/interfaces/Player.VideoAgentMeshOptions.html +1 -0
  19. package/docs/interfaces/Player.VreoKeyframe.html +1 -1
  20. package/docs/interfaces/Player.VreoUnit.html +1 -1
  21. package/docs/interfaces/Player.VreoVideo.html +1 -1
  22. package/docs/interfaces/fivePlugins.CameraMovementOptsCallback.html +1 -1
  23. package/docs/interfaces/fivePlugins.CameraMovementPluginExportType.html +3 -3
  24. package/docs/interfaces/fivePlugins.CameraMovementPluginParameterType.html +1 -1
  25. package/docs/interfaces/fivePlugins.ModelTVVideoPluginData.html +1 -1
  26. package/docs/interfaces/fivePlugins.ModelTVVideoPluginExportType.html +1 -1
  27. package/docs/interfaces/fivePlugins.ModelTVVideoPluginParameterType.html +1 -1
  28. package/docs/interfaces/react.VreoActionCallbacks.html +7 -7
  29. package/docs/interfaces/react.VreoProviderProps.html +1 -0
  30. package/docs/modules/Player.html +13 -13
  31. package/docs/modules/custom.html +3 -0
  32. package/docs/modules/fivePlugins.html +2 -2
  33. package/docs/modules/react.html +1 -1
  34. package/docs/modules.html +1 -1
  35. package/lib/Player/App.js +6 -2
  36. package/lib/Player/custom/SpatialScenePanel/index.d.ts +22 -0
  37. package/lib/Player/custom/SpatialScenePanel/index.js +207 -0
  38. package/lib/Player/index.js +27 -8
  39. package/lib/Player/modules/Drawer/index.js +1 -1
  40. package/lib/Player/modules/VideoAgent/VideoAgentMesh.js +1 -1
  41. package/lib/Player/modules/VideoAgent/VideoAgentScene.js +19 -5
  42. package/lib/Player/modules/keyframes/BgMusic/index.d.ts +2 -0
  43. package/lib/Player/modules/keyframes/BgMusic/index.js +76 -0
  44. package/lib/Player/modules/keyframes/InfoPanel/index.js +52 -8
  45. package/lib/Player/modules/keyframes/ModelVideo/index.js +2 -2
  46. package/lib/Player/modules/keyframes/UpdateVRPanorama/index.js +58 -11
  47. package/lib/Player/typings.d.ts +13 -1
  48. package/lib/fivePlugins/CameraMovementPlugin/index.js +6 -4
  49. package/lib/fivePlugins/CameraMovementPlugin/typings.d.ts +2 -2
  50. package/lib/react/index.d.ts +5 -1
  51. package/lib/react/index.js +1 -1
  52. package/lib/typings/VreoUnit.d.ts +32 -3
  53. package/lib/typings/VreoUnit.js +1 -0
  54. package/package.json +4 -3
  55. package/resources/Player/App.tsx +4 -1
  56. package/resources/Player/custom/SpatialScenePanel/index.tsx +161 -0
  57. package/resources/Player/index.tsx +16 -1
  58. package/resources/Player/modules/Drawer/index.tsx +1 -1
  59. package/resources/Player/modules/VideoAgent/VideoAgentMesh.ts +1 -1
  60. package/resources/Player/modules/VideoAgent/VideoAgentScene.ts +9 -0
  61. package/resources/Player/modules/keyframes/BgMusic/index.tsx +66 -0
  62. package/resources/Player/modules/keyframes/InfoPanel/index.tsx +59 -6
  63. package/resources/Player/modules/keyframes/ModelVideo/index.tsx +2 -2
  64. package/resources/Player/modules/keyframes/UpdateVRPanorama/index.tsx +65 -11
  65. package/resources/Player/typings.ts +16 -1
  66. package/resources/fivePlugins/CameraMovementPlugin/index.ts +8 -6
  67. package/resources/fivePlugins/CameraMovementPlugin/typings.ts +2 -2
  68. package/resources/react/index.tsx +7 -2
  69. package/resources/typings/VreoUnit.ts +40 -3
  70. package/stylesheets/custom/SpatialScenePanel.css +303 -0
  71. package/stylesheets/default.css +46 -2
package/docs/index.html CHANGED
@@ -3,7 +3,7 @@
3
3
  <h1>@realsee/vreo</h1>
4
4
  </a>
5
5
  <p><a href="https://www.npmjs.com/package/@realsee/vreo"><img src="https://img.shields.io/npm/v/@realsee/vreo.svg?style=flat-square&logo=npm&label=npm%20install%20@realsee/vreo" alt="npm version"></a></p>
6
- <p>Vreo (VR Video 缩写) 是基于如视三维渲染引擎 <a href="https://unpkg.com/@realsee/five/docs/index.html">Five</a> 和 用户界面构建库 <a href="https://reactjs.org/">React</a> 实现的如视 3D 空间剧本播放器。</p>
6
+ <p><strong>Vreo</strong> (VR Video 缩写) 是基于如视三维渲染引擎 <a href="https://unpkg.com/@realsee/five/docs/index.html">Five</a> 和 用户界面构建库 <a href="https://reactjs.org/">React</a> 实现的如视 3D 空间剧本播放器。</p>
7
7
 
8
8
  <a href="#特性" id="特性" style="color: inherit; text-decoration: none;">
9
9
  <h2>特性</h2>
@@ -37,7 +37,7 @@
37
37
  <a href="#react-context-amp-hooks-模式使用" id="react-context-amp-hooks-模式使用" style="color: inherit; text-decoration: none;">
38
38
  <h2>React Context &amp; Hooks 模式使用</h2>
39
39
  </a>
40
- <p>Vreo 支持 <a href="https://reactjs.org/docs/context.html">React Context</a> 与 <a href="https://reactjs.org/docs/hooks-intro.html">Hooks</a> 相配合的模式使用,简单样例如下:</p>
40
+ <p><strong>Vreo</strong> 支持 <a href="https://reactjs.org/docs/context.html">React Context</a> 与 <a href="https://reactjs.org/docs/hooks-intro.html">Hooks</a> 相配合的模式使用,简单样例如下:</p>
41
41
  <pre><code class="hljs language-jsx"><span class="hl-2">import</span><span class="hl-0"> </span><span class="hl-3">*</span><span class="hl-0"> </span><span class="hl-2">as</span><span class="hl-0"> </span><span class="hl-4">React</span><span class="hl-0"> </span><span class="hl-2">from</span><span class="hl-0"> </span><span class="hl-5">&#39;react&#39;</span><br/><span class="hl-2">import</span><span class="hl-0"> </span><span class="hl-3">*</span><span class="hl-0"> </span><span class="hl-2">as</span><span class="hl-0"> </span><span class="hl-4">ReactDOM</span><span class="hl-0"> </span><span class="hl-2">from</span><span class="hl-0"> </span><span class="hl-5">&#39;react-dom&#39;</span><br/><span class="hl-2">import</span><span class="hl-0"> { </span><span class="hl-4">Five</span><span class="hl-0">, </span><span class="hl-4">Work</span><span class="hl-0">, </span><span class="hl-4">parseWork</span><span class="hl-0"> } </span><span class="hl-2">from</span><span class="hl-0"> </span><span class="hl-5">&#39;@realsee/five&#39;</span><br/><span class="hl-2">import</span><span class="hl-0"> { </span><span class="hl-4">createFiveProvider</span><span class="hl-0">, </span><span class="hl-4">FiveCanvas</span><span class="hl-0"> } </span><span class="hl-2">from</span><span class="hl-0"> </span><span class="hl-5">&#39;@realsee/five/react&#39;</span><br/><span class="hl-2">import</span><span class="hl-0"> { </span><span class="hl-4">VreoProvider</span><span class="hl-0">, </span><span class="hl-4">useVreoAction</span><span class="hl-0"> } </span><span class="hl-2">from</span><span class="hl-0"> </span><span class="hl-5">&#39;@realsee/vreo/lib/react&#39;</span><br/><br/><span class="hl-1">// 创建 FiveProvider</span><br/><span class="hl-3">const</span><span class="hl-0"> </span><span class="hl-6">FiveProvider</span><span class="hl-0"> = </span><span class="hl-7">createFiveProvider</span><span class="hl-0">({</span><br/><span class="hl-0"> </span><span class="hl-1">/* Five 配置项 */</span><br/><span class="hl-0">})</span><br/><br/><span class="hl-1">// 播放组件</span><br/><span class="hl-3">const</span><span class="hl-0"> </span><span class="hl-7">PlayButton</span><span class="hl-0">: </span><span class="hl-8">React</span><span class="hl-0">.</span><span class="hl-8">FC</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">load</span><span class="hl-0">, </span><span class="hl-6">play</span><span class="hl-0">, </span><span class="hl-6">pause</span><span class="hl-0"> } = </span><span class="hl-7">useVreoAction</span><span class="hl-0">()</span><br/><br/><span class="hl-0"> </span><span class="hl-2">return</span><span class="hl-0"> (</span><br/><span class="hl-0"> </span><span class="hl-9">&lt;</span><span class="hl-10">button</span><br/><span class="hl-0"> </span><span class="hl-11">onClick</span><span class="hl-0">=</span><span class="hl-3">{async</span><span class="hl-12"> () </span><span class="hl-3">=&gt;</span><span class="hl-12"> {</span><br/><span class="hl-12"> </span><span class="hl-1">// 获取讲房数据</span><br/><span class="hl-12"> </span><span class="hl-3">const</span><span class="hl-12"> </span><span class="hl-6">vreoUnit</span><span class="hl-12"> </span><span class="hl-0">=</span><span class="hl-12"> </span><span class="hl-2">await</span><span class="hl-12"> </span><span class="hl-7">fetch</span><span class="hl-12">(</span><span class="hl-5">&#39;api/**/**&#39;</span><span class="hl-12">)</span><br/><span class="hl-12"> </span><span class="hl-1">// 载入数据</span><br/><span class="hl-12"> </span><span class="hl-2">await</span><span class="hl-12"> </span><span class="hl-7">load</span><span class="hl-12">(</span><span class="hl-4">vreoUnit</span><span class="hl-12">)</span><br/><span class="hl-12"> </span><span class="hl-1">// 播放</span><br/><span class="hl-12"> </span><span class="hl-7">play</span><span class="hl-12">()</span><br/><span class="hl-12"> </span><span class="hl-1">// 暂停</span><br/><span class="hl-12"> </span><span class="hl-7">pause</span><span class="hl-12">()</span><br/><span class="hl-12"> }</span><span class="hl-3">}</span><br/><span class="hl-0"> </span><span class="hl-9">&gt;</span><br/><span class="hl-0"> 讲解</span><br/><span class="hl-0"> </span><span class="hl-9">&lt;/</span><span class="hl-10">button</span><span class="hl-9">&gt;</span><br/><span class="hl-0"> )</span><br/><span class="hl-0">}</span><br/><br/><span class="hl-3">const</span><span class="hl-0"> </span><span class="hl-7">App</span><span class="hl-0">: </span><span class="hl-8">React</span><span class="hl-0">.</span><span class="hl-8">FC</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-2">return</span><span class="hl-0"> (</span><br/><span class="hl-0"> </span><span class="hl-9">&lt;</span><span class="hl-8">FiveProvider</span><span class="hl-0"> </span><span class="hl-11">initialWork</span><span class="hl-0">=</span><span class="hl-3">{</span><span class="hl-4">work</span><span class="hl-3">}</span><span class="hl-9">&gt;</span><br/><span class="hl-0"> </span><span class="hl-9">&lt;</span><span class="hl-8">FiveCanvas</span><span class="hl-0"> </span><span class="hl-11">width</span><span class="hl-0">=</span><span class="hl-3">{</span><span class="hl-4">width</span><span class="hl-3">}</span><span class="hl-0"> </span><span class="hl-11">height</span><span class="hl-0">=</span><span class="hl-3">{</span><span class="hl-4">height</span><span class="hl-3">}</span><span class="hl-0"> </span><span class="hl-9">/&gt;</span><br/><span class="hl-0"> </span><span class="hl-9">&lt;</span><span class="hl-8">VreoProvider</span><span class="hl-9">&gt;</span><br/><span class="hl-0"> </span><span class="hl-3">{</span><span class="hl-1">/* React 渲染的其他模块 */</span><span class="hl-3">}</span><br/><span class="hl-0"> </span><span class="hl-9">&lt;</span><span class="hl-8">PlayButton</span><span class="hl-0"> </span><span class="hl-9">/&gt;</span><br/><span class="hl-0"> </span><span class="hl-9">&lt;/</span><span class="hl-8">VreoProvider</span><span class="hl-9">&gt;</span><br/><span class="hl-0"> </span><span class="hl-9">&lt;/</span><span class="hl-8">FiveProvider</span><span class="hl-9">&gt;</span><br/><span class="hl-0"> )</span><br/><span class="hl-0">}</span><br/><br/><span class="hl-4">ReactDOM</span><span class="hl-0">.</span><span class="hl-7">render</span><span class="hl-0">(</span><span class="hl-9">&lt;</span><span class="hl-8">App</span><span class="hl-9">&gt;&lt;/</span><span class="hl-8">App</span><span class="hl-9">&gt;</span><span class="hl-0">, </span><span class="hl-4">document</span><span class="hl-0">.</span><span class="hl-7">getElementById</span><span class="hl-0">(</span><span class="hl-5">&#39;app&#39;</span><span class="hl-0">))</span>
42
42
  </code></pre>
43
43
 
@@ -48,7 +48,7 @@
48
48
  <a href="#结构描述" id="结构描述" style="color: inherit; text-decoration: none;">
49
49
  <h3>结构描述</h3>
50
50
  </a>
51
- <p><strong>VreoUnit</strong> 是剧本数据结构的最小单元,用以描述音视频、关键帧序列等信息。</p>
51
+ <p><strong>VreoUnit</strong> 是剧本数据结构的最小单元,用以描述音视频、剧本帧序列等信息。</p>
52
52
  <p><strong>VreoUnit</strong> 数据结构样例如下:</p>
53
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>
54
54
  </code></pre>
@@ -69,14 +69,14 @@
69
69
  <p>注意事项:<strong>视频素材必须是绿幕背景</strong>。</p>
70
70
  </blockquote>
71
71
  <ul>
72
- <li><p><code>keyframes</code>:关键帧集合。</p>
72
+ <li><p><code>keyframes</code>:剧本帧集合。</p>
73
73
  <ul>
74
- <li><code>uuid</code>: 关键帧 <code>uuid</code>。</li>
75
- <li><code>type</code>: 关键帧类别枚举,详见下文 <strong>剧本关键帧</strong> 部分。</li>
74
+ <li><code>uuid</code>: 剧本帧 <code>uuid</code>。</li>
75
+ <li><code>type</code>: 剧本帧类别枚举,详见下文 <strong>剧本关键帧</strong> 部分。</li>
76
76
  <li><code>start</code>: 触发时间戳。</li>
77
77
  <li><code>end</code>: 结束时间戳。</li>
78
78
  <li><code>parsed</code>: 解析状态。</li>
79
- <li><code>data</code>: 当前关键帧类别数据依赖。</li>
79
+ <li><code>data</code>: 当前剧本帧类别数据依赖。</li>
80
80
  </ul>
81
81
  </li>
82
82
  </ul>
@@ -85,14 +85,14 @@
85
85
  剧本服务及剧本编辑器公开版本尚在开发中,预计 2022 年 2 月份中旬发布,敬请期待。</p>
86
86
  </blockquote>
87
87
 
88
- <a href="#关键帧说明" id="关键帧说明" style="color: inherit; text-decoration: none;">
89
- <h3>关键帧说明</h3>
88
+ <a href="#剧本帧说明" id="剧本帧说明" style="color: inherit; text-decoration: none;">
89
+ <h3>剧本帧说明</h3>
90
90
  </a>
91
- <p>Vreo 剧本行为是按照剧本关键帧来执行的,即根据音视频播放的时间序列命中关键帧后,按照关键帧的类型执行相机运镜、全景标签、模型特效等动作。</p>
91
+ <p><strong>Vreo</strong> 剧本行为是按照剧本关键帧来执行的,即根据音视频播放的时间序列命中剧本帧后,按照剧本帧的类型执行相机运镜、全景标签、模型特效等动作。</p>
92
92
  <blockquote>
93
- <p>目前支持九种类型剧本关键帧,后续会不断完善及添加新的剧本关键帧行为。</p>
93
+ <p>目前支持多种类型剧本关键帧(详见:<a href="https://realsee-developer.github.io/vreo/enums/Player.VreoKeyframeEnum.html">Player.VreoKeyframeEnum</a>),后续会不断完善及添加新的剧本关键帧行为。</p>
94
94
  </blockquote>
95
- <p>Vreo 内置了每一个剧本关键帧的 UI 动作行为,通过 <code>vreoplayer.on()</code> 可监听到相应的剧本关键帧的命中时机,并按需添加业务逻辑。</p>
95
+ <p><strong>Vreo</strong> 内置了每一个剧本关键帧的 UI 动作行为,通过 <code>vreoplayer.on()</code> 可监听到相应的剧本关键帧的命中时机,并按需添加业务逻辑。</p>
96
96
 
97
97
  <a href="#剧本关键帧" id="剧本关键帧" style="color: inherit; text-decoration: none;">
98
98
  <h3>剧本关键帧</h3>
@@ -179,15 +179,24 @@
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
- <h3>自定义关键帧行为</h3>
182
+ <a href="#自定义剧本帧行为" id="自定义剧本帧行为" style="color: inherit; text-decoration: none;">
183
+ <h3>自定义剧本帧行为</h3>
184
184
  </a>
185
- <p>Vreo 中的关键帧行为是内置的,但如果您有强烈的诸如统一 UI 风格类的诉求,不想使用内置剧本逻辑,也可以通过 <code>new Player(five, {keyframeMap: {PanoTag: false}})</code> 来禁用内置关键帧解析,然后通过监听关键帧触发事件来补充您自己的剧本 UI 行为。</p>
185
+ <p><strong>Vreo</strong> 中的剧本帧行为是内置的,但如果您有强烈的诸如统一 UI 风格类的诉求,不想使用内置剧本逻辑,也可以通过 <code>new Player(five, {keyframeMap: {PanoTag: false}})</code> 来禁用内置剧本帧解析,然后通过监听剧本帧触发事件来补充您自己的剧本 UI 行为。</p>
186
186
  <p>比如,禁用全景标签的解析:</p>
187
187
  <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><br/><span class="hl-0"> </span><span class="hl-4">keyframeMap:</span><span class="hl-0"> {</span><br/><span class="hl-0"> </span><span class="hl-4">PanoTag:</span><span class="hl-0"> </span><span class="hl-3">false</span><span class="hl-0"> </span><span class="hl-1">/* 禁用了全景标签的解析 */</span><span class="hl-0">,</span><br/><span class="hl-0"> },</span><br/><span class="hl-0">})</span><br/><br/><span class="hl-3">const</span><span class="hl-0"> </span><span class="hl-7">callback</span><span class="hl-0"> = (</span><span class="hl-4">keyframe</span><span class="hl-0">: </span><span class="hl-8">VreoKeyframe</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-1">/* 您自己的业务逻辑:全景标签的模块 */</span><br/><span class="hl-0">}</span><br/><span class="hl-1">// 添加监听</span><br/><span class="hl-4">vreoplayer</span><span class="hl-0">.</span><span class="hl-7">on</span><span class="hl-0">(</span><span class="hl-4">VreoKeyframeEnum</span><span class="hl-0">.</span><span class="hl-4">PanoTag</span><span class="hl-0">, </span><span class="hl-4">callback</span><span class="hl-0">)</span><br/><span class="hl-1">// 关闭监听</span><br/><span class="hl-4">vreoplayer</span><span class="hl-0">.</span><span class="hl-7">off</span><span class="hl-0">(</span><span class="hl-4">VreoKeyframeEnum</span><span class="hl-0">.</span><span class="hl-4">PanoTag</span><span class="hl-0">, </span><span class="hl-4">callback</span><span class="hl-0">)</span>
188
188
  </code></pre>
189
189
  <p>目前仅 DOM 相关的剧本关键帧支持自定义,与 3D 空间模型相关的内容(如:运镜、特效等)尚不支持用户自定义,请采用内置方案。</p>
190
190
 
191
+ <a href="#自定义剧本帧" id="自定义剧本帧" style="color: inherit; text-decoration: none;">
192
+ <h3>自定义剧本帧</h3>
193
+ </a>
194
+ <p>除了默认内置的剧本帧之外,<strong>Vreo</strong> 支持自定义剧本帧。你可以将剧本帧类型设定为 <code>VreoKeyframeEnum.Custom</code>,然后通过监听 <code>vreoplayer.on(VreoKeyframeEnum.Custom, callback)</code> 剧本事件去解析你自己定义的剧本行为。</p>
195
+ <p>此外,你也可以实现个 <code>React</code> 组件,例如:</p>
196
+ <pre><code class="hljs language-ts"><span class="hl-2">export</span><span class="hl-0"> </span><span class="hl-3">function</span><span class="hl-0"> </span><span class="hl-7">YourCustomKeyframe</span><span class="hl-0">(</span><span class="hl-4">props</span><span class="hl-0">: </span><span class="hl-8">CustomVreoKeyframeProps</span><span class="hl-0">) {</span><br/><br/><span class="hl-0"> </span><span class="hl-4">React</span><span class="hl-0">.</span><span class="hl-7">useEffect</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-4">props</span><span class="hl-0">.</span><span class="hl-4">subscribe</span><span class="hl-0">.</span><span class="hl-7">on</span><span class="hl-0">(</span><span class="hl-4">VreoKeyframeEnum</span><span class="hl-0">.</span><span class="hl-4">Custom</span><span class="hl-0">, </span><span class="hl-4">callback</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-3">=&gt;</span><span class="hl-0"> {</span><br/><span class="hl-0"> </span><span class="hl-4">props</span><span class="hl-0">.</span><span class="hl-4">subscribe</span><span class="hl-0">.</span><span class="hl-7">off</span><span class="hl-0">(</span><span class="hl-4">VreoKeyframeEnum</span><span class="hl-0">.</span><span class="hl-4">Custom</span><span class="hl-0">, </span><span class="hl-4">callback</span><span class="hl-0">)</span><br/><span class="hl-0"> }</span><br/><span class="hl-0"> }, [])</span><br/><br/><span class="hl-0"> </span><span class="hl-2">return</span><span class="hl-0"> &lt;&gt;...&lt;/&gt;</span><br/><span class="hl-0">}</span>
197
+ </code></pre>
198
+ <p>然后通过 <code>new Player(five, {customKeyframes: [YourCustomKeyframe]})</code> 配置参数添加进去即可。</p>
199
+
191
200
  <a href="#注意事项" id="注意事项" style="color: inherit; text-decoration: none;">
192
201
  <h2>注意事项</h2>
193
202
  </a>
@@ -202,4 +211,4 @@
202
211
  <h2>API 文档</h2>
203
212
  </a>
204
213
  <p>详细的 API 文档请参考:<a href="https://realsee-developer.github.io/vreo/index.html">Vreo API</a> 。</p>
205
- </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/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>
214
+ </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>
@@ -0,0 +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,4 +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#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/6c8f41c/resources/Player/typings.ts#L4">resources/Player/typings.ts:4</a></li></ul></aside></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/6c8f41c/resources/Player/typings.ts#L5">resources/Player/typings.ts:5</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/6c8f41c/resources/Player/typings.ts#L11">resources/Player/typings.ts:11</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#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">
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">
2
4
  <p>微信端自动播放功能实现需要提前初始化 Video 实例。</p>
3
5
  </div><div><p>如果需要支持微信浏览器端自动播放需要接入微信SDK及提前初始化好相关 Video 实例。</p>
4
- </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/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#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#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>
@@ -1,3 +1,3 @@
1
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/6c8f41c/resources/typings/VreoUnit.ts#L134">resources/typings/VreoUnit.ts:134</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/6c8f41c/resources/typings/VreoUnit.ts#L135">resources/typings/VreoUnit.ts:135</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/6c8f41c/resources/typings/VreoUnit.ts#L136">resources/typings/VreoUnit.ts:136</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/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>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>
@@ -0,0 +1 @@
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,3 +1,3 @@
1
1
  <!DOCTYPE html><html class="default"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>VreoKeyframe | 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.VreoKeyframe.html">VreoKeyframe</a></li></ul><h1>Interface VreoKeyframe</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">VreoKeyframe</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.VreoKeyframe.html#data" class="tsd-kind-icon">data</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoKeyframe.html#end" class="tsd-kind-icon">end</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoKeyframe.html#parsed" class="tsd-kind-icon">parsed</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoKeyframe.html#start" class="tsd-kind-icon">start</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoKeyframe.html#type" class="tsd-kind-icon">type</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="data" class="tsd-anchor"></a><h3>data</h3><div class="tsd-signature tsd-kind-icon">data<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Record</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/6c8f41c/resources/typings/VreoUnit.ts#L68">resources/typings/VreoUnit.ts:68</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="end" class="tsd-anchor"></a><h3>end</h3><div class="tsd-signature tsd-kind-icon">end<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/6c8f41c/resources/typings/VreoUnit.ts#L66">resources/typings/VreoUnit.ts:66</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="parsed" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> parsed</h3><div class="tsd-signature tsd-kind-icon">parsed<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/6c8f41c/resources/typings/VreoUnit.ts#L67">resources/typings/VreoUnit.ts:67</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="start" class="tsd-anchor"></a><h3>start</h3><div class="tsd-signature tsd-kind-icon">start<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/6c8f41c/resources/typings/VreoUnit.ts#L65">resources/typings/VreoUnit.ts:65</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="type" class="tsd-anchor"></a><h3>type</h3><div class="tsd-signature tsd-kind-icon">type<span class="tsd-signature-symbol">:</span> <a href="../enums/Player.VreoKeyframeEnum.html" class="tsd-signature-type" data-tsd-kind="Enumeration">VreoKeyframeEnum</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/6c8f41c/resources/typings/VreoUnit.ts#L64">resources/typings/VreoUnit.ts:64</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/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.VreoKeyframe.html" class="tsd-kind-icon">Vreo<wbr/>Keyframe</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoKeyframe.html#data" class="tsd-kind-icon">data</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoKeyframe.html#end" class="tsd-kind-icon">end</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoKeyframe.html#parsed" class="tsd-kind-icon">parsed</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoKeyframe.html#start" class="tsd-kind-icon">start</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoKeyframe.html#type" class="tsd-kind-icon">type</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">VreoKeyframe</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.VreoKeyframe.html#data" class="tsd-kind-icon">data</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoKeyframe.html#end" class="tsd-kind-icon">end</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoKeyframe.html#parsed" class="tsd-kind-icon">parsed</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoKeyframe.html#start" class="tsd-kind-icon">start</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoKeyframe.html#type" class="tsd-kind-icon">type</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoKeyframe.html#uuid" class="tsd-kind-icon">uuid</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="data" class="tsd-anchor"></a><h3>data</h3><div class="tsd-signature tsd-kind-icon">data<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Record</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/7ea5d6c/resources/typings/VreoUnit.ts#L73">resources/typings/VreoUnit.ts:73</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="end" class="tsd-anchor"></a><h3>end</h3><div class="tsd-signature tsd-kind-icon">end<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#L71">resources/typings/VreoUnit.ts:71</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="parsed" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> parsed</h3><div class="tsd-signature tsd-kind-icon">parsed<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/7ea5d6c/resources/typings/VreoUnit.ts#L72">resources/typings/VreoUnit.ts:72</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="start" class="tsd-anchor"></a><h3>start</h3><div class="tsd-signature tsd-kind-icon">start<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#L70">resources/typings/VreoUnit.ts:70</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="type" class="tsd-anchor"></a><h3>type</h3><div class="tsd-signature tsd-kind-icon">type<span class="tsd-signature-symbol">:</span> <a href="../enums/Player.VreoKeyframeEnum.html" class="tsd-signature-type" data-tsd-kind="Enumeration">VreoKeyframeEnum</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/7ea5d6c/resources/typings/VreoUnit.ts#L69">resources/typings/VreoUnit.ts:69</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="uuid" class="tsd-anchor"></a><h3>uuid</h3><div class="tsd-signature tsd-kind-icon">uuid<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/7ea5d6c/resources/typings/VreoUnit.ts#L68">resources/typings/VreoUnit.ts:68</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.VreoKeyframe.html" class="tsd-kind-icon">Vreo<wbr/>Keyframe</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoKeyframe.html#data" class="tsd-kind-icon">data</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoKeyframe.html#end" class="tsd-kind-icon">end</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoKeyframe.html#parsed" class="tsd-kind-icon">parsed</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoKeyframe.html#start" class="tsd-kind-icon">start</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoKeyframe.html#type" class="tsd-kind-icon">type</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoKeyframe.html#uuid" class="tsd-kind-icon">uuid</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,3 +1,3 @@
1
1
  <!DOCTYPE html><html class="default"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>VreoUnit | 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.VreoUnit.html">VreoUnit</a></li></ul><h1>Interface VreoUnit</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">VreoUnit</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.VreoUnit.html#categoryId" class="tsd-kind-icon">category<wbr/>Id</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoUnit.html#categoryText" class="tsd-kind-icon">category<wbr/>Text</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoUnit.html#frontRequestId" class="tsd-kind-icon">front<wbr/>Request<wbr/>Id</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoUnit.html#index" class="tsd-kind-icon">index</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoUnit.html#keyframes" class="tsd-kind-icon">keyframes</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoUnit.html#video" class="tsd-kind-icon">video</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="categoryId" class="tsd-anchor"></a><h3>category<wbr/>Id</h3><div class="tsd-signature tsd-kind-icon">category<wbr/>Id<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/6c8f41c/resources/typings/VreoUnit.ts#L85">resources/typings/VreoUnit.ts:85</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="categoryText" class="tsd-anchor"></a><h3>category<wbr/>Text</h3><div class="tsd-signature tsd-kind-icon">category<wbr/>Text<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/6c8f41c/resources/typings/VreoUnit.ts#L86">resources/typings/VreoUnit.ts:86</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="frontRequestId" class="tsd-anchor"></a><h3>front<wbr/>Request<wbr/>Id</h3><div class="tsd-signature tsd-kind-icon">front<wbr/>Request<wbr/>Id<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/6c8f41c/resources/typings/VreoUnit.ts#L87">resources/typings/VreoUnit.ts:87</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="index" class="tsd-anchor"></a><h3>index</h3><div class="tsd-signature tsd-kind-icon">index<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><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/6c8f41c/resources/typings/VreoUnit.ts#L88">resources/typings/VreoUnit.ts:88</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="keyframes" class="tsd-anchor"></a><h3>keyframes</h3><div class="tsd-signature tsd-kind-icon">keyframes<span class="tsd-signature-symbol">:</span> <a href="Player.VreoKeyframe.html" class="tsd-signature-type" data-tsd-kind="Interface">VreoKeyframe</a><span class="tsd-signature-symbol">[]</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/6c8f41c/resources/typings/VreoUnit.ts#L89">resources/typings/VreoUnit.ts:89</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="video" class="tsd-anchor"></a><h3>video</h3><div class="tsd-signature tsd-kind-icon">video<span class="tsd-signature-symbol">:</span> <a href="Player.VreoVideo.html" class="tsd-signature-type" data-tsd-kind="Interface">VreoVideo</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/6c8f41c/resources/typings/VreoUnit.ts#L90">resources/typings/VreoUnit.ts:90</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/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.VreoUnit.html" class="tsd-kind-icon">Vreo<wbr/>Unit</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoUnit.html#categoryId" class="tsd-kind-icon">category<wbr/>Id</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoUnit.html#categoryText" class="tsd-kind-icon">category<wbr/>Text</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoUnit.html#frontRequestId" class="tsd-kind-icon">front<wbr/>Request<wbr/>Id</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoUnit.html#index" class="tsd-kind-icon">index</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoUnit.html#keyframes" class="tsd-kind-icon">keyframes</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoUnit.html#video" class="tsd-kind-icon">video</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">VreoUnit</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.VreoUnit.html#categoryId" class="tsd-kind-icon">category<wbr/>Id</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoUnit.html#categoryText" class="tsd-kind-icon">category<wbr/>Text</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoUnit.html#frontRequestId" class="tsd-kind-icon">front<wbr/>Request<wbr/>Id</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoUnit.html#index" class="tsd-kind-icon">index</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoUnit.html#keyframes" class="tsd-kind-icon">keyframes</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoUnit.html#video" class="tsd-kind-icon">video</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="categoryId" class="tsd-anchor"></a><h3>category<wbr/>Id</h3><div class="tsd-signature tsd-kind-icon">category<wbr/>Id<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/7ea5d6c/resources/typings/VreoUnit.ts#L90">resources/typings/VreoUnit.ts:90</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="categoryText" class="tsd-anchor"></a><h3>category<wbr/>Text</h3><div class="tsd-signature tsd-kind-icon">category<wbr/>Text<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/7ea5d6c/resources/typings/VreoUnit.ts#L91">resources/typings/VreoUnit.ts:91</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="frontRequestId" class="tsd-anchor"></a><h3>front<wbr/>Request<wbr/>Id</h3><div class="tsd-signature tsd-kind-icon">front<wbr/>Request<wbr/>Id<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/7ea5d6c/resources/typings/VreoUnit.ts#L92">resources/typings/VreoUnit.ts:92</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="index" class="tsd-anchor"></a><h3>index</h3><div class="tsd-signature tsd-kind-icon">index<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><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#L93">resources/typings/VreoUnit.ts:93</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="keyframes" class="tsd-anchor"></a><h3>keyframes</h3><div class="tsd-signature tsd-kind-icon">keyframes<span class="tsd-signature-symbol">:</span> <a href="Player.VreoKeyframe.html" class="tsd-signature-type" data-tsd-kind="Interface">VreoKeyframe</a><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/typings/VreoUnit.ts#L94">resources/typings/VreoUnit.ts:94</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="video" class="tsd-anchor"></a><h3>video</h3><div class="tsd-signature tsd-kind-icon">video<span class="tsd-signature-symbol">:</span> <a href="Player.VreoVideo.html" class="tsd-signature-type" data-tsd-kind="Interface">VreoVideo</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/7ea5d6c/resources/typings/VreoUnit.ts#L95">resources/typings/VreoUnit.ts:95</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.VreoUnit.html" class="tsd-kind-icon">Vreo<wbr/>Unit</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoUnit.html#categoryId" class="tsd-kind-icon">category<wbr/>Id</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoUnit.html#categoryText" class="tsd-kind-icon">category<wbr/>Text</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoUnit.html#frontRequestId" class="tsd-kind-icon">front<wbr/>Request<wbr/>Id</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoUnit.html#index" class="tsd-kind-icon">index</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoUnit.html#keyframes" class="tsd-kind-icon">keyframes</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoUnit.html#video" class="tsd-kind-icon">video</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,3 +1,3 @@
1
1
  <!DOCTYPE html><html class="default"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>VreoVideo | 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.VreoVideo.html">VreoVideo</a></li></ul><h1>Interface VreoVideo</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">VreoVideo</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.VreoVideo.html#duration" class="tsd-kind-icon">duration</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoVideo.html#end" class="tsd-kind-icon">end</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoVideo.html#start" class="tsd-kind-icon">start</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoVideo.html#url" class="tsd-kind-icon">url</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="duration" class="tsd-anchor"></a><h3>duration</h3><div class="tsd-signature tsd-kind-icon">duration<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/6c8f41c/resources/typings/VreoUnit.ts#L75">resources/typings/VreoUnit.ts:75</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="end" class="tsd-anchor"></a><h3>end</h3><div class="tsd-signature tsd-kind-icon">end<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/6c8f41c/resources/typings/VreoUnit.ts#L77">resources/typings/VreoUnit.ts:77</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="start" class="tsd-anchor"></a><h3>start</h3><div class="tsd-signature tsd-kind-icon">start<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/6c8f41c/resources/typings/VreoUnit.ts#L76">resources/typings/VreoUnit.ts:76</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="url" class="tsd-anchor"></a><h3>url</h3><div class="tsd-signature tsd-kind-icon">url<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/6c8f41c/resources/typings/VreoUnit.ts#L78">resources/typings/VreoUnit.ts:78</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/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.VreoVideo.html" class="tsd-kind-icon">Vreo<wbr/>Video</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoVideo.html#duration" class="tsd-kind-icon">duration</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoVideo.html#end" class="tsd-kind-icon">end</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoVideo.html#start" class="tsd-kind-icon">start</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoVideo.html#url" class="tsd-kind-icon">url</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">VreoVideo</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.VreoVideo.html#duration" class="tsd-kind-icon">duration</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoVideo.html#end" class="tsd-kind-icon">end</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoVideo.html#start" class="tsd-kind-icon">start</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoVideo.html#url" class="tsd-kind-icon">url</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="duration" class="tsd-anchor"></a><h3>duration</h3><div class="tsd-signature tsd-kind-icon">duration<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#L80">resources/typings/VreoUnit.ts:80</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="end" class="tsd-anchor"></a><h3>end</h3><div class="tsd-signature tsd-kind-icon">end<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#L82">resources/typings/VreoUnit.ts:82</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="start" class="tsd-anchor"></a><h3>start</h3><div class="tsd-signature tsd-kind-icon">start<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#L81">resources/typings/VreoUnit.ts:81</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="url" class="tsd-anchor"></a><h3>url</h3><div class="tsd-signature tsd-kind-icon">url<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/vreo/blob/7ea5d6c/resources/typings/VreoUnit.ts#L83">resources/typings/VreoUnit.ts:83</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.VreoVideo.html" class="tsd-kind-icon">Vreo<wbr/>Video</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoVideo.html#duration" class="tsd-kind-icon">duration</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoVideo.html#end" class="tsd-kind-icon">end</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoVideo.html#start" class="tsd-kind-icon">start</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="Player.VreoVideo.html#url" class="tsd-kind-icon">url</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>