@realsee/vreo 1.0.0-alpha.10 → 1.0.0-alpha.11
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.
- package/docs/demo/assets/{AppReact.ea8cbdb3.js → AppReact.e6e509fc.js} +1 -1
- package/docs/demo/assets/{default.1dd2b2d4.js → default.e9102488.js} +1 -1
- package/docs/demo/assets/{dynamic.cd7d1da6.js → dynamic.0dd42f6c.js} +1 -1
- package/docs/demo/assets/{examples.98aaf9e2.js → examples.e70954e5.js} +1 -1
- package/docs/demo/assets/{index.a3d7bd8a.js → index.62e9f091.js} +1 -1
- package/docs/demo/assets/{main.f0c47cae.js → main.c6fa1444.js} +1 -1
- package/docs/demo/assets/{react.5f3bcfc5.js → react.89edd358.js} +1 -1
- package/docs/demo/examples.html +2 -2
- package/docs/demo/index-react-dynamic.html +4 -4
- package/docs/demo/index-react.html +4 -4
- package/docs/demo/index.html +3 -3
- package/lib/Player/modules/Wave/index.js +143 -62
- package/package.json +1 -1
- package/resources/Player/modules/Wave/index.tsx +132 -57
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,u as y,P as x,j as E,e as b}from"./default.1dd2b2d4.js";const F=e.exports.createContext(null),A=u=>{const a=y(),[t,r]=e.exports.useState(null),d=e.exports.useRef(null);return e.exports.useEffect(()=>(d.current=new x(a,u.configs||{}),r(d.current),()=>{var p;(p=d.current)==null||p.dispose()}),[]),t?E(F.Provider,{value:t,children:u.children}):E(b,{})};function c(){const u=e.exports.useContext(F);if(!u)throw new Error("VreoProvider never found.");return u}function i(){const u=c(),a=e.exports.useCallback((o,s)=>u.load(o,s),[u]),t=e.exports.useCallback(o=>u.play(o||0),[u]),r=e.exports.useCallback(()=>u.pause(),[u]),d=e.exports.useCallback(()=>u.show(),[u]),p=e.exports.useCallback(()=>u.hide(),[u]),f=e.exports.useCallback(()=>u.dispose(),[u]);return{load:a,pause:r,show:d,play:t,hide:p,dispose:f}}function n(u,a,t){const r=c();let d=[r,u];t!==void 0&&(d=d.concat(t)),e.exports.useEffect(()=>(r.on(u,a),()=>{r.off(u,a)}),d)}function C(){const u=c(),[a,t]=e.exports.useState(u.paused);return n("paused",()=>t(!0)),n("playing",()=>t(!1)),a}const B={categoryId:"b35b2980-9394-42a4-8ccb-0d2d4c8634fa",categoryText:"b4aff456-9a94-46c8-6e15-13cfa540aed8",frontRequestId:"ffc05d41-e588-48dc-adb7-d20d350ea1b4",index:0,video:{duration:249e3,start:0,end:249e3,url:"//vrlab-public.ljcdn.com/vrframework/release/audio_merged/Llk9Mhep/aitalk_text/merged.mp4"},keyframes:[{uuid:"87c795f5-95f3-435b-947e-c5ba030dd396",type:"CameraMovement",start:18600,end:28970,parsed:!1,data:{effect:"Rotate",panoIndex:0,fov:120,mode:"Panorama",latitude:-.010928962416050254,longitude:6.085904225460554,rotation:"Clockwise",rotateSpeed:.3}},{uuid:"6c21e958-5232-4097-57ef-dcbd7084073e",type:"InfoPanel",start:29010,end:40580,parsed:!1,data:{url:"//vrlab-public.ljcdn.com/release/seesay/tools/___2b82e40ca6a7d298cc6f4134a80ba58e.png",type:"Image"}},{uuid:"fb63d3aa-bbc8-41a3-379f-6714b255a894",type:"InfoPanel",start:40630,end:47950,parsed:!1,data:{url:"//vrlab-public.ljcdn.com/release/seesay/tools/___6b581b51cf12461442a31b3aef9aa504.jpg",type:"Image"}},{uuid:"89f7f29a-c816-4716-b420-2cdb58b527be",type:"CameraMovement",start:127020,end:128520,parsed:!1,data:{effect:"Move",panoIndex:8,fov:103.5,mode:"Panorama",latitude:.08334099549985256,longitude:4.765651641044329}},{uuid:"ce298bb1-5a38-4df7-5aab-1e378f598afc",type:"CameraMovement",start:13200,end:14700,parsed:!1,data:{effect:"Move",panoIndex:0,fov:120,mode:"Panorama",latitude:.08049960901252118,longitude:4.767461665999537}},{uuid:"e89aebe0-208d-43db-fc45-ddab6b2f8494",type:"CameraMovement",start:47900,end:49400,parsed:!1,data:{effect:"Move",panoIndex:0,fov:120,mode:"Panorama",latitude:.10405749787530304,longitude:5.272073180707112}},{uuid:"6d9424e0-2675-4843-b625-a762470e02ad",type:"CameraMovement",start:81800,end:83300,parsed:!1,data:{effect:"Move",panoIndex:12,fov:120,mode:"Panorama",latitude:.011858721114165922,longitude:1.2954826860590476}},{uuid:"72afc500-b4b7-4977-0685-1b432b30fd71",type:"CameraMovement",start:92500,end:94e3,parsed:!1,data:{effect:"Move",panoIndex:9,fov:120,mode:"Panorama",latitude:.003004866296355502,longitude:.13052484428045208}},{uuid:"f158594f-3863-429e-ac27-606af8b65e67",type:"CameraMovement",start:133900,end:135400,parsed:!1,data:{effect:"Move",panoIndex:6,fov:103.5,mode:"Panorama",latitude:.21615302557504054,longitude:3.7230169653291494}},{uuid:"0d3e24c0-06d4-4621-c73d-0026d2bc8a4c",type:"CameraMovement",start:179600,end:181100,parsed:!1,data:{effect:"Move",panoIndex:18,fov:105,mode:"Panorama",latitude:.14909776312915213,longitude:5.400919815605706}},{uuid:"f9ea52f9-c9d2-41c0-fa03-3177cbe77320",type:"CameraMovement",start:196180,end:197680,parsed:!1,data:{effect:"Move",panoIndex:23,fov:120,mode:"Panorama",latitude:.02935657980524926,longitude:1.2375176610076473}},{uuid:"643c8d41-777d-468e-184d-6df692f19f54",type:"CameraMovement",start:222e3,end:223500,parsed:!1,data:{effect:"Move",panoIndex:21,fov:108,mode:"Panorama",latitude:.10444027741202826,longitude:1.2490838384253422}},{uuid:"10fc17bd-b7be-4fbf-0220-a5214f9a6853",type:"CameraMovement",start:65140,end:70250,parsed:!1,data:{effect:"Rotate",panoIndex:0,fov:120,mode:"Panorama",latitude:.2917266708076339,longitude:3.22696039875224,rotation:"Anticlockwise",rotateSpeed:.6}},{uuid:"65022608-f0f2-4745-4554-e019aef325c3",type:"CameraMovement",start:208710,end:210700,parsed:!1,data:{effect:"Move",panoIndex:27,fov:81,mode:"Panorama",latitude:.09538804087572342,longitude:.13388593579664576}},{uuid:"4e8a5281-6136-4f1f-431e-666c53767f76",type:"CameraMovement",start:147600,end:152080,parsed:!1,data:{effect:"Rotate",panoIndex:6,fov:102,mode:"Panorama",latitude:.11636355189082886,longitude:5.151892672556052,rotateSpeed:.5,rotation:"Clockwise"}},{uuid:"06dc1ecb-0f89-43e1-ae79-287036f6fbcc",start:1045,end:1572,data:{text:"\u60A8\u597D",type:"Text"},type:"Prompter"},{uuid:"777ddc34-dea5-4714-ac09-5feea0e644d4",start:1672,end:5009,data:{text:"\u6211\u662F\u8D1D\u58F3\u5408\u4F5C\u623F\u4EA7\u7ECF\u7EAA\u54C1\u724C\u5FB7\u4F51\u5E97\u4E1C\u5468\u677E",type:"Text"},type:"Prompter"},{uuid:"d7fb6ef7-e1bd-4c4f-dcc2-6df3ee701b14",start:5109,end:8237,data:{text:"\u4E5F\u662F\u8D1D\u58F3\u91D1\u724C\u54C1\u8D28\u96C7\u4E3B\u3001\u5FB7\u4F51\u9886\u822A\u8005\u5E97\u4E1C",type:"Text"},type:"Prompter"},{uuid:"af2ea4f8-a88e-487e-d9e8-f648c82c3b0c",start:8337,end:10838,data:{text:"\u5728\u623F\u4EA7\u884C\u4E1A\u5DF2\u7ECF\u5DE5\u4F5C\u4E8614\u5E74",type:"Text"},type:"Prompter"},{uuid:"fe310d2f-ff41-44b8-dc92-6aab94b6014d",start:10938,end:13393,data:{text:"\u5F88\u8363\u5E78\u4E3A\u60A8\u5168\u65B9\u4F4D\u5C55\u793A\u6211\u7684\u5E97\u9762",type:"Text"},type:"Prompter"},{uuid:"a4e0f25e-1bc0-43ec-103d-8205a562c03f",start:13236,end:14646,data:{text:"\u6211\u6240\u7ECF\u8425\u7684\u8FD9\u5BB6\u5E97",type:"Text"},type:"Prompter"},{uuid:"d552e251-142b-4069-e8a6-c95a90cdd5ec",start:14746,end:16922,data:{text:"\u662F\u6B66\u6C49\u5FB7\u4F51\u6700\u5927\u7684\u4F18\u9009\u5F62\u8C61\u5E97",type:"Text"},type:"Prompter"},{uuid:"92c8baea-72af-4304-2328-bfccb6e40e31",start:17022,end:18594,data:{text:"\u5171\u670930\u591A\u540D\u5458\u5DE5",type:"Text"},type:"Prompter"},{uuid:"ff0d6154-45fb-4e08-9e7a-24ca3f05ce3e",start:18694,end:20313,data:{text:"\u5927\u5E97\u4F18\u52BF\u663E\u800C\u6613\u89C1",type:"Text"},type:"Prompter"},{uuid:"c9e8a13d-0487-49bf-44bc-0d776dc7662f",start:20413,end:22984,data:{text:"\u65E2\u80FD\u63D0\u4F9B\u66F4\u597D\u7684\u5DE5\u4F5C\u73AF\u5883\u548C\u6C1B\u56F4",type:"Text"},type:"Prompter"},{uuid:"ad608f54-b33d-4b71-8198-615a30a57b8c",start:23084,end:24587,data:{text:"\u4E5F\u66F4\u5BB9\u6613\u5438\u5F15\u5BA2\u6237",type:"Text"},type:"Prompter"},{uuid:"333ec189-0578-45e6-4004-892ccd92456a",start:24687,end:25911,data:{text:"\u63D0\u5347\u6210\u5355\u6982\u7387",type:"Text"},type:"Prompter"},{uuid:"91760827-5a1f-431d-b170-29146aacd2f9",start:26011,end:28953,data:{text:"\u63A5\u4E0B\u6765\u8DDF\u968F\u6211\u4E00\u8D77\u4E86\u89E3\u95E8\u5E97\u8BE6\u7EC6\u60C5\u51B5\u5427",type:"Text"},type:"Prompter"},{uuid:"5eb73b8f-073d-4cbe-2cc5-c6aa4c90d2d2",start:29053,end:31113,data:{text:"\u5E97\u9762\u4F4D\u4E8E\u5357\u6E56\u90BB\u91CC\u5E7F\u573A",type:"Text"},type:"Prompter"},{uuid:"e300f233-600d-4aa8-e4fc-175c7f6dabb6",start:31213,end:32460,data:{text:"\u4EA4\u901A\u6781\u5176\u4FBF\u5229",type:"Text"},type:"Prompter"},{uuid:"1ba9846d-f020-4f37-d418-9a120e0890d3",start:32560,end:35409,data:{text:"\u8DDD\u79BB7\u53F7\u7EBF\u5EFA\u5B89\u8857\u5730\u94C1\u7AD9\u4EC5300\u7C73",type:"Text"},type:"Prompter"},{uuid:"506e8fb2-e9aa-42c7-e2f3-fe19d2f65a37",start:35509,end:37174,data:{text:"500\u7C73\u5185\u6709\u5C0F\u5B66\u4E2D\u5B66",type:"Text"},type:"Prompter"},{uuid:"ee23e395-1d68-4674-67c7-f235ee0daf49",start:37274,end:39079,data:{text:"\u4E00\u516C\u91CC\u51854\u5BB6\u8D2D\u7269\u5E7F\u573A",type:"Text"},type:"Prompter"},{uuid:"5c655ed0-8768-4d34-6163-331db5abe004",start:39179,end:40566,data:{text:"\u5403\u559D\u73A9\u4E50\u5168\u8986\u76D6",type:"Text"},type:"Prompter"},{uuid:"f805ca1e-1069-45d0-7ec1-de2c3cbabadc",start:40666,end:41890,data:{text:"\u95E8\u593430\u7C73\u5BBD",type:"Text"},type:"Prompter"},{uuid:"d0a15e0c-0c90-4d58-f19e-0911e7471514",start:41990,end:43725,data:{text:"\u5728\u8FD9\u6761\u8857\u9053\u4E0A\u5F88\u663E\u773C",type:"Text"},type:"Prompter"},{uuid:"720fc0be-5a64-400b-d3f8-b750c72a162b",start:43825,end:44886,data:{text:"\u5BBD\u9614\u7684\u573A\u5730",type:"Text"},type:"Prompter"},{uuid:"77531bd9-55e0-40b9-d6e3-832f37b9dbba",start:44986,end:47835,data:{text:"\u4E5F\u65B9\u4FBF\u5F00\u5C55\u5404\u79CD\u4E30\u5BCC\u7684\u4E3B\u9898\u793E\u533A\u6D3B\u52A8",type:"Text"},type:"Prompter"},{uuid:"060100ab-a953-4184-7414-d87938681d1b",start:47935,end:48788,data:{text:"\u7531\u5916\u5411\u5185",type:"Text"},type:"Prompter"},{uuid:"6d651686-a230-479c-4a44-c13f71850869",start:48888,end:52434,data:{text:"\u8FDB\u5165\u95E8\u5E97\u9996\u5148\u6620\u5165\u773C\u5E18\u7684\u662F\u660E\u4EAE\u7684\u524D\u53F0\u63A5\u5F85\u533A",type:"Text"},type:"Prompter"},{uuid:"7f63c69e-af16-458e-6d4b-83751c21b089",start:52534,end:56219,data:{text:"\u5E38\u7528\u4E8E\u9996\u6B21\u5230\u5E97\u7684\u5BA2\u6237\u63A5\u5F85\u548C\u793E\u533A\u90BB\u91CC\u6696\u5FC3\u670D\u52A1",type:"Text"},type:"Prompter"},{uuid:"a244ce90-e416-496a-63b9-da8ec27da526",start:56319,end:59261,data:{text:"\u53EF\u80FD\u662F\u8D70\u7D2F\u4E86\u7684\u5927\u7237\u5927\u5988\u6765\u5E97\u91CC\u4E34\u65F6\u6B47\u811A",type:"Text"},type:"Prompter"},{uuid:"79eec73e-091c-4cab-e175-be96ce0f680e",start:59361,end:61746,data:{text:"\u4E5F\u53EF\u80FD\u662F\u5BB6\u957F\u6765\u4E3A\u5B69\u5B50\u6253\u5370\u4F5C\u4E1A",type:"Text"},type:"Prompter"},{uuid:"237d0697-68d4-4254-16a0-d73b3901cd83",start:61846,end:63743,data:{text:"\u6211\u4EEC\u4EE5\u6696\u5FC3\u670D\u52A1\u52A9\u6C11\u5229\u6C11",type:"Text"},type:"Prompter"},{uuid:"157b4c29-c5ac-470d-19dd-79ae2d54f5cf",start:63843,end:65090,data:{text:"\u6E29\u6696\u90BB\u91CC\u516B\u65B9",type:"Text"},type:"Prompter"},{uuid:"4f4acb0e-430a-46ac-c8a4-f38f9832270c",start:65190,end:66971,data:{text:"\u53F3\u624B\u8FB9\u662F\u5BA2\u6237\u63A5\u5F85\u533A",type:"Text"},type:"Prompter"},{uuid:"6872d4bf-9498-407e-d05c-883e7a65adb0",start:67071,end:68458,data:{text:"\u4E5F\u662F\u5BA2\u6237\u4F11\u606F\u533A",type:"Text"},type:"Prompter"},{uuid:"ee903cbc-6f8e-4a9b-a925-7b15d0a23905",start:68558,end:70246,data:{text:"\u6709\u7535\u89C6\u673A\u4F9B\u5BA2\u6237\u5A31\u4E50",type:"Text"},type:"Prompter"},{uuid:"30ab6e6b-9469-46d6-10a7-3ef0e2b2b88f",start:70346,end:73242,data:{text:"\u4F11\u606F\u533A\u65C1\u7684\u8FD9\u9762\u5899\u6302\u7740\u6211\u4EEC\u7684\u5546\u5708\u5730\u56FE",type:"Text"},type:"Prompter"},{uuid:"a2870c6e-4638-4e7d-1b03-94f17adaace1",start:73342,end:75634,data:{text:"\u8986\u76D6\u6574\u4E2A\u6B66\u6C49\u5730\u533A\u7684\u6240\u6709\u697C\u76D8",type:"Text"},type:"Prompter"},{uuid:"ac4218d6-1f0a-4af7-87fd-4ce9fd406c14",start:75734,end:78235,data:{text:"\u65E0\u8BBA\u662F\u672C\u5730\u5BA2\u6237\u8FD8\u662F\u5916\u5730\u5BA2\u6237",type:"Text"},type:"Prompter"},{uuid:"9def907f-9546-401a-66fe-125dd6fbca04",start:78335,end:80836,data:{text:"\u90FD\u80FD\u901A\u8FC7\u5730\u56FE\u6E05\u6670\u4E86\u89E3\u697C\u5E02\u5E03\u5C40",type:"Text"},type:"Prompter"},{uuid:"63489f30-bdc8-4afc-ace8-0db4e47d16dc",start:80936,end:81742,data:{text:"\u4E00\u76EE\u4E86\u7136",type:"Text"},type:"Prompter"},{uuid:"8ff1c9cc-48b0-4081-ee06-95a1066661e6",start:81842,end:84622,data:{text:"\u8FD9\u8FB9\u662F\u5BBD\u9614\u7684\u843D\u5730\u7A97\u666F\u4F11\u95F2\u5427\u53F0",type:"Text"},type:"Prompter"},{uuid:"dbd88648-2fb8-45df-843b-7f112dd093eb",start:84722,end:85807,data:{text:"\u914D\u6709\u5145\u7535\u5B9D",type:"Text"},type:"Prompter"},{uuid:"d9890f34-01f8-4841-29f0-f4f08157f7d1",start:85907,end:87317,data:{text:"\u5BA2\u6237\u53EF\u4EE5\u5728\u8FD9\u91CC\u7B49\u4EBA",type:"Text"},type:"Prompter"},{uuid:"7fe1ea7d-d435-4174-2eb8-482bfecca261",start:87417,end:90824,data:{text:"\u95E8\u5E97\u7684\u5B9D\u5988\u7ECF\u7EAA\u4EBA\u4E5F\u53EF\u4EE5\u5B89\u7F6E\u5B69\u5B50\u5728\u8FD9\u91CC\u5199\u4F5C\u4E1A",type:"Text"},type:"Prompter"},{uuid:"a4427301-90ca-4d7d-42fb-58f15fcc9192",start:90924,end:92427,data:{text:"\u7B49\u5F85\u5988\u5988\u4E00\u8D77\u4E0B\u73ED",type:"Text"},type:"Prompter"},{uuid:"6a503c9f-8589-40df-1076-b640f69c00eb",start:92527,end:94262,data:{text:"\u63A5\u4E0B\u6765\u662F\u6211\u4EEC\u7684\u8363\u8A89\u5C55\u67DC",type:"Text"},type:"Prompter"},{uuid:"86c737a6-98cb-46c7-1ef2-f85a835e8af8",start:94362,end:97304,data:{text:"\u6EE1\u5899\u7684\u8363\u8A89\u8BB0\u5F55\u4E86\u95E8\u5E97\u7684\u6BCF\u4E00\u62B9\u9AD8\u5149\u65F6\u523B",type:"Text"},type:"Prompter"},{uuid:"da039a1a-a4e6-4f2e-410e-ef768b571f39",start:97404,end:100184,data:{text:"\u6BCF\u4E00\u5458\u4E4B\u95F4\u4E92\u5E2E\u4E92\u52A9\uFF0C\u4E92\u76F8\u6210\u5C31",type:"Text"},type:"Prompter"},{uuid:"f7daa549-013c-464b-041c-da5f8a16edda",start:100284,end:102228,data:{text:"\u624D\u80FD\u4E0D\u65AD\u521B\u9020\u51FA\u65B0\u7684\u6210\u679C",type:"Text"},type:"Prompter"},{uuid:"50536aff-0854-4598-588d-94d590f47e48",start:102512,end:104177,data:{text:"\u731C\u731C\u770B\u8FD9\u9762\u5927\u5C4F\u662F\u4EC0\u4E48",type:"Text"},type:"Prompter"},{uuid:"4deb0587-7d57-4fee-30ed-4fdc7b0860e4",start:104277,end:106778,data:{text:"\u5B83\u662F\u4E00\u6B3E\u9ED1\u79D1\u6280\u2014\u2014VR\u667A\u80FD\u5927\u5C4F",type:"Text"},type:"Prompter"},{uuid:"00d161b1-fdea-4bef-c6bd-8030a9b8b570",start:106878,end:109217,data:{text:"\u201C\u5954\u8DD1\u4E24\u5C0F\u65F6,\u770B\u623F\u4E94\u5206\u949F\u201D",type:"Text"},type:"Prompter"},{uuid:"68ccb1d2-e755-4396-bd34-8f55ca3ea8e0",start:109317,end:111377,data:{text:"\u662F\u5F88\u591A\u4EBA\u771F\u5B9E\u7684\u770B\u623F\u5199\u7167",type:"Text"},type:"Prompter"},{uuid:"9e39bdee-b70a-41ad-8c59-0920cb63ed30",start:111477,end:113932,data:{text:"\u73B0\u5728\u5BA2\u6237\u4E0A\u95E8\u6211\u4EEC\u9996\u5148\u4E86\u89E3\u9700\u6C42",type:"Text"},type:"Prompter"},{uuid:"bc1b057a-4ee0-4940-ad0a-26eb68f5624f",start:114032,end:117415,data:{text:"\u7136\u540E\u5728VR\u5927\u5C4F\u4E0A\u4E3A\u5BA2\u6237\u5C55\u793A\u7B26\u5408\u8981\u6C42\u7684\u623F\u6E90",type:"Text"},type:"Prompter"},{uuid:"2430a276-93f5-4130-c501-50e6f3b5a449",start:117515,end:119180,data:{text:"\u771F\u5B9E\u8FD8\u539F\u623F\u5C4B\u7EC6\u8282",type:"Text"},type:"Prompter"},{uuid:"794bf9f6-fb9e-4d7e-7ab9-c80351ac78d3",start:119280,end:122013,data:{text:"\u8BA9\u5BA2\u6237\u5B9E\u73B0\u89C6\u89C9\u5728\u753B\u9762\u4E2D\u81EA\u7531\u6E38\u8D70",type:"Text"},type:"Prompter"},{uuid:"24d6ce8b-ebc4-4988-034a-3ec9072e2345",start:122113,end:125056,data:{text:"\u5982\u679C\u5BA2\u6237\u6EE1\u610F\uFF0C\u6211\u4EEC\u518D\u53BB\u5B9E\u5730\u5E26\u770B",type:"Text"},type:"Prompter"},{uuid:"0147dd29-25c1-418f-eab0-aabe918a4e0f",start:125156,end:126961,data:{text:"\u80FD\u591F\u6781\u5927\u63D0\u5347\u770B\u623F\u6548\u7387",type:"Text"},type:"Prompter"},{uuid:"906ce1ee-add3-4338-acaf-0bc759602981",start:127061,end:129470,data:{text:"\u518D\u5F80\u91CC\u9762\u8D70\uFF0C\u662F\u5458\u5DE5\u4F11\u606F\u533A",type:"Text"},type:"Prompter"},{uuid:"21674257-9d97-4683-2606-e07603ec22c4",start:129570,end:132071,data:{text:"\u4E5F\u53EF\u4EE5\u8BF4\u662F\u5458\u5DE5\u7684\u5F00\u653E\u5F0F\u529E\u516C\u533A",type:"Text"},type:"Prompter"},{uuid:"20d57f20-3d69-4ab5-3e1d-4b594f79a7de",start:132171,end:133859,data:{text:"\u5728\u8FD9\u91CC\u53EF\u4EE5\u5B89\u9759\u529E\u516C",type:"Text"},type:"Prompter"},{uuid:"5c8178a0-71d5-47b8-a863-cd2e04f8c8b3",start:133959,end:136460,data:{text:"\u4F11\u606F\u533A\u518D\u5F80\u91CC\u662F\u591A\u529F\u80FD\u4F11\u95F2\u533A",type:"Text"},type:"Prompter"},{uuid:"dd265f66-e1a5-4873-7111-5b4565114c83",start:136560,end:139015,data:{text:"\u770B\u4E66\u3001\u53F0\u7403\u3001\u4E52\u4E53\u7403\u4E00\u5385\u4E09\u7528",type:"Text"},type:"Prompter"},{uuid:"d66f5f7c-7bf5-43f2-d437-1003a43dff6a",start:139115,end:140200,data:{text:"\u8FD9\u4E2A\u4E52\u4E53\u7403\u53F0",type:"Text"},type:"Prompter"},{uuid:"e59e0688-6a40-4ee9-2fb5-b59f59d041c2",start:140300,end:142546,data:{text:"\u63D0\u8D77\u6765\u4E4B\u540E\u5C31\u4F1A\u53D8\u6210\u53F0\u7403\u684C",type:"Text"},type:"Prompter"},{uuid:"99fa63ef-7b12-4285-7d99-4f7e14592420",start:142646,end:144543,data:{text:"\u6211\u9F13\u52B1\u5C0F\u4F19\u4F34\u4EEC\u52B3\u9038\u7ED3\u5408",type:"Text"},type:"Prompter"},{uuid:"6cf6623d-be48-4add-5964-ebe5823dbf27",start:144643,end:147585,data:{text:"\u6240\u4EE5\u4F1A\u5C3D\u529B\u5728\u95E8\u5E97\u6253\u9020\u5458\u5DE5\u7684\u201C\u8212\u9002\u533A\u201D",type:"Text"},type:"Prompter"},{uuid:"3091e882-bc83-41f5-6eb8-e5fbb80b2df8",start:147685,end:149536,data:{text:"\u591A\u529F\u80FD\u533A\u57DF\u4FA7\u65B9\u662F\u4E66\u5427",type:"Text"},type:"Prompter"},{uuid:"728a40d3-d29c-4d17-4165-f852613d41f3",start:149636,end:150721,data:{text:"\u53EF\u4EE5\u770B\u4E66\u5145\u7535",type:"Text"},type:"Prompter"},{uuid:"54df8874-f8ab-48c8-2c49-0999451bd2a6",start:150821,end:152068,data:{text:"\u4E5F\u53EF\u4EE5\u653E\u7A7A\u51A5\u60F3",type:"Text"},type:"Prompter"},{uuid:"67d03050-ad1d-4d65-590a-4370db4d9991",start:152168,end:153578,data:{text:"\u518D\u6765\u770B\u4E00\u4E0B\u7B7E\u7EA6\u5BA4",type:"Text"},type:"Prompter"},{uuid:"4f454854-12d5-4828-3255-69c2f552946c",start:153678,end:155622,data:{text:"\u7B7E\u7EA6\u5BA4\u53EF\u4EE5\u5BB9\u7EB3\u5341\u4E8C\u4E2A\u4EBA",type:"Text"},type:"Prompter"},{uuid:"a0a55818-a4ed-46ce-4338-2563248649de",start:155722,end:157225,data:{text:"\u9664\u4E86\u5BA2\u6237\u7B7E\u7EA6\u65F6\u7528",type:"Text"},type:"Prompter"},{uuid:"22cf6cb4-5465-42b8-5c75-aa1e28811ec9",start:157325,end:160500,data:{text:"\u65E5\u5E38\u4F1A\u8BAE\u3001\u57F9\u8BAD\u6D3B\u52A8\u90FD\u53EF\u4EE5\u5728\u8FD9\u4E2A\u7A7A\u95F4\u8FDB\u884C",type:"Text"},type:"Prompter"},{uuid:"96068a33-ea7f-4e10-8342-707d799f79b0",start:160600,end:161987,data:{text:"\u8FD9\u4E5F\u662F\u5927\u5E97\u7684\u4F18\u52BF",type:"Text"},type:"Prompter"},{uuid:"f9e3976f-203d-414d-18a9-23dedd89c20f",start:162087,end:163938,data:{text:"\u901A\u8FC7\u5B9A\u671F\u7CFB\u7EDF\u6027\u57F9\u8BAD",type:"Text"},type:"Prompter"},{uuid:"6b463257-0d4c-469b-d11d-1d1a123c454e",start:164038,end:165332,data:{text:"\u8BA9\u65B0\u4EBA\u8301\u58EE\u6210\u957F",type:"Text"},type:"Prompter"},{uuid:"9190706f-41a2-40d6-2e15-311ee0027a80",start:165432,end:167492,data:{text:"\u7B7E\u7EA6\u5BA4\u7684\u5916\u5899\u4E5F\u662F\u6587\u5316\u5899",type:"Text"},type:"Prompter"},{uuid:"7d5c1cf5-2d6f-42e9-eee4-f6b4a5772cd0",start:167592,end:169652,data:{text:"\u4E3A\u4E86\u6700\u5927\u5316\u6316\u6398\u65B0\u4EBA\u7684\u6F5C\u80FD",type:"Text"},type:"Prompter"},{uuid:"00de4d50-b5af-4d32-df04-b0135fb6d30b",start:169752,end:171487,data:{text:"\u6211\u4F1A\u4E3B\u52A8\u548C\u65B0\u4EBA\u63A5\u89E6",type:"Text"},type:"Prompter"},{uuid:"e218966f-0a5d-4126-004a-9f92aec88e2c",start:171587,end:173252,data:{text:"\u53D1\u73B0\u4ED6\u4EEC\u8EAB\u4E0A\u7684\u95EA\u5149\u70B9",type:"Text"},type:"Prompter"},{uuid:"1db42aae-6ac0-45a3-0a9f-5730b8323fcd",start:173352,end:176201,data:{text:"\u4ECE\u4E2D\u6811\u7ACB\u4F18\u79C0\u7684\u6807\u6746\u5728\u95E8\u5E97\u8FDB\u884C\u5BA3\u4F20",type:"Text"},type:"Prompter"},{uuid:"5964828d-c580-405e-47af-c37cf008b22b",start:176301,end:179545,data:{text:"\u5206\u522B\u6709\u4E1A\u7EE9\u6807\u6746\u3001\u4EF7\u503C\u89C2\u6807\u6746\u548C\u6587\u5316\u6807\u6746",type:"Text"},type:"Prompter"},{uuid:"5da47b79-ce6e-40a5-b1ae-6a4d4076b201",start:179645,end:182030,data:{text:"\u6587\u5316\u5899\u6B63\u5BF9\u7684\u662F\u96C6\u4E2D\u529E\u516C\u533A\u57DF",type:"Text"},type:"Prompter"},{uuid:"d29c8b23-cd62-4a58-aa1d-59d0ba3f39df",start:182130,end:186419,data:{text:"\u623F\u4EA7\u7ECF\u7EAA\u4EBA\u804C\u4E1A\u65E9\u5DF2\u4E0D\u662F\u9760\u8DD1\u817F\u3001\u6253\u7535\u8BDD\u6362\u53D6\u4E1A\u7EE9\u7684\u804C\u4E1A",type:"Text"},type:"Prompter"},{uuid:"4ec9faa9-5780-4a4d-c0f2-c2180dd4c4ba",start:186519,end:190367,data:{text:"\u6211\u4EEC\u9700\u8981\u501F\u52A9\u8D1D\u58F3\u63D0\u4F9B\u7684\u7EBF\u4E0A\u5DE5\u5177\u7BA1\u7406\u623F\u6E90\u5BA2\u6E90\u4FE1\u606F",type:"Text"},type:"Prompter"},{uuid:"1e5e0163-3c32-416e-5fd6-3dfa7bcee00f",start:190467,end:192248,data:{text:"\u89C4\u8303\u5316\u3001\u6D41\u7A0B\u5316\u4F5C\u4E1A",type:"Text"},type:"Prompter"},{uuid:"232052ba-47ca-4f07-0ed3-f0693a740a61",start:192348,end:196126,data:{text:"\u6240\u4EE5\u6211\u4F1A\u4E3A\u6BCF\u4E00\u540D\u5458\u5DE5\u914D\u5907\u7B14\u8BB0\u672C\u6216\u8005\u53F0\u5F0F\u7535\u8111",type:"Text"},type:"Prompter"},{uuid:"87df17c4-cc0f-41e0-fa01-7a58b00d8a36",start:196226,end:199006,data:{text:"\u518D\u5F80\u524D\u8D70\u662F\u7ECF\u7406\u529E\u516C\u5BA4\u548C\u8D22\u52A1\u5BA4",type:"Text"},type:"Prompter"},{uuid:"eae26a0c-d7ce-4c55-dbfd-8489222c05cb",start:199106,end:200446,data:{text:"\u8FD9\u8FB9\u4E5F\u662F\u6587\u5316\u5899",type:"Text"},type:"Prompter"},{uuid:"2449b4d6-501f-4c6d-ad0d-32cc262f8608",start:200546,end:202327,data:{text:"\u8BB0\u5F55\u4E86\u95E8\u5E97\u7684\u70B9\u70B9\u6EF4\u6EF4",type:"Text"},type:"Prompter"},{uuid:"60b31972-9429-41ee-714d-c8e94a98db81",start:202427,end:205393,data:{text:"\u6BCF\u4E00\u4EFD\u8363\u8A89\u3001\u6BCF\u4E00\u6B21\u56E2\u5EFA\u3001\u6BCF\u4E00\u671F\u57F9\u8BAD",type:"Text"},type:"Prompter"},{uuid:"5b8c1c36-d51f-4df4-0c2d-3b515a6adfee",start:205493,end:206717,data:{text:"\u90FD\u4F1A\u5C55\u793A\u5728\u8FD9\u91CC",type:"Text"},type:"Prompter"},{uuid:"11def882-b844-4d94-07de-a8d63781fb25",start:206817,end:208668,data:{text:"\u6211\u4EEC\u7684\u5E97\u662F\u4E00\u4E2A\u6709\u7231\u7684\u56E2\u961F",type:"Text"},type:"Prompter"},{uuid:"2a7d1d8d-0cd6-46f7-02a9-d728ef8e20dd",start:208768,end:210828,data:{text:"\u201C\u5BF9\u7ECF\u7EAA\u4EBA\u597D\u201D\u662F\u6211\u7684\u7528\u5DE5\u7406\u5FF5",type:"Text"},type:"Prompter"},{uuid:"cd70bcfc-a54d-4ad2-b833-b3815af4fe9b",start:210928,end:212988,data:{text:"\u8D70\u5728\u95E8\u5E97\u91CC\u6211\u7ECF\u5E38\u601D\u8003",type:"Text"},type:"Prompter"},{uuid:"2d789507-713a-4640-3730-81ac16c03c6c",start:213088,end:215543,data:{text:"\u600E\u4E48\u80FD\u8BA9\u5458\u5DE5\u4EEC\u50CF\u5728\u5BB6\u4E00\u822C\u8212\u9002",type:"Text"},type:"Prompter"},{uuid:"4d8060e1-b2f9-4dba-943a-7cf73f2ab030",start:215643,end:217308,data:{text:"\u4E8E\u662F\u5C31\u6709\u4E86\u8FD9\u5957\u5458\u5DE5\u67DC",type:"Text"},type:"Prompter"},{uuid:"0e10450e-175e-4a46-ec71-da7c9ae23a5d",start:217408,end:220258,data:{text:"\u6BCF\u4EBA\u4E00\u4E2A\uFF0C\u65E2\u4FDD\u8BC1\u5145\u8DB3\u7684\u50A8\u5B58\u7A7A\u95F4",type:"Text"},type:"Prompter"},{uuid:"1db16507-0c1c-4c8f-6f7f-ed9f9c9f1f48",start:220358,end:221977,data:{text:"\u8FD8\u80FD\u4FDD\u8BC1\u5DE5\u4F4D\u7684\u6574\u6D01",type:"Text"},type:"Prompter"},{uuid:"19bc0567-cc66-472c-481b-58ec8a64f1eb",start:222077,end:223301,data:{text:"\u9664\u4E86\u50A8\u7269\u67DC\u4E4B\u5916",type:"Text"},type:"Prompter"},{uuid:"4a3c01fa-e0e2-4604-776c-8c70f8991e5d",start:223401,end:225415,data:{text:"\u8FD9\u91CC\u8FD8\u8BBE\u6709\u5458\u5DE5\u81EA\u5DF1\u7684\u6C34\u5427",type:"Text"},type:"Prompter"},{uuid:"8b477eb7-452d-4bd9-b703-a981a689b622",start:225515,end:227691,data:{text:"\u6709\u996E\u6C34\u673A\u3001\u5FAE\u6CE2\u7089\u548C\u51B0\u7BB1",type:"Text"},type:"Prompter"},{uuid:"82c50a7e-0868-4464-58dc-f36a49d05e7b",start:227791,end:229317,data:{text:"\u6C34\u5427\u548C\u529E\u516C\u533A\u5206\u5F00",type:"Text"},type:"Prompter"},{uuid:"2c7f7ded-e44f-413f-0450-a52e4d821031",start:229417,end:231477,data:{text:"\u662F\u4E3A\u4E86\u5C0F\u4F19\u4F34\u5728\u5DE5\u4F5C\u95F4\u9699",type:"Text"},type:"Prompter"},{uuid:"bce4d35f-c88f-45c7-dba1-a21f69cba8a3",start:231577,end:233149,data:{text:"\u53EF\u4EE5\u8D77\u6765\u591A\u6D3B\u52A8\u6D3B\u52A8",type:"Text"},type:"Prompter"},{uuid:"352eabc5-35af-4e25-f8f5-d9241f213007",start:233249,end:235146,data:{text:"\u4EE5\u4E0A\u5C31\u662F\u95E8\u5E97\u7684\u57FA\u672C\u60C5\u51B5",type:"Text"},type:"Prompter"},{uuid:"50ef5685-b5a1-4e19-54e0-9271502cb835",start:235246,end:238072,data:{text:"\u5982\u679C\u60A8\u5BF9\u623F\u4EA7\u7ECF\u7EAA\u4EBA\u8FD9\u4EFD\u804C\u4E1A\u611F\u5174\u8DA3",type:"Text"},type:"Prompter"},{uuid:"883e92b3-ea04-4abe-6099-20a317808823",start:238172,end:240743,data:{text:"\u6211\u771F\u8BDA\u9080\u8BF7\u60A8\u6765\u5230\u6211\u7684\u95E8\u5E97\u5B9E\u5730\u8003\u5BDF",type:"Text"},type:"Prompter"},{uuid:"7068453e-b2cd-4736-9a27-cf98ff3dd791",start:240843,end:243669,data:{text:"\u8FD9\u662F\u4E00\u4EFD\u4ED8\u51FA\u5373\u6240\u5F97\u3001\u6210\u957F\u4E0D\u8BBE\u9650\u7684\u804C\u4E1A",type:"Text"},type:"Prompter"},{uuid:"84a4e247-c3e9-4a20-ae14-80c1567c96f2",start:243769,end:246944,data:{text:"\u53EF\u4EE5\u5F97\u5230\u4E13\u4E1A\u7684\u57F9\u8BAD\u3001\u516C\u6B63\u900F\u660E\u7684\u664B\u5347\u901A\u9053",type:"Text"},type:"Prompter"},{uuid:"e1ba1956-24b5-4afc-ca16-97c4747c4bb4",start:247044,end:248664,data:{text:"\u91D1\u724C\u54C1\u8D28\u96C7\u4E3B,\u503C\u5F97\u6258\u4ED8\uFF01",type:"Text"},type:"Prompter"},{uuid:"66b25387-00b6-4ca8-16b9-a2a5447cbfe9",type:"InfoPanel",start:233200,end:236200,parsed:!1,data:{url:"//vrlab-public.ljcdn.com/release/seesay/tools/4___35fe05bbba927f9dedee4de525d7394f.jpg",type:"Image"}},{uuid:"02fed567-054d-4f17-9051-dc63f7632cbe",type:"CameraMovement",start:0,end:2e3,parsed:!1,data:{effect:"Move",panoIndex:0,fov:120,mode:"Panorama",latitude:.04438022675004691,longitude:5.232986472982764}},{uuid:"1024856a-5809-4492-0af6-d0f28b1bb8fc",type:"CameraMovement",start:70300,end:71800,parsed:!1,data:{effect:"Move",panoIndex:10,fov:120,mode:"Panorama",latitude:.0030048662963554655,longitude:1.1385672815664698}},{uuid:"70fc7728-cd97-4b2c-1400-2651dc6044bf",type:"CameraMovement",start:102460,end:103950,parsed:!1,data:{effect:"Move",panoIndex:12,fov:102,mode:"Panorama",latitude:.09535367780803297,longitude:4.538265211748573}},{uuid:"d2784b77-93fc-4788-4d73-564c946e6272",type:"CameraMovement",start:152100,end:153600,parsed:!1,data:{effect:"Move",panoIndex:14,fov:102,mode:"Panorama",latitude:.13272445414646844,longitude:.5147689397444273}},{uuid:"f970f558-3c7a-42d0-ad46-9feb99f04ff6",type:"CameraMovement",start:165380,end:166880,parsed:!1,data:{effect:"Move",panoIndex:18,fov:120,mode:"Panorama",latitude:.010150394708099617,longitude:1.109313455794532}},{uuid:"2173534e-8d54-4197-bb79-a7244ccac6b4",type:"CameraMovement",start:199050,end:201050,parsed:!1,data:{effect:"Move",panoIndex:28,fov:120,mode:"Panorama",latitude:.09871290045418332,longitude:4.731142937321037}},{uuid:"00f378d7-3c72-4f68-32fb-6382069d30f0",type:"CameraMovement",start:240800,end:242300,parsed:!1,data:{effect:"Move",panoIndex:0,fov:120,mode:"Panorama",latitude:.04438022675004691,longitude:5.232986472982764}}]};function D(){const u=e.exports.useRef(!1),{show:a,play:t,hide:r,pause:d,load:p}=i(),f=C();return Object.assign(window,{$load:p,$show:a}),E("div",{className:"btns",children:E("button",{onClick:async()=>{if(!f){d(),r();return}a(),u.current?t():(u.current=!0,p(B))},children:f?"\u64AD\u653E":"\u6682\u505C"})})}export{D as A,A as V};
|
|
1
|
+
import{r as e,u as y,P as x,j as E,e as b}from"./default.e9102488.js";const F=e.exports.createContext(null),A=u=>{const a=y(),[t,r]=e.exports.useState(null),d=e.exports.useRef(null);return e.exports.useEffect(()=>(d.current=new x(a,u.configs||{}),r(d.current),()=>{var p;(p=d.current)==null||p.dispose()}),[]),t?E(F.Provider,{value:t,children:u.children}):E(b,{})};function c(){const u=e.exports.useContext(F);if(!u)throw new Error("VreoProvider never found.");return u}function i(){const u=c(),a=e.exports.useCallback((o,s)=>u.load(o,s),[u]),t=e.exports.useCallback(o=>u.play(o||0),[u]),r=e.exports.useCallback(()=>u.pause(),[u]),d=e.exports.useCallback(()=>u.show(),[u]),p=e.exports.useCallback(()=>u.hide(),[u]),f=e.exports.useCallback(()=>u.dispose(),[u]);return{load:a,pause:r,show:d,play:t,hide:p,dispose:f}}function n(u,a,t){const r=c();let d=[r,u];t!==void 0&&(d=d.concat(t)),e.exports.useEffect(()=>(r.on(u,a),()=>{r.off(u,a)}),d)}function C(){const u=c(),[a,t]=e.exports.useState(u.paused);return n("paused",()=>t(!0)),n("playing",()=>t(!1)),a}const B={categoryId:"b35b2980-9394-42a4-8ccb-0d2d4c8634fa",categoryText:"b4aff456-9a94-46c8-6e15-13cfa540aed8",frontRequestId:"ffc05d41-e588-48dc-adb7-d20d350ea1b4",index:0,video:{duration:249e3,start:0,end:249e3,url:"//vrlab-public.ljcdn.com/vrframework/release/audio_merged/Llk9Mhep/aitalk_text/merged.mp4"},keyframes:[{uuid:"87c795f5-95f3-435b-947e-c5ba030dd396",type:"CameraMovement",start:18600,end:28970,parsed:!1,data:{effect:"Rotate",panoIndex:0,fov:120,mode:"Panorama",latitude:-.010928962416050254,longitude:6.085904225460554,rotation:"Clockwise",rotateSpeed:.3}},{uuid:"6c21e958-5232-4097-57ef-dcbd7084073e",type:"InfoPanel",start:29010,end:40580,parsed:!1,data:{url:"//vrlab-public.ljcdn.com/release/seesay/tools/___2b82e40ca6a7d298cc6f4134a80ba58e.png",type:"Image"}},{uuid:"fb63d3aa-bbc8-41a3-379f-6714b255a894",type:"InfoPanel",start:40630,end:47950,parsed:!1,data:{url:"//vrlab-public.ljcdn.com/release/seesay/tools/___6b581b51cf12461442a31b3aef9aa504.jpg",type:"Image"}},{uuid:"89f7f29a-c816-4716-b420-2cdb58b527be",type:"CameraMovement",start:127020,end:128520,parsed:!1,data:{effect:"Move",panoIndex:8,fov:103.5,mode:"Panorama",latitude:.08334099549985256,longitude:4.765651641044329}},{uuid:"ce298bb1-5a38-4df7-5aab-1e378f598afc",type:"CameraMovement",start:13200,end:14700,parsed:!1,data:{effect:"Move",panoIndex:0,fov:120,mode:"Panorama",latitude:.08049960901252118,longitude:4.767461665999537}},{uuid:"e89aebe0-208d-43db-fc45-ddab6b2f8494",type:"CameraMovement",start:47900,end:49400,parsed:!1,data:{effect:"Move",panoIndex:0,fov:120,mode:"Panorama",latitude:.10405749787530304,longitude:5.272073180707112}},{uuid:"6d9424e0-2675-4843-b625-a762470e02ad",type:"CameraMovement",start:81800,end:83300,parsed:!1,data:{effect:"Move",panoIndex:12,fov:120,mode:"Panorama",latitude:.011858721114165922,longitude:1.2954826860590476}},{uuid:"72afc500-b4b7-4977-0685-1b432b30fd71",type:"CameraMovement",start:92500,end:94e3,parsed:!1,data:{effect:"Move",panoIndex:9,fov:120,mode:"Panorama",latitude:.003004866296355502,longitude:.13052484428045208}},{uuid:"f158594f-3863-429e-ac27-606af8b65e67",type:"CameraMovement",start:133900,end:135400,parsed:!1,data:{effect:"Move",panoIndex:6,fov:103.5,mode:"Panorama",latitude:.21615302557504054,longitude:3.7230169653291494}},{uuid:"0d3e24c0-06d4-4621-c73d-0026d2bc8a4c",type:"CameraMovement",start:179600,end:181100,parsed:!1,data:{effect:"Move",panoIndex:18,fov:105,mode:"Panorama",latitude:.14909776312915213,longitude:5.400919815605706}},{uuid:"f9ea52f9-c9d2-41c0-fa03-3177cbe77320",type:"CameraMovement",start:196180,end:197680,parsed:!1,data:{effect:"Move",panoIndex:23,fov:120,mode:"Panorama",latitude:.02935657980524926,longitude:1.2375176610076473}},{uuid:"643c8d41-777d-468e-184d-6df692f19f54",type:"CameraMovement",start:222e3,end:223500,parsed:!1,data:{effect:"Move",panoIndex:21,fov:108,mode:"Panorama",latitude:.10444027741202826,longitude:1.2490838384253422}},{uuid:"10fc17bd-b7be-4fbf-0220-a5214f9a6853",type:"CameraMovement",start:65140,end:70250,parsed:!1,data:{effect:"Rotate",panoIndex:0,fov:120,mode:"Panorama",latitude:.2917266708076339,longitude:3.22696039875224,rotation:"Anticlockwise",rotateSpeed:.6}},{uuid:"65022608-f0f2-4745-4554-e019aef325c3",type:"CameraMovement",start:208710,end:210700,parsed:!1,data:{effect:"Move",panoIndex:27,fov:81,mode:"Panorama",latitude:.09538804087572342,longitude:.13388593579664576}},{uuid:"4e8a5281-6136-4f1f-431e-666c53767f76",type:"CameraMovement",start:147600,end:152080,parsed:!1,data:{effect:"Rotate",panoIndex:6,fov:102,mode:"Panorama",latitude:.11636355189082886,longitude:5.151892672556052,rotateSpeed:.5,rotation:"Clockwise"}},{uuid:"06dc1ecb-0f89-43e1-ae79-287036f6fbcc",start:1045,end:1572,data:{text:"\u60A8\u597D",type:"Text"},type:"Prompter"},{uuid:"777ddc34-dea5-4714-ac09-5feea0e644d4",start:1672,end:5009,data:{text:"\u6211\u662F\u8D1D\u58F3\u5408\u4F5C\u623F\u4EA7\u7ECF\u7EAA\u54C1\u724C\u5FB7\u4F51\u5E97\u4E1C\u5468\u677E",type:"Text"},type:"Prompter"},{uuid:"d7fb6ef7-e1bd-4c4f-dcc2-6df3ee701b14",start:5109,end:8237,data:{text:"\u4E5F\u662F\u8D1D\u58F3\u91D1\u724C\u54C1\u8D28\u96C7\u4E3B\u3001\u5FB7\u4F51\u9886\u822A\u8005\u5E97\u4E1C",type:"Text"},type:"Prompter"},{uuid:"af2ea4f8-a88e-487e-d9e8-f648c82c3b0c",start:8337,end:10838,data:{text:"\u5728\u623F\u4EA7\u884C\u4E1A\u5DF2\u7ECF\u5DE5\u4F5C\u4E8614\u5E74",type:"Text"},type:"Prompter"},{uuid:"fe310d2f-ff41-44b8-dc92-6aab94b6014d",start:10938,end:13393,data:{text:"\u5F88\u8363\u5E78\u4E3A\u60A8\u5168\u65B9\u4F4D\u5C55\u793A\u6211\u7684\u5E97\u9762",type:"Text"},type:"Prompter"},{uuid:"a4e0f25e-1bc0-43ec-103d-8205a562c03f",start:13236,end:14646,data:{text:"\u6211\u6240\u7ECF\u8425\u7684\u8FD9\u5BB6\u5E97",type:"Text"},type:"Prompter"},{uuid:"d552e251-142b-4069-e8a6-c95a90cdd5ec",start:14746,end:16922,data:{text:"\u662F\u6B66\u6C49\u5FB7\u4F51\u6700\u5927\u7684\u4F18\u9009\u5F62\u8C61\u5E97",type:"Text"},type:"Prompter"},{uuid:"92c8baea-72af-4304-2328-bfccb6e40e31",start:17022,end:18594,data:{text:"\u5171\u670930\u591A\u540D\u5458\u5DE5",type:"Text"},type:"Prompter"},{uuid:"ff0d6154-45fb-4e08-9e7a-24ca3f05ce3e",start:18694,end:20313,data:{text:"\u5927\u5E97\u4F18\u52BF\u663E\u800C\u6613\u89C1",type:"Text"},type:"Prompter"},{uuid:"c9e8a13d-0487-49bf-44bc-0d776dc7662f",start:20413,end:22984,data:{text:"\u65E2\u80FD\u63D0\u4F9B\u66F4\u597D\u7684\u5DE5\u4F5C\u73AF\u5883\u548C\u6C1B\u56F4",type:"Text"},type:"Prompter"},{uuid:"ad608f54-b33d-4b71-8198-615a30a57b8c",start:23084,end:24587,data:{text:"\u4E5F\u66F4\u5BB9\u6613\u5438\u5F15\u5BA2\u6237",type:"Text"},type:"Prompter"},{uuid:"333ec189-0578-45e6-4004-892ccd92456a",start:24687,end:25911,data:{text:"\u63D0\u5347\u6210\u5355\u6982\u7387",type:"Text"},type:"Prompter"},{uuid:"91760827-5a1f-431d-b170-29146aacd2f9",start:26011,end:28953,data:{text:"\u63A5\u4E0B\u6765\u8DDF\u968F\u6211\u4E00\u8D77\u4E86\u89E3\u95E8\u5E97\u8BE6\u7EC6\u60C5\u51B5\u5427",type:"Text"},type:"Prompter"},{uuid:"5eb73b8f-073d-4cbe-2cc5-c6aa4c90d2d2",start:29053,end:31113,data:{text:"\u5E97\u9762\u4F4D\u4E8E\u5357\u6E56\u90BB\u91CC\u5E7F\u573A",type:"Text"},type:"Prompter"},{uuid:"e300f233-600d-4aa8-e4fc-175c7f6dabb6",start:31213,end:32460,data:{text:"\u4EA4\u901A\u6781\u5176\u4FBF\u5229",type:"Text"},type:"Prompter"},{uuid:"1ba9846d-f020-4f37-d418-9a120e0890d3",start:32560,end:35409,data:{text:"\u8DDD\u79BB7\u53F7\u7EBF\u5EFA\u5B89\u8857\u5730\u94C1\u7AD9\u4EC5300\u7C73",type:"Text"},type:"Prompter"},{uuid:"506e8fb2-e9aa-42c7-e2f3-fe19d2f65a37",start:35509,end:37174,data:{text:"500\u7C73\u5185\u6709\u5C0F\u5B66\u4E2D\u5B66",type:"Text"},type:"Prompter"},{uuid:"ee23e395-1d68-4674-67c7-f235ee0daf49",start:37274,end:39079,data:{text:"\u4E00\u516C\u91CC\u51854\u5BB6\u8D2D\u7269\u5E7F\u573A",type:"Text"},type:"Prompter"},{uuid:"5c655ed0-8768-4d34-6163-331db5abe004",start:39179,end:40566,data:{text:"\u5403\u559D\u73A9\u4E50\u5168\u8986\u76D6",type:"Text"},type:"Prompter"},{uuid:"f805ca1e-1069-45d0-7ec1-de2c3cbabadc",start:40666,end:41890,data:{text:"\u95E8\u593430\u7C73\u5BBD",type:"Text"},type:"Prompter"},{uuid:"d0a15e0c-0c90-4d58-f19e-0911e7471514",start:41990,end:43725,data:{text:"\u5728\u8FD9\u6761\u8857\u9053\u4E0A\u5F88\u663E\u773C",type:"Text"},type:"Prompter"},{uuid:"720fc0be-5a64-400b-d3f8-b750c72a162b",start:43825,end:44886,data:{text:"\u5BBD\u9614\u7684\u573A\u5730",type:"Text"},type:"Prompter"},{uuid:"77531bd9-55e0-40b9-d6e3-832f37b9dbba",start:44986,end:47835,data:{text:"\u4E5F\u65B9\u4FBF\u5F00\u5C55\u5404\u79CD\u4E30\u5BCC\u7684\u4E3B\u9898\u793E\u533A\u6D3B\u52A8",type:"Text"},type:"Prompter"},{uuid:"060100ab-a953-4184-7414-d87938681d1b",start:47935,end:48788,data:{text:"\u7531\u5916\u5411\u5185",type:"Text"},type:"Prompter"},{uuid:"6d651686-a230-479c-4a44-c13f71850869",start:48888,end:52434,data:{text:"\u8FDB\u5165\u95E8\u5E97\u9996\u5148\u6620\u5165\u773C\u5E18\u7684\u662F\u660E\u4EAE\u7684\u524D\u53F0\u63A5\u5F85\u533A",type:"Text"},type:"Prompter"},{uuid:"7f63c69e-af16-458e-6d4b-83751c21b089",start:52534,end:56219,data:{text:"\u5E38\u7528\u4E8E\u9996\u6B21\u5230\u5E97\u7684\u5BA2\u6237\u63A5\u5F85\u548C\u793E\u533A\u90BB\u91CC\u6696\u5FC3\u670D\u52A1",type:"Text"},type:"Prompter"},{uuid:"a244ce90-e416-496a-63b9-da8ec27da526",start:56319,end:59261,data:{text:"\u53EF\u80FD\u662F\u8D70\u7D2F\u4E86\u7684\u5927\u7237\u5927\u5988\u6765\u5E97\u91CC\u4E34\u65F6\u6B47\u811A",type:"Text"},type:"Prompter"},{uuid:"79eec73e-091c-4cab-e175-be96ce0f680e",start:59361,end:61746,data:{text:"\u4E5F\u53EF\u80FD\u662F\u5BB6\u957F\u6765\u4E3A\u5B69\u5B50\u6253\u5370\u4F5C\u4E1A",type:"Text"},type:"Prompter"},{uuid:"237d0697-68d4-4254-16a0-d73b3901cd83",start:61846,end:63743,data:{text:"\u6211\u4EEC\u4EE5\u6696\u5FC3\u670D\u52A1\u52A9\u6C11\u5229\u6C11",type:"Text"},type:"Prompter"},{uuid:"157b4c29-c5ac-470d-19dd-79ae2d54f5cf",start:63843,end:65090,data:{text:"\u6E29\u6696\u90BB\u91CC\u516B\u65B9",type:"Text"},type:"Prompter"},{uuid:"4f4acb0e-430a-46ac-c8a4-f38f9832270c",start:65190,end:66971,data:{text:"\u53F3\u624B\u8FB9\u662F\u5BA2\u6237\u63A5\u5F85\u533A",type:"Text"},type:"Prompter"},{uuid:"6872d4bf-9498-407e-d05c-883e7a65adb0",start:67071,end:68458,data:{text:"\u4E5F\u662F\u5BA2\u6237\u4F11\u606F\u533A",type:"Text"},type:"Prompter"},{uuid:"ee903cbc-6f8e-4a9b-a925-7b15d0a23905",start:68558,end:70246,data:{text:"\u6709\u7535\u89C6\u673A\u4F9B\u5BA2\u6237\u5A31\u4E50",type:"Text"},type:"Prompter"},{uuid:"30ab6e6b-9469-46d6-10a7-3ef0e2b2b88f",start:70346,end:73242,data:{text:"\u4F11\u606F\u533A\u65C1\u7684\u8FD9\u9762\u5899\u6302\u7740\u6211\u4EEC\u7684\u5546\u5708\u5730\u56FE",type:"Text"},type:"Prompter"},{uuid:"a2870c6e-4638-4e7d-1b03-94f17adaace1",start:73342,end:75634,data:{text:"\u8986\u76D6\u6574\u4E2A\u6B66\u6C49\u5730\u533A\u7684\u6240\u6709\u697C\u76D8",type:"Text"},type:"Prompter"},{uuid:"ac4218d6-1f0a-4af7-87fd-4ce9fd406c14",start:75734,end:78235,data:{text:"\u65E0\u8BBA\u662F\u672C\u5730\u5BA2\u6237\u8FD8\u662F\u5916\u5730\u5BA2\u6237",type:"Text"},type:"Prompter"},{uuid:"9def907f-9546-401a-66fe-125dd6fbca04",start:78335,end:80836,data:{text:"\u90FD\u80FD\u901A\u8FC7\u5730\u56FE\u6E05\u6670\u4E86\u89E3\u697C\u5E02\u5E03\u5C40",type:"Text"},type:"Prompter"},{uuid:"63489f30-bdc8-4afc-ace8-0db4e47d16dc",start:80936,end:81742,data:{text:"\u4E00\u76EE\u4E86\u7136",type:"Text"},type:"Prompter"},{uuid:"8ff1c9cc-48b0-4081-ee06-95a1066661e6",start:81842,end:84622,data:{text:"\u8FD9\u8FB9\u662F\u5BBD\u9614\u7684\u843D\u5730\u7A97\u666F\u4F11\u95F2\u5427\u53F0",type:"Text"},type:"Prompter"},{uuid:"dbd88648-2fb8-45df-843b-7f112dd093eb",start:84722,end:85807,data:{text:"\u914D\u6709\u5145\u7535\u5B9D",type:"Text"},type:"Prompter"},{uuid:"d9890f34-01f8-4841-29f0-f4f08157f7d1",start:85907,end:87317,data:{text:"\u5BA2\u6237\u53EF\u4EE5\u5728\u8FD9\u91CC\u7B49\u4EBA",type:"Text"},type:"Prompter"},{uuid:"7fe1ea7d-d435-4174-2eb8-482bfecca261",start:87417,end:90824,data:{text:"\u95E8\u5E97\u7684\u5B9D\u5988\u7ECF\u7EAA\u4EBA\u4E5F\u53EF\u4EE5\u5B89\u7F6E\u5B69\u5B50\u5728\u8FD9\u91CC\u5199\u4F5C\u4E1A",type:"Text"},type:"Prompter"},{uuid:"a4427301-90ca-4d7d-42fb-58f15fcc9192",start:90924,end:92427,data:{text:"\u7B49\u5F85\u5988\u5988\u4E00\u8D77\u4E0B\u73ED",type:"Text"},type:"Prompter"},{uuid:"6a503c9f-8589-40df-1076-b640f69c00eb",start:92527,end:94262,data:{text:"\u63A5\u4E0B\u6765\u662F\u6211\u4EEC\u7684\u8363\u8A89\u5C55\u67DC",type:"Text"},type:"Prompter"},{uuid:"86c737a6-98cb-46c7-1ef2-f85a835e8af8",start:94362,end:97304,data:{text:"\u6EE1\u5899\u7684\u8363\u8A89\u8BB0\u5F55\u4E86\u95E8\u5E97\u7684\u6BCF\u4E00\u62B9\u9AD8\u5149\u65F6\u523B",type:"Text"},type:"Prompter"},{uuid:"da039a1a-a4e6-4f2e-410e-ef768b571f39",start:97404,end:100184,data:{text:"\u6BCF\u4E00\u5458\u4E4B\u95F4\u4E92\u5E2E\u4E92\u52A9\uFF0C\u4E92\u76F8\u6210\u5C31",type:"Text"},type:"Prompter"},{uuid:"f7daa549-013c-464b-041c-da5f8a16edda",start:100284,end:102228,data:{text:"\u624D\u80FD\u4E0D\u65AD\u521B\u9020\u51FA\u65B0\u7684\u6210\u679C",type:"Text"},type:"Prompter"},{uuid:"50536aff-0854-4598-588d-94d590f47e48",start:102512,end:104177,data:{text:"\u731C\u731C\u770B\u8FD9\u9762\u5927\u5C4F\u662F\u4EC0\u4E48",type:"Text"},type:"Prompter"},{uuid:"4deb0587-7d57-4fee-30ed-4fdc7b0860e4",start:104277,end:106778,data:{text:"\u5B83\u662F\u4E00\u6B3E\u9ED1\u79D1\u6280\u2014\u2014VR\u667A\u80FD\u5927\u5C4F",type:"Text"},type:"Prompter"},{uuid:"00d161b1-fdea-4bef-c6bd-8030a9b8b570",start:106878,end:109217,data:{text:"\u201C\u5954\u8DD1\u4E24\u5C0F\u65F6,\u770B\u623F\u4E94\u5206\u949F\u201D",type:"Text"},type:"Prompter"},{uuid:"68ccb1d2-e755-4396-bd34-8f55ca3ea8e0",start:109317,end:111377,data:{text:"\u662F\u5F88\u591A\u4EBA\u771F\u5B9E\u7684\u770B\u623F\u5199\u7167",type:"Text"},type:"Prompter"},{uuid:"9e39bdee-b70a-41ad-8c59-0920cb63ed30",start:111477,end:113932,data:{text:"\u73B0\u5728\u5BA2\u6237\u4E0A\u95E8\u6211\u4EEC\u9996\u5148\u4E86\u89E3\u9700\u6C42",type:"Text"},type:"Prompter"},{uuid:"bc1b057a-4ee0-4940-ad0a-26eb68f5624f",start:114032,end:117415,data:{text:"\u7136\u540E\u5728VR\u5927\u5C4F\u4E0A\u4E3A\u5BA2\u6237\u5C55\u793A\u7B26\u5408\u8981\u6C42\u7684\u623F\u6E90",type:"Text"},type:"Prompter"},{uuid:"2430a276-93f5-4130-c501-50e6f3b5a449",start:117515,end:119180,data:{text:"\u771F\u5B9E\u8FD8\u539F\u623F\u5C4B\u7EC6\u8282",type:"Text"},type:"Prompter"},{uuid:"794bf9f6-fb9e-4d7e-7ab9-c80351ac78d3",start:119280,end:122013,data:{text:"\u8BA9\u5BA2\u6237\u5B9E\u73B0\u89C6\u89C9\u5728\u753B\u9762\u4E2D\u81EA\u7531\u6E38\u8D70",type:"Text"},type:"Prompter"},{uuid:"24d6ce8b-ebc4-4988-034a-3ec9072e2345",start:122113,end:125056,data:{text:"\u5982\u679C\u5BA2\u6237\u6EE1\u610F\uFF0C\u6211\u4EEC\u518D\u53BB\u5B9E\u5730\u5E26\u770B",type:"Text"},type:"Prompter"},{uuid:"0147dd29-25c1-418f-eab0-aabe918a4e0f",start:125156,end:126961,data:{text:"\u80FD\u591F\u6781\u5927\u63D0\u5347\u770B\u623F\u6548\u7387",type:"Text"},type:"Prompter"},{uuid:"906ce1ee-add3-4338-acaf-0bc759602981",start:127061,end:129470,data:{text:"\u518D\u5F80\u91CC\u9762\u8D70\uFF0C\u662F\u5458\u5DE5\u4F11\u606F\u533A",type:"Text"},type:"Prompter"},{uuid:"21674257-9d97-4683-2606-e07603ec22c4",start:129570,end:132071,data:{text:"\u4E5F\u53EF\u4EE5\u8BF4\u662F\u5458\u5DE5\u7684\u5F00\u653E\u5F0F\u529E\u516C\u533A",type:"Text"},type:"Prompter"},{uuid:"20d57f20-3d69-4ab5-3e1d-4b594f79a7de",start:132171,end:133859,data:{text:"\u5728\u8FD9\u91CC\u53EF\u4EE5\u5B89\u9759\u529E\u516C",type:"Text"},type:"Prompter"},{uuid:"5c8178a0-71d5-47b8-a863-cd2e04f8c8b3",start:133959,end:136460,data:{text:"\u4F11\u606F\u533A\u518D\u5F80\u91CC\u662F\u591A\u529F\u80FD\u4F11\u95F2\u533A",type:"Text"},type:"Prompter"},{uuid:"dd265f66-e1a5-4873-7111-5b4565114c83",start:136560,end:139015,data:{text:"\u770B\u4E66\u3001\u53F0\u7403\u3001\u4E52\u4E53\u7403\u4E00\u5385\u4E09\u7528",type:"Text"},type:"Prompter"},{uuid:"d66f5f7c-7bf5-43f2-d437-1003a43dff6a",start:139115,end:140200,data:{text:"\u8FD9\u4E2A\u4E52\u4E53\u7403\u53F0",type:"Text"},type:"Prompter"},{uuid:"e59e0688-6a40-4ee9-2fb5-b59f59d041c2",start:140300,end:142546,data:{text:"\u63D0\u8D77\u6765\u4E4B\u540E\u5C31\u4F1A\u53D8\u6210\u53F0\u7403\u684C",type:"Text"},type:"Prompter"},{uuid:"99fa63ef-7b12-4285-7d99-4f7e14592420",start:142646,end:144543,data:{text:"\u6211\u9F13\u52B1\u5C0F\u4F19\u4F34\u4EEC\u52B3\u9038\u7ED3\u5408",type:"Text"},type:"Prompter"},{uuid:"6cf6623d-be48-4add-5964-ebe5823dbf27",start:144643,end:147585,data:{text:"\u6240\u4EE5\u4F1A\u5C3D\u529B\u5728\u95E8\u5E97\u6253\u9020\u5458\u5DE5\u7684\u201C\u8212\u9002\u533A\u201D",type:"Text"},type:"Prompter"},{uuid:"3091e882-bc83-41f5-6eb8-e5fbb80b2df8",start:147685,end:149536,data:{text:"\u591A\u529F\u80FD\u533A\u57DF\u4FA7\u65B9\u662F\u4E66\u5427",type:"Text"},type:"Prompter"},{uuid:"728a40d3-d29c-4d17-4165-f852613d41f3",start:149636,end:150721,data:{text:"\u53EF\u4EE5\u770B\u4E66\u5145\u7535",type:"Text"},type:"Prompter"},{uuid:"54df8874-f8ab-48c8-2c49-0999451bd2a6",start:150821,end:152068,data:{text:"\u4E5F\u53EF\u4EE5\u653E\u7A7A\u51A5\u60F3",type:"Text"},type:"Prompter"},{uuid:"67d03050-ad1d-4d65-590a-4370db4d9991",start:152168,end:153578,data:{text:"\u518D\u6765\u770B\u4E00\u4E0B\u7B7E\u7EA6\u5BA4",type:"Text"},type:"Prompter"},{uuid:"4f454854-12d5-4828-3255-69c2f552946c",start:153678,end:155622,data:{text:"\u7B7E\u7EA6\u5BA4\u53EF\u4EE5\u5BB9\u7EB3\u5341\u4E8C\u4E2A\u4EBA",type:"Text"},type:"Prompter"},{uuid:"a0a55818-a4ed-46ce-4338-2563248649de",start:155722,end:157225,data:{text:"\u9664\u4E86\u5BA2\u6237\u7B7E\u7EA6\u65F6\u7528",type:"Text"},type:"Prompter"},{uuid:"22cf6cb4-5465-42b8-5c75-aa1e28811ec9",start:157325,end:160500,data:{text:"\u65E5\u5E38\u4F1A\u8BAE\u3001\u57F9\u8BAD\u6D3B\u52A8\u90FD\u53EF\u4EE5\u5728\u8FD9\u4E2A\u7A7A\u95F4\u8FDB\u884C",type:"Text"},type:"Prompter"},{uuid:"96068a33-ea7f-4e10-8342-707d799f79b0",start:160600,end:161987,data:{text:"\u8FD9\u4E5F\u662F\u5927\u5E97\u7684\u4F18\u52BF",type:"Text"},type:"Prompter"},{uuid:"f9e3976f-203d-414d-18a9-23dedd89c20f",start:162087,end:163938,data:{text:"\u901A\u8FC7\u5B9A\u671F\u7CFB\u7EDF\u6027\u57F9\u8BAD",type:"Text"},type:"Prompter"},{uuid:"6b463257-0d4c-469b-d11d-1d1a123c454e",start:164038,end:165332,data:{text:"\u8BA9\u65B0\u4EBA\u8301\u58EE\u6210\u957F",type:"Text"},type:"Prompter"},{uuid:"9190706f-41a2-40d6-2e15-311ee0027a80",start:165432,end:167492,data:{text:"\u7B7E\u7EA6\u5BA4\u7684\u5916\u5899\u4E5F\u662F\u6587\u5316\u5899",type:"Text"},type:"Prompter"},{uuid:"7d5c1cf5-2d6f-42e9-eee4-f6b4a5772cd0",start:167592,end:169652,data:{text:"\u4E3A\u4E86\u6700\u5927\u5316\u6316\u6398\u65B0\u4EBA\u7684\u6F5C\u80FD",type:"Text"},type:"Prompter"},{uuid:"00de4d50-b5af-4d32-df04-b0135fb6d30b",start:169752,end:171487,data:{text:"\u6211\u4F1A\u4E3B\u52A8\u548C\u65B0\u4EBA\u63A5\u89E6",type:"Text"},type:"Prompter"},{uuid:"e218966f-0a5d-4126-004a-9f92aec88e2c",start:171587,end:173252,data:{text:"\u53D1\u73B0\u4ED6\u4EEC\u8EAB\u4E0A\u7684\u95EA\u5149\u70B9",type:"Text"},type:"Prompter"},{uuid:"1db42aae-6ac0-45a3-0a9f-5730b8323fcd",start:173352,end:176201,data:{text:"\u4ECE\u4E2D\u6811\u7ACB\u4F18\u79C0\u7684\u6807\u6746\u5728\u95E8\u5E97\u8FDB\u884C\u5BA3\u4F20",type:"Text"},type:"Prompter"},{uuid:"5964828d-c580-405e-47af-c37cf008b22b",start:176301,end:179545,data:{text:"\u5206\u522B\u6709\u4E1A\u7EE9\u6807\u6746\u3001\u4EF7\u503C\u89C2\u6807\u6746\u548C\u6587\u5316\u6807\u6746",type:"Text"},type:"Prompter"},{uuid:"5da47b79-ce6e-40a5-b1ae-6a4d4076b201",start:179645,end:182030,data:{text:"\u6587\u5316\u5899\u6B63\u5BF9\u7684\u662F\u96C6\u4E2D\u529E\u516C\u533A\u57DF",type:"Text"},type:"Prompter"},{uuid:"d29c8b23-cd62-4a58-aa1d-59d0ba3f39df",start:182130,end:186419,data:{text:"\u623F\u4EA7\u7ECF\u7EAA\u4EBA\u804C\u4E1A\u65E9\u5DF2\u4E0D\u662F\u9760\u8DD1\u817F\u3001\u6253\u7535\u8BDD\u6362\u53D6\u4E1A\u7EE9\u7684\u804C\u4E1A",type:"Text"},type:"Prompter"},{uuid:"4ec9faa9-5780-4a4d-c0f2-c2180dd4c4ba",start:186519,end:190367,data:{text:"\u6211\u4EEC\u9700\u8981\u501F\u52A9\u8D1D\u58F3\u63D0\u4F9B\u7684\u7EBF\u4E0A\u5DE5\u5177\u7BA1\u7406\u623F\u6E90\u5BA2\u6E90\u4FE1\u606F",type:"Text"},type:"Prompter"},{uuid:"1e5e0163-3c32-416e-5fd6-3dfa7bcee00f",start:190467,end:192248,data:{text:"\u89C4\u8303\u5316\u3001\u6D41\u7A0B\u5316\u4F5C\u4E1A",type:"Text"},type:"Prompter"},{uuid:"232052ba-47ca-4f07-0ed3-f0693a740a61",start:192348,end:196126,data:{text:"\u6240\u4EE5\u6211\u4F1A\u4E3A\u6BCF\u4E00\u540D\u5458\u5DE5\u914D\u5907\u7B14\u8BB0\u672C\u6216\u8005\u53F0\u5F0F\u7535\u8111",type:"Text"},type:"Prompter"},{uuid:"87df17c4-cc0f-41e0-fa01-7a58b00d8a36",start:196226,end:199006,data:{text:"\u518D\u5F80\u524D\u8D70\u662F\u7ECF\u7406\u529E\u516C\u5BA4\u548C\u8D22\u52A1\u5BA4",type:"Text"},type:"Prompter"},{uuid:"eae26a0c-d7ce-4c55-dbfd-8489222c05cb",start:199106,end:200446,data:{text:"\u8FD9\u8FB9\u4E5F\u662F\u6587\u5316\u5899",type:"Text"},type:"Prompter"},{uuid:"2449b4d6-501f-4c6d-ad0d-32cc262f8608",start:200546,end:202327,data:{text:"\u8BB0\u5F55\u4E86\u95E8\u5E97\u7684\u70B9\u70B9\u6EF4\u6EF4",type:"Text"},type:"Prompter"},{uuid:"60b31972-9429-41ee-714d-c8e94a98db81",start:202427,end:205393,data:{text:"\u6BCF\u4E00\u4EFD\u8363\u8A89\u3001\u6BCF\u4E00\u6B21\u56E2\u5EFA\u3001\u6BCF\u4E00\u671F\u57F9\u8BAD",type:"Text"},type:"Prompter"},{uuid:"5b8c1c36-d51f-4df4-0c2d-3b515a6adfee",start:205493,end:206717,data:{text:"\u90FD\u4F1A\u5C55\u793A\u5728\u8FD9\u91CC",type:"Text"},type:"Prompter"},{uuid:"11def882-b844-4d94-07de-a8d63781fb25",start:206817,end:208668,data:{text:"\u6211\u4EEC\u7684\u5E97\u662F\u4E00\u4E2A\u6709\u7231\u7684\u56E2\u961F",type:"Text"},type:"Prompter"},{uuid:"2a7d1d8d-0cd6-46f7-02a9-d728ef8e20dd",start:208768,end:210828,data:{text:"\u201C\u5BF9\u7ECF\u7EAA\u4EBA\u597D\u201D\u662F\u6211\u7684\u7528\u5DE5\u7406\u5FF5",type:"Text"},type:"Prompter"},{uuid:"cd70bcfc-a54d-4ad2-b833-b3815af4fe9b",start:210928,end:212988,data:{text:"\u8D70\u5728\u95E8\u5E97\u91CC\u6211\u7ECF\u5E38\u601D\u8003",type:"Text"},type:"Prompter"},{uuid:"2d789507-713a-4640-3730-81ac16c03c6c",start:213088,end:215543,data:{text:"\u600E\u4E48\u80FD\u8BA9\u5458\u5DE5\u4EEC\u50CF\u5728\u5BB6\u4E00\u822C\u8212\u9002",type:"Text"},type:"Prompter"},{uuid:"4d8060e1-b2f9-4dba-943a-7cf73f2ab030",start:215643,end:217308,data:{text:"\u4E8E\u662F\u5C31\u6709\u4E86\u8FD9\u5957\u5458\u5DE5\u67DC",type:"Text"},type:"Prompter"},{uuid:"0e10450e-175e-4a46-ec71-da7c9ae23a5d",start:217408,end:220258,data:{text:"\u6BCF\u4EBA\u4E00\u4E2A\uFF0C\u65E2\u4FDD\u8BC1\u5145\u8DB3\u7684\u50A8\u5B58\u7A7A\u95F4",type:"Text"},type:"Prompter"},{uuid:"1db16507-0c1c-4c8f-6f7f-ed9f9c9f1f48",start:220358,end:221977,data:{text:"\u8FD8\u80FD\u4FDD\u8BC1\u5DE5\u4F4D\u7684\u6574\u6D01",type:"Text"},type:"Prompter"},{uuid:"19bc0567-cc66-472c-481b-58ec8a64f1eb",start:222077,end:223301,data:{text:"\u9664\u4E86\u50A8\u7269\u67DC\u4E4B\u5916",type:"Text"},type:"Prompter"},{uuid:"4a3c01fa-e0e2-4604-776c-8c70f8991e5d",start:223401,end:225415,data:{text:"\u8FD9\u91CC\u8FD8\u8BBE\u6709\u5458\u5DE5\u81EA\u5DF1\u7684\u6C34\u5427",type:"Text"},type:"Prompter"},{uuid:"8b477eb7-452d-4bd9-b703-a981a689b622",start:225515,end:227691,data:{text:"\u6709\u996E\u6C34\u673A\u3001\u5FAE\u6CE2\u7089\u548C\u51B0\u7BB1",type:"Text"},type:"Prompter"},{uuid:"82c50a7e-0868-4464-58dc-f36a49d05e7b",start:227791,end:229317,data:{text:"\u6C34\u5427\u548C\u529E\u516C\u533A\u5206\u5F00",type:"Text"},type:"Prompter"},{uuid:"2c7f7ded-e44f-413f-0450-a52e4d821031",start:229417,end:231477,data:{text:"\u662F\u4E3A\u4E86\u5C0F\u4F19\u4F34\u5728\u5DE5\u4F5C\u95F4\u9699",type:"Text"},type:"Prompter"},{uuid:"bce4d35f-c88f-45c7-dba1-a21f69cba8a3",start:231577,end:233149,data:{text:"\u53EF\u4EE5\u8D77\u6765\u591A\u6D3B\u52A8\u6D3B\u52A8",type:"Text"},type:"Prompter"},{uuid:"352eabc5-35af-4e25-f8f5-d9241f213007",start:233249,end:235146,data:{text:"\u4EE5\u4E0A\u5C31\u662F\u95E8\u5E97\u7684\u57FA\u672C\u60C5\u51B5",type:"Text"},type:"Prompter"},{uuid:"50ef5685-b5a1-4e19-54e0-9271502cb835",start:235246,end:238072,data:{text:"\u5982\u679C\u60A8\u5BF9\u623F\u4EA7\u7ECF\u7EAA\u4EBA\u8FD9\u4EFD\u804C\u4E1A\u611F\u5174\u8DA3",type:"Text"},type:"Prompter"},{uuid:"883e92b3-ea04-4abe-6099-20a317808823",start:238172,end:240743,data:{text:"\u6211\u771F\u8BDA\u9080\u8BF7\u60A8\u6765\u5230\u6211\u7684\u95E8\u5E97\u5B9E\u5730\u8003\u5BDF",type:"Text"},type:"Prompter"},{uuid:"7068453e-b2cd-4736-9a27-cf98ff3dd791",start:240843,end:243669,data:{text:"\u8FD9\u662F\u4E00\u4EFD\u4ED8\u51FA\u5373\u6240\u5F97\u3001\u6210\u957F\u4E0D\u8BBE\u9650\u7684\u804C\u4E1A",type:"Text"},type:"Prompter"},{uuid:"84a4e247-c3e9-4a20-ae14-80c1567c96f2",start:243769,end:246944,data:{text:"\u53EF\u4EE5\u5F97\u5230\u4E13\u4E1A\u7684\u57F9\u8BAD\u3001\u516C\u6B63\u900F\u660E\u7684\u664B\u5347\u901A\u9053",type:"Text"},type:"Prompter"},{uuid:"e1ba1956-24b5-4afc-ca16-97c4747c4bb4",start:247044,end:248664,data:{text:"\u91D1\u724C\u54C1\u8D28\u96C7\u4E3B,\u503C\u5F97\u6258\u4ED8\uFF01",type:"Text"},type:"Prompter"},{uuid:"66b25387-00b6-4ca8-16b9-a2a5447cbfe9",type:"InfoPanel",start:233200,end:236200,parsed:!1,data:{url:"//vrlab-public.ljcdn.com/release/seesay/tools/4___35fe05bbba927f9dedee4de525d7394f.jpg",type:"Image"}},{uuid:"02fed567-054d-4f17-9051-dc63f7632cbe",type:"CameraMovement",start:0,end:2e3,parsed:!1,data:{effect:"Move",panoIndex:0,fov:120,mode:"Panorama",latitude:.04438022675004691,longitude:5.232986472982764}},{uuid:"1024856a-5809-4492-0af6-d0f28b1bb8fc",type:"CameraMovement",start:70300,end:71800,parsed:!1,data:{effect:"Move",panoIndex:10,fov:120,mode:"Panorama",latitude:.0030048662963554655,longitude:1.1385672815664698}},{uuid:"70fc7728-cd97-4b2c-1400-2651dc6044bf",type:"CameraMovement",start:102460,end:103950,parsed:!1,data:{effect:"Move",panoIndex:12,fov:102,mode:"Panorama",latitude:.09535367780803297,longitude:4.538265211748573}},{uuid:"d2784b77-93fc-4788-4d73-564c946e6272",type:"CameraMovement",start:152100,end:153600,parsed:!1,data:{effect:"Move",panoIndex:14,fov:102,mode:"Panorama",latitude:.13272445414646844,longitude:.5147689397444273}},{uuid:"f970f558-3c7a-42d0-ad46-9feb99f04ff6",type:"CameraMovement",start:165380,end:166880,parsed:!1,data:{effect:"Move",panoIndex:18,fov:120,mode:"Panorama",latitude:.010150394708099617,longitude:1.109313455794532}},{uuid:"2173534e-8d54-4197-bb79-a7244ccac6b4",type:"CameraMovement",start:199050,end:201050,parsed:!1,data:{effect:"Move",panoIndex:28,fov:120,mode:"Panorama",latitude:.09871290045418332,longitude:4.731142937321037}},{uuid:"00f378d7-3c72-4f68-32fb-6382069d30f0",type:"CameraMovement",start:240800,end:242300,parsed:!1,data:{effect:"Move",panoIndex:0,fov:120,mode:"Panorama",latitude:.04438022675004691,longitude:5.232986472982764}}]};function D(){const u=e.exports.useRef(!1),{show:a,play:t,hide:r,pause:d,load:p}=i(),f=C();return Object.assign(window,{$load:p,$show:a}),E("div",{className:"btns",children:E("button",{onClick:async()=>{if(!f){d(),r();return}a(),u.current?t():(u.current=!0,p(B))},children:f?"\u64AD\u653E":"\u6682\u505C"})})}export{D as A,A as V};
|
|
@@ -3974,7 +3974,7 @@ void main(void) {
|
|
|
3974
3974
|
|
|
3975
3975
|
gl_FragColor = vec4(color.rgb, amask * float(enable));
|
|
3976
3976
|
}
|
|
3977
|
-
`,cacheInstance={};class VideoAgentMesh extends Mesh{constructor(Pu,Bu,Lu,Ru,Ou={preload:!0}){var Wu,_h,Xc;if(!Ou.videoInstance)if(cacheInstance.videoInstance)Ou.videoInstance=cacheInstance.videoInstance;else{const ju=document.createElement("video");ju.style.opacity="0",ju.style.pointerEvents="none",ju.style.display="none",document.body.append(ju),Ou.videoInstance=ju,cacheInstance.videoInstance=ju,ju.playsInline=!0,ju.controls=!1}const Du=new PlaneGeometry(Pu,Bu,Lu,Ru),ku=new VideoTexture(Ou.videoInstance),Fu=new ShaderMaterial({uniforms:{map:{value:ku},enable:{value:0}},vertexShader,fragmentShader:fragmentShaderTpl(),transparent:!0});super(Du,Fu);Cm(this,"options");Cm(this,"videoUrl");Cm(this,"freeze");Cm(this,"paused");Cm(this,"audioInstance");Cm(this,"audioLikeInstance");Cm(this,"$removeEventListener");if(this.options=Ou,this.freeze=!1,this.paused=!0,Ou.audioInstance)this.audioInstance=Ou.audioInstance;else if(cacheInstance.audioInstance)this.audioInstance=cacheInstance.audioInstance;else{const ju=document.createElement("audio");ju.crossOrigin="",ju.muted=!1,ju.autoplay=!1,ju.style.display="none",document.body.appendChild(ju),this.audioInstance=ju,cacheInstance.audioInstance=ju}this.audioLikeInstance=new AudioLike,makeObservable(this,{paused:observable});const Nu=ju=>runInAction(()=>this.paused=ju),Gu=()=>Nu(!0),zu=()=>Nu(!1),Hu=()=>console.log("vreo: video \u64AD\u653E\u7ED3\u675F");this.audioInstance.addEventListener("pause",Gu),this.audioInstance.addEventListener("play",zu),(Wu=this.options.videoInstance)==null||Wu.addEventListener("pause",Gu),(_h=this.options.videoInstance)==null||_h.addEventListener("play",zu),this.audioLikeInstance.addEventListener("pause",Gu),this.audioLikeInstance.addEventListener("play",zu),(Xc=this.options.videoInstance)==null||Xc.addEventListener("ended",Hu),this.$removeEventListener=()=>{var ju,_c,_f;this.audioInstance.removeEventListener("pause",Gu),this.audioInstance.removeEventListener("play",zu),(ju=this.options.videoInstance)==null||ju.removeEventListener("pause",Gu),(_c=this.options.videoInstance)==null||_c.removeEventListener("play",zu),this.audioLikeInstance.removeEventListener("pause",Gu),this.audioLikeInstance.removeEventListener("play",zu),(_f=this.options.videoInstance)==null||_f.removeEventListener("ended",Hu)}}get mediaInstance(){return this.videoUrl?getMediaType(this.videoUrl)==="audio"?this.audioInstance:this.material.uniforms.map.value.image:this.audioLikeInstance}async update(Pu){if(this.videoUrl===Pu)return;this.videoUrl=Pu,this.freeze=!0,await this.mediaInstance.pause();const Bu=this.material.uniforms;this.mediaInstance.muted=!0,this.mediaInstance.src=this.options.preload||this.options.preload===void 0||getMediaType(this.videoUrl)==="video"?await URL.createObjectURL(await Preloader.blob(this.videoUrl)):this.videoUrl,this.mediaInstance.setAttribute("data-src",this.videoUrl);const Lu=()=>{this.mediaInstance.currentTime!==0&&(this.freeze=!1,this.mediaInstance.muted=!1,Bu.enable.value=getMediaType(this.videoUrl)?1:0,this.mediaInstance.removeEventListener("timeupdate",Lu,!1))};this.mediaInstance.addEventListener("timeupdate",Lu,!1)}async play(Pu="",Bu=0,Lu){return Pu=Pu||"",Lu&&!Pu?(this.currentTime&&(this.mediaInstance.currentTime=Bu),this.mediaInstance.duration=Lu,this.videoUrl="",this.mediaInstance.play(),!0):Pu?Pu===this.videoUrl?(this.mediaInstance.currentTime=Bu,await this.mediaInstance.play(),!0):(await this.update(Pu),this.mediaInstance.pause(),await new Promise(Ru=>setTimeout(async()=>{this.mediaInstance.currentTime=Bu,await this.mediaInstance.play(),Ru(!0)},20))):(this.videoUrl?await this.mediaInstance.play():console.warn("\u8B66\u544A\uFF1A\u89C6\u9891\u8D44\u6E90\u672A\u521D\u59CB\u5316\u3002"),!0)}get currentTime(){return this.mediaInstance.currentTime*1e3}dispose(){this.$removeEventListener(),cacheInstance.audioInstance&&(document.body.removeChild(cacheInstance.audioInstance),cacheInstance.audioInstance=void 0),cacheInstance.videoInstance&&(document.body.removeChild(cacheInstance.videoInstance),cacheInstance.videoInstance=void 0)}}class VideoAgentScene{constructor(Tu,Pu){Cm(this,"videoAgentMesh");Cm(this,"scene",new Scene);Cm(this,"camera",new OrthographicCamera(-240,240,135,-135));Cm(this,"renderer",new WebGLRenderer({alpha:!0}));Cm(this,"disposers",[]);Cm(this,"run",()=>{!(this.videoAgentMesh.paused||this.videoAgentMesh.freeze)&&this.videoAgentMesh.currentTime>1e3&&this.renderer.render(this.scene,this.camera),requestAnimationFrame(this.run)});Cm(this,"dispose",()=>{var Tu;(Tu=this.videoAgentMesh)==null||Tu.dispose(),this.disposers.forEach(Pu=>Pu==null?void 0:Pu())});if(this.videoAgentMesh=new VideoAgentMesh(480,270,1,1,Pu),Tu){this.camera.position.set(0,0,10),this.camera.lookAt(0,0,0);const Bu=this.renderer.domElement;Bu.classList.add("VideoAgent-canvas");const Lu=addResizeListener(Tu,(Ru,Ou)=>{this.renderer.setSize(Ru*window.devicePixelRatio,Ou*window.devicePixelRatio),Bu.style.width=`${Ru}px`,Bu.style.height=`${Ou}px`});this.disposers.push(Lu),Tu.append(Bu),this.scene.add(this.videoAgentMesh),this.run()}}}function VideoAgent(Cu){var Ru;const Tu=react$1.exports.useRef(null),Pu=useController(),Bu=react$1.exports.useMemo(()=>{var Ou;return((Ou=Pu.avatar)==null?void 0:Ou.url)&&Pu.avatar.force===!0},[Pu.avatar]),Lu=react$1.exports.useMemo(()=>{var Ou;return Bu?!1:((Ou=Pu.videoAgentScene)==null?void 0:Ou.videoAgentMesh.mediaInstance)instanceof HTMLVideoElement},[Pu.videoAgentScene]);return react$1.exports.useEffect(()=>{if(!Tu.current)throw new Error("React \u6E32\u67D3\u5F02\u5E38\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5 ...");if(Pu.videoAgentScene){console.warn('VideoAgentScene" \u91CD\u590D\u521D\u59CB\u5316\uFF0C\u5DF2\u88AB\u8FC7\u6EE4');return}const Ou=new VideoAgentScene(Tu.current,Cu.options);return Pu.videoAgentScene=Ou,()=>{var Du;Pu.dispose(),(Du=Pu.videoAgentScene)==null||Du.dispose()}},[]),jsxs(Fragment,{children:[jsx("div",{className:"Avatar",style:{display:Bu?"block":"none"},children:jsx("div",{className:"Avatar-wrapper ratio-1-1",children:jsx("img",{className:"Avatar-img",src:(Ru=Pu.avatar)==null?void 0:Ru.url,onClick:()=>{var Ou;return(Ou=Cu.onClick)==null?void 0:Ou.call(Cu)}})})}),jsx("div",{className:classNames("VideoAgent",{hide:!Lu}),children:jsx("div",{className:"VideoAgent-container",children:jsx("div",{className:"VideoAgent-wrapper ratio-16-9",children:jsx("div",{className:"VideoAgent-inner",ref:Tu,children:jsx("div",{className:"VideoAgent-play",onClick:()=>{var Ou;return(Ou=Cu.onClick)==null?void 0:Ou.call(Cu)}})})})})})]})}function BgMusic(){const Cu=useController(),Tu=react$1.exports.useRef(null),Pu=react$1.exports.useCallback(()=>{Tu.current&&(clearTimeout(Tu.current),Tu.current=null)},[]);return react$1.exports.useEffect(()=>{const Bu=new Audio;Bu.setAttribute("id","vreo-singleton-bgmusic"),Bu.style.display="none",Bu.setAttribute("playsinline","true"),Bu.loop=!0,document.body.append(Bu);const Lu=Ru=>{const{start:Ou,end:Du}=Ru,{url:ku}=Ru.data;Bu.src=ku;const Fu=()=>{Bu.play()};Bu.addEventListener("canplaythrough",Fu),Pu();const Nu=()=>{Bu.pause(),Bu.currentTime=0,Bu.src="",Pu(),Bu.removeEventListener("canplaythrough",Fu)},Gu=Du-Ou||5e3;Tu.current=setTimeout(()=>{Nu()},Gu),Cu.once("paused",()=>{Nu()})};return Cu.on(VreoKeyframeEnum.BgMusic,Lu),()=>{Cu.off(VreoKeyframeEnum.BgMusic,Lu),document.body.removeChild(Bu),Pu()}}),jsx(Fragment,{})}function Wave(Cu){const Tu=React.useMemo(()=>{var Nu;const Pu=(Nu=Cu==null?void 0:Cu.appearance)!=null?Nu:"solid",Bu=typeof navigator!="undefined"?navigator.userAgent:"",Lu=/(iPhone|iPad|iPod)/i.test(Bu),Ru=/safari/i.test(Bu)&&!/chrome/i.test(Bu)&&/version/i.test(Bu),Ou=Lu||Ru,Du=typeof MediaSource!="undefined"&&MediaSource.isTypeSupported("video/webm; codecs=vp9"),ku="https://vr-public.realsee-cdn.cn/release/static/image/release/",Fu={single:{width:766,height:60,frames:20,hevc:"vapor/static/wave-single.140d197f4838c130b69e87dfd0705479.mov",vp9:"vapor/static/wave-single.eda65de390a830193fff40d1f1255555.webm",png:"vapor/static/wave-single.f51aade2a6e1c59211698a1a24e6135f.png"},double:{width:766,height:60,frames:16,hevc:"vapor/static/wave-double.3e6d73050ee6958cc3060b107ebe5f39.mov",vp9:"/vapor/static/wave-double.77dfe8548ebcb3f3d336785d4fe9c7b2.webm",png:"/vapor/static/wave-double.ab4fe7d8a70395109ca4f759af7bd53f.png"},solid:{width:1126,height:90,frames:48,hevc:"vapor/static/wave-solid.cf68912a93275d07aa6b5097ea11fdda.mov",vp9:"vapor/static/wave-solid.64438b63cbb346906d066bb7b8dc3e20.webm",png:"vapor/static/wave-solid.6969d7f3f2f44f7ac1ade30e65660cb1.png"},swap:{width:2250,height:180,frames:41,hevc:"vapor/static/wave-swap.b38f22e2cf84ee21e9be35f7f56c9cfc.mov",vp9:"vapor/static/wave-swap.c02e4b94cf05aecf6e7a0023bc7bb90f.webm",png:"vapor/static/wave-swap.772ba526a7210dcc01567062c6319545.png"},expand:{width:2250,height:180,frames:45,hevc:"vapor/static/wave-expand.9529956c5954740cd4c9d07d51e32822.mov",vp9:"vapor/static/wave-expand.a0d2a0074001cd3d4fea56818c6d3c38.webm",png:"vapor/static/wave-expand.62fcf27b445533e6eb1b17bab5eafa0d.png"}};return Du?ku+Fu[Pu].vp9:Ou?ku+Fu[Pu].hevc:""},[Cu==null?void 0:Cu.appearance]);return jsx("video",{className:"vreo-wave",width:"100%",preload:"auto",muted:!0,autoPlay:!0,loop:!0,playsInline:!0,disablePictureInPicture:!0,controls:!1,src:Tu})}const AppView=observer(({controller:Cu})=>{var Tu,Pu;return jsx("div",{className:classNames("vreo-panel",{"vreo-panel--hidden":!Cu.visible}),children:jsxs("div",{className:"vreo-panel-inner",children:[Cu.waveAppearance&&jsx(Wave,{appearance:Cu.waveAppearance}),jsx(VideoAgent,{onClick:()=>{Cu.playing?Cu.setPlaying(!1):Cu.setPlaying(!0)},options:((Tu=Cu.configs)==null?void 0:Tu.videoAgentMeshOptions)||{}}),jsx(Prompter,{}),(Pu=Cu.configs)==null?void 0:Pu.customPanelChildren]})})});function App(){const Cu=useController();return jsxs(Fragment,{children:[jsxs(Fragment,{children:[jsx(ResizeObserver$1,{}),jsx(CameraMovement,{}),jsx(ModelVideo,{}),jsx(UpdateVRPanorama,{}),jsx(VideoEffect,{}),jsx(PanoTag,{}),jsx(PanoTextLabel,{}),jsx(InfoPanel,{}),jsx(PanoEffect,{}),jsx(BgMusic,{})]}),jsx(AppView,{controller:Cu})]})}const DrawerView=observer(({controller:Cu})=>{var Bu;const Tu="400px",Pu=(()=>{var Ru;const Lu=(Ru=Cu.drawerConfig)==null?void 0:Ru.height;return Lu?typeof Lu=="number"?Lu+"px":Lu:"max-content"})();return jsx("div",{className:classNames("vreo-drawer",{"vreo-drawer-visible":Cu.drawerConfig&&Cu.drawerConfig.content}),onClick:()=>Cu.openDrawer(!1),children:jsx("div",{className:"vreo-drawer-inner",style:{height:Pu,maxHeight:Tu},children:((Bu=Cu.drawerConfig)==null?void 0:Bu.content)||""})})});function Drawer(){const Cu=useController();return jsx(DrawerView,{controller:Cu})}const PopUpView=observer(({controller:Cu})=>jsx("div",{className:classNames("vreo-PopUp",{"vreo-PopUp-visible":Cu.popUp}),onClick:()=>Cu.openPopUp(!1),children:jsx("div",{className:"vreo-PopUp-inner",children:Cu.popUp||""})}));function PopUp(){const Cu=useController();return jsx(PopUpView,{controller:Cu})}class Player extends Subscribe{constructor(Pu,Bu={}){var Lu;super();Cm(this,"$five");Cm(this,"controller");Cm(this,"configs");if(this.$five=Pu,Bu.container||(Bu.container=Bu.containter),!Bu.container){const Ru=document.getElementById("vreo-app")||document.createElement("div");reactDom.exports.unmountComponentAtNode(Ru),Ru.setAttribute("id","vreo-app"),Bu.container=Ru;const Ou=(Lu=Pu.getElement())==null?void 0:Lu.parentNode;Ou?Ou.append(Ru):document.body.append(Ru)}Bu.container.classList.contains("vreo-app")||Bu.container.classList.add("vreo-app"),this.configs=Object.freeze(Object.assign({keyframeMap:{}},Bu)),this.controller=new Controller({five:Pu,container:Bu.container,configs:this.configs}),reactDom.exports.render(jsxs(ControllerContext.Provider,{value:this.controller,children:[jsx(App,{}),jsx(Drawer,{}),jsx(PopUp,{}),this.configs.customKeyframes&&this.configs.customKeyframes.map((Ru,Ou)=>jsx(Ru,{subscribe:{on:(Du,ku)=>this.on(Du,ku),once:(Du,ku)=>this.once(Du,ku),off:(Du,ku)=>this.off(Du,ku)},five:Pu},Ou))]}),Bu.container),reaction(()=>this.controller.ended,Ru=>{Ru&&this.emit("paused",!0)}),reaction(()=>this.controller.playing,Ru=>{this.controller.ended||this.emit(Ru?"playing":"paused")})}async load(Pu,Bu=0,Lu=!1,Ru=!1){var Ou,Du,ku,Fu;if(this.controller.setLoading(!0),Ru&&(Pu=JSON.parse(JSON.stringify(Pu))),this.controller.visible||(this.controller.setVisible(!0),await new Promise(Nu=>{setTimeout(()=>Nu(!0),500)})),this.controller.stopInterval&&(this.controller.stopInterval(),this.controller.stopInterval=void 0),this.controller.vreoUnit=Pu,(Ou=this.controller.mediaInstance)==null||Ou.pause(),this.$five.imageOptions.size&&((Du=this.configs.imageOptions)==null?void 0:Du.size)&&this.$five.imageOptions.size>this.configs.imageOptions.size&&(this.$five.imageOptions.size=this.configs.imageOptions.size),Lu||Lu===void 0&&this.configs.autoPreload){const Nu=Pu.keyframes.filter(zu=>!(zu.type!==VreoKeyframeEnum.CameraMovement||zu.data.panoIndex===void 0)).reduce((zu,Hu)=>{const Wu=Hu.data.panoIndex;return zu[Wu]||(zu[Wu]=!0),zu},{}),Gu=Object.keys(Nu);for(let zu=0;zu<Gu.length;zu++)await this.$five.preloadPano(Number(Gu[zu]))}return this.emit("loaded",Pu),this.controller.emit("loaded",Pu),(ku=this.controller.videoAgentScene)!=null&&ku.videoAgentMesh.mediaInstance&&(this.controller.videoAgentScene.videoAgentMesh.mediaInstance.currentTime=Bu/1e3),this.controller.setAvatar(Pu.video.avatar),await((Fu=this.controller.videoAgentScene)==null?void 0:Fu.videoAgentMesh.play(Pu.video.url,Bu/1e3,Pu.video.duration)),this.controller.setEnded(!1),this.play(),this.controller.run((Nu,Gu)=>this.emit(Nu,Gu)),this.controller.setLoading(!1),!0}get paused(){return!this.controller.playing}play(Pu){return this.controller.playing||(Pu&&this.controller.mediaInstance&&(this.controller.mediaInstance.currentTime=Pu/1e3),Object.assign(window,{$vreoController:this.controller}),this.controller.setPlaying(!0)),!0}setAppearance(Pu){this.controller.setAppearance(Pu)}pause(){this.controller.setPlaying(!1)}show(){this.controller.setVisible(!0)}hide(){this.controller.setVisible(!1)}getCurrentTime(){return this.controller.currentTime}dispose(){this.pause(),this.controller.dispose(),this.configs.container&&reactDom.exports.unmountComponentAtNode(this.configs.container)}}console.log(`
|
|
3977
|
+
`,cacheInstance={};class VideoAgentMesh extends Mesh{constructor(Pu,Bu,Lu,Ru,Ou={preload:!0}){var Wu,_h,Xc;if(!Ou.videoInstance)if(cacheInstance.videoInstance)Ou.videoInstance=cacheInstance.videoInstance;else{const ju=document.createElement("video");ju.style.opacity="0",ju.style.pointerEvents="none",ju.style.display="none",document.body.append(ju),Ou.videoInstance=ju,cacheInstance.videoInstance=ju,ju.playsInline=!0,ju.controls=!1}const Du=new PlaneGeometry(Pu,Bu,Lu,Ru),ku=new VideoTexture(Ou.videoInstance),Fu=new ShaderMaterial({uniforms:{map:{value:ku},enable:{value:0}},vertexShader,fragmentShader:fragmentShaderTpl(),transparent:!0});super(Du,Fu);Cm(this,"options");Cm(this,"videoUrl");Cm(this,"freeze");Cm(this,"paused");Cm(this,"audioInstance");Cm(this,"audioLikeInstance");Cm(this,"$removeEventListener");if(this.options=Ou,this.freeze=!1,this.paused=!0,Ou.audioInstance)this.audioInstance=Ou.audioInstance;else if(cacheInstance.audioInstance)this.audioInstance=cacheInstance.audioInstance;else{const ju=document.createElement("audio");ju.crossOrigin="",ju.muted=!1,ju.autoplay=!1,ju.style.display="none",document.body.appendChild(ju),this.audioInstance=ju,cacheInstance.audioInstance=ju}this.audioLikeInstance=new AudioLike,makeObservable(this,{paused:observable});const Nu=ju=>runInAction(()=>this.paused=ju),Gu=()=>Nu(!0),zu=()=>Nu(!1),Hu=()=>console.log("vreo: video \u64AD\u653E\u7ED3\u675F");this.audioInstance.addEventListener("pause",Gu),this.audioInstance.addEventListener("play",zu),(Wu=this.options.videoInstance)==null||Wu.addEventListener("pause",Gu),(_h=this.options.videoInstance)==null||_h.addEventListener("play",zu),this.audioLikeInstance.addEventListener("pause",Gu),this.audioLikeInstance.addEventListener("play",zu),(Xc=this.options.videoInstance)==null||Xc.addEventListener("ended",Hu),this.$removeEventListener=()=>{var ju,_c,_f;this.audioInstance.removeEventListener("pause",Gu),this.audioInstance.removeEventListener("play",zu),(ju=this.options.videoInstance)==null||ju.removeEventListener("pause",Gu),(_c=this.options.videoInstance)==null||_c.removeEventListener("play",zu),this.audioLikeInstance.removeEventListener("pause",Gu),this.audioLikeInstance.removeEventListener("play",zu),(_f=this.options.videoInstance)==null||_f.removeEventListener("ended",Hu)}}get mediaInstance(){return this.videoUrl?getMediaType(this.videoUrl)==="audio"?this.audioInstance:this.material.uniforms.map.value.image:this.audioLikeInstance}async update(Pu){if(this.videoUrl===Pu)return;this.videoUrl=Pu,this.freeze=!0,await this.mediaInstance.pause();const Bu=this.material.uniforms;this.mediaInstance.muted=!0,this.mediaInstance.src=this.options.preload||this.options.preload===void 0||getMediaType(this.videoUrl)==="video"?await URL.createObjectURL(await Preloader.blob(this.videoUrl)):this.videoUrl,this.mediaInstance.setAttribute("data-src",this.videoUrl);const Lu=()=>{this.mediaInstance.currentTime!==0&&(this.freeze=!1,this.mediaInstance.muted=!1,Bu.enable.value=getMediaType(this.videoUrl)?1:0,this.mediaInstance.removeEventListener("timeupdate",Lu,!1))};this.mediaInstance.addEventListener("timeupdate",Lu,!1)}async play(Pu="",Bu=0,Lu){return Pu=Pu||"",Lu&&!Pu?(this.currentTime&&(this.mediaInstance.currentTime=Bu),this.mediaInstance.duration=Lu,this.videoUrl="",this.mediaInstance.play(),!0):Pu?Pu===this.videoUrl?(this.mediaInstance.currentTime=Bu,await this.mediaInstance.play(),!0):(await this.update(Pu),this.mediaInstance.pause(),await new Promise(Ru=>setTimeout(async()=>{this.mediaInstance.currentTime=Bu,await this.mediaInstance.play(),Ru(!0)},20))):(this.videoUrl?await this.mediaInstance.play():console.warn("\u8B66\u544A\uFF1A\u89C6\u9891\u8D44\u6E90\u672A\u521D\u59CB\u5316\u3002"),!0)}get currentTime(){return this.mediaInstance.currentTime*1e3}dispose(){this.$removeEventListener(),cacheInstance.audioInstance&&(document.body.removeChild(cacheInstance.audioInstance),cacheInstance.audioInstance=void 0),cacheInstance.videoInstance&&(document.body.removeChild(cacheInstance.videoInstance),cacheInstance.videoInstance=void 0)}}class VideoAgentScene{constructor(Tu,Pu){Cm(this,"videoAgentMesh");Cm(this,"scene",new Scene);Cm(this,"camera",new OrthographicCamera(-240,240,135,-135));Cm(this,"renderer",new WebGLRenderer({alpha:!0}));Cm(this,"disposers",[]);Cm(this,"run",()=>{!(this.videoAgentMesh.paused||this.videoAgentMesh.freeze)&&this.videoAgentMesh.currentTime>1e3&&this.renderer.render(this.scene,this.camera),requestAnimationFrame(this.run)});Cm(this,"dispose",()=>{var Tu;(Tu=this.videoAgentMesh)==null||Tu.dispose(),this.disposers.forEach(Pu=>Pu==null?void 0:Pu())});if(this.videoAgentMesh=new VideoAgentMesh(480,270,1,1,Pu),Tu){this.camera.position.set(0,0,10),this.camera.lookAt(0,0,0);const Bu=this.renderer.domElement;Bu.classList.add("VideoAgent-canvas");const Lu=addResizeListener(Tu,(Ru,Ou)=>{this.renderer.setSize(Ru*window.devicePixelRatio,Ou*window.devicePixelRatio),Bu.style.width=`${Ru}px`,Bu.style.height=`${Ou}px`});this.disposers.push(Lu),Tu.append(Bu),this.scene.add(this.videoAgentMesh),this.run()}}}function VideoAgent(Cu){var Ru;const Tu=react$1.exports.useRef(null),Pu=useController(),Bu=react$1.exports.useMemo(()=>{var Ou;return((Ou=Pu.avatar)==null?void 0:Ou.url)&&Pu.avatar.force===!0},[Pu.avatar]),Lu=react$1.exports.useMemo(()=>{var Ou;return Bu?!1:((Ou=Pu.videoAgentScene)==null?void 0:Ou.videoAgentMesh.mediaInstance)instanceof HTMLVideoElement},[Pu.videoAgentScene]);return react$1.exports.useEffect(()=>{if(!Tu.current)throw new Error("React \u6E32\u67D3\u5F02\u5E38\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5 ...");if(Pu.videoAgentScene){console.warn('VideoAgentScene" \u91CD\u590D\u521D\u59CB\u5316\uFF0C\u5DF2\u88AB\u8FC7\u6EE4');return}const Ou=new VideoAgentScene(Tu.current,Cu.options);return Pu.videoAgentScene=Ou,()=>{var Du;Pu.dispose(),(Du=Pu.videoAgentScene)==null||Du.dispose()}},[]),jsxs(Fragment,{children:[jsx("div",{className:"Avatar",style:{display:Bu?"block":"none"},children:jsx("div",{className:"Avatar-wrapper ratio-1-1",children:jsx("img",{className:"Avatar-img",src:(Ru=Pu.avatar)==null?void 0:Ru.url,onClick:()=>{var Ou;return(Ou=Cu.onClick)==null?void 0:Ou.call(Cu)}})})}),jsx("div",{className:classNames("VideoAgent",{hide:!Lu}),children:jsx("div",{className:"VideoAgent-container",children:jsx("div",{className:"VideoAgent-wrapper ratio-16-9",children:jsx("div",{className:"VideoAgent-inner",ref:Tu,children:jsx("div",{className:"VideoAgent-play",onClick:()=>{var Ou;return(Ou=Cu.onClick)==null?void 0:Ou.call(Cu)}})})})})})]})}function BgMusic(){const Cu=useController(),Tu=react$1.exports.useRef(null),Pu=react$1.exports.useCallback(()=>{Tu.current&&(clearTimeout(Tu.current),Tu.current=null)},[]);return react$1.exports.useEffect(()=>{const Bu=new Audio;Bu.setAttribute("id","vreo-singleton-bgmusic"),Bu.style.display="none",Bu.setAttribute("playsinline","true"),Bu.loop=!0,document.body.append(Bu);const Lu=Ru=>{const{start:Ou,end:Du}=Ru,{url:ku}=Ru.data;Bu.src=ku;const Fu=()=>{Bu.play()};Bu.addEventListener("canplaythrough",Fu),Pu();const Nu=()=>{Bu.pause(),Bu.currentTime=0,Bu.src="",Pu(),Bu.removeEventListener("canplaythrough",Fu)},Gu=Du-Ou||5e3;Tu.current=setTimeout(()=>{Nu()},Gu),Cu.once("paused",()=>{Nu()})};return Cu.on(VreoKeyframeEnum.BgMusic,Lu),()=>{Cu.off(VreoKeyframeEnum.BgMusic,Lu),document.body.removeChild(Bu),Pu()}}),jsx(Fragment,{})}const prefix="https://vr-public.realsee-cdn.cn/release/static/image/release/",WAVES={single:{width:766,height:60,frames:20,hevc:"vapor/static/wave-single.140d197f4838c130b69e87dfd0705479.mov",vp9:"vapor/static/wave-single.eda65de390a830193fff40d1f1255555.webm",png:"vapor/static/wave-single.f51aade2a6e1c59211698a1a24e6135f.png"},double:{width:766,height:60,frames:16,hevc:"vapor/static/wave-double.3e6d73050ee6958cc3060b107ebe5f39.mov",vp9:"/vapor/static/wave-double.77dfe8548ebcb3f3d336785d4fe9c7b2.webm",png:"/vapor/static/wave-double.ab4fe7d8a70395109ca4f759af7bd53f.png"},solid:{width:1126,height:90,frames:48,hevc:"vapor/static/wave-solid.cf68912a93275d07aa6b5097ea11fdda.mov",vp9:"vapor/static/wave-solid.64438b63cbb346906d066bb7b8dc3e20.webm",png:"vapor/static/wave-solid.6969d7f3f2f44f7ac1ade30e65660cb1.png"},swap:{width:2250,height:180,frames:41,hevc:"vapor/static/wave-swap.b38f22e2cf84ee21e9be35f7f56c9cfc.mov",vp9:"vapor/static/wave-swap.c02e4b94cf05aecf6e7a0023bc7bb90f.webm",png:"vapor/static/wave-swap.772ba526a7210dcc01567062c6319545.png"},expand:{width:2250,height:180,frames:45,hevc:"vapor/static/wave-expand.9529956c5954740cd4c9d07d51e32822.mov",vp9:"vapor/static/wave-expand.a0d2a0074001cd3d4fea56818c6d3c38.webm",png:"vapor/static/wave-expand.62fcf27b445533e6eb1b17bab5eafa0d.png"}},userAgent=typeof navigator!="undefined"?navigator.userAgent:"",isAppleDevice=/(iPhone|iPad|iPod)/i.test(userAgent),isSafari=/safari/i.test(userAgent)&&!/chrome/i.test(userAgent)&&/version/i.test(userAgent),isMicroMessenger=/microMessenger/i.test(userAgent),canPlayHevc=isAppleDevice||isSafari,canPlayVp9=typeof MediaSource!="undefined"&&MediaSource.isTypeSupported("video/webm; codecs=vp9");function Wave(Cu){const Tu=React.useMemo(()=>{var Lu;const Bu=(Lu=Cu==null?void 0:Cu.appearance)!=null?Lu:"solid";return WAVES[Bu]},[Cu==null?void 0:Cu.appearance]);let Pu=null;return isMicroMessenger?Pu=jsx(KeyframeWaveContent,{wave:Tu}):canPlayVp9?Pu=jsx(VideoWaveContent,{format:"vp9",wave:Tu}):canPlayHevc?Pu=jsx(VideoWaveContent,{format:"hevc",wave:Tu}):Pu=jsx(KeyframeWaveContent,{wave:Tu}),jsx("div",{className:"vreo-wave",children:Pu})}const VideoWaveContent=({wave:Cu,format:Tu})=>{const Pu=react$1.exports.useRef(null),[Bu,Lu]=react$1.exports.useState(!1),[Ru,Ou]=react$1.exports.useState(!1),Du=prefix+Cu[Tu];react$1.exports.useEffect(()=>{Lu(!1)},[Du]);const ku=react$1.exports.useCallback(()=>{Pu.current&&Pu.current.play(),Lu(!0)},[]),Fu=react$1.exports.useCallback(()=>{Ou(!0)},[]);return Ru?jsx(KeyframeWaveContent,{wave:Cu}):jsx("video",{style:{opacity:Bu?1:0},preload:"auto",ref:Pu,width:"100%",height:"100%",playsInline:!0,autoPlay:!0,onCanPlay:ku,onError:Fu,muted:!0,loop:!0,src:Du})},KeyframeWaveContent=({wave:Cu})=>{const Tu=prefix+Cu.png;return jsx("div",{style:{width:"100%",height:"100%",backgroundImage:`url(${Tu})`,backgroundSize:"100%",animationName:"keyframes",animationTimingFunction:`steps(${Cu.frames-1})`,animationDuration:`${Cu.frames/25}s`,animationIterationCount:"infinite"}})},AppView=observer(({controller:Cu})=>{var Tu,Pu;return jsx("div",{className:classNames("vreo-panel",{"vreo-panel--hidden":!Cu.visible}),children:jsxs("div",{className:"vreo-panel-inner",children:[Cu.waveAppearance&&jsx(Wave,{appearance:Cu.waveAppearance}),jsx(VideoAgent,{onClick:()=>{Cu.playing?Cu.setPlaying(!1):Cu.setPlaying(!0)},options:((Tu=Cu.configs)==null?void 0:Tu.videoAgentMeshOptions)||{}}),jsx(Prompter,{}),(Pu=Cu.configs)==null?void 0:Pu.customPanelChildren]})})});function App(){const Cu=useController();return jsxs(Fragment,{children:[jsxs(Fragment,{children:[jsx(ResizeObserver$1,{}),jsx(CameraMovement,{}),jsx(ModelVideo,{}),jsx(UpdateVRPanorama,{}),jsx(VideoEffect,{}),jsx(PanoTag,{}),jsx(PanoTextLabel,{}),jsx(InfoPanel,{}),jsx(PanoEffect,{}),jsx(BgMusic,{})]}),jsx(AppView,{controller:Cu})]})}const DrawerView=observer(({controller:Cu})=>{var Bu;const Tu="400px",Pu=(()=>{var Ru;const Lu=(Ru=Cu.drawerConfig)==null?void 0:Ru.height;return Lu?typeof Lu=="number"?Lu+"px":Lu:"max-content"})();return jsx("div",{className:classNames("vreo-drawer",{"vreo-drawer-visible":Cu.drawerConfig&&Cu.drawerConfig.content}),onClick:()=>Cu.openDrawer(!1),children:jsx("div",{className:"vreo-drawer-inner",style:{height:Pu,maxHeight:Tu},children:((Bu=Cu.drawerConfig)==null?void 0:Bu.content)||""})})});function Drawer(){const Cu=useController();return jsx(DrawerView,{controller:Cu})}const PopUpView=observer(({controller:Cu})=>jsx("div",{className:classNames("vreo-PopUp",{"vreo-PopUp-visible":Cu.popUp}),onClick:()=>Cu.openPopUp(!1),children:jsx("div",{className:"vreo-PopUp-inner",children:Cu.popUp||""})}));function PopUp(){const Cu=useController();return jsx(PopUpView,{controller:Cu})}class Player extends Subscribe{constructor(Pu,Bu={}){var Lu;super();Cm(this,"$five");Cm(this,"controller");Cm(this,"configs");if(this.$five=Pu,Bu.container||(Bu.container=Bu.containter),!Bu.container){const Ru=document.getElementById("vreo-app")||document.createElement("div");reactDom.exports.unmountComponentAtNode(Ru),Ru.setAttribute("id","vreo-app"),Bu.container=Ru;const Ou=(Lu=Pu.getElement())==null?void 0:Lu.parentNode;Ou?Ou.append(Ru):document.body.append(Ru)}Bu.container.classList.contains("vreo-app")||Bu.container.classList.add("vreo-app"),this.configs=Object.freeze(Object.assign({keyframeMap:{}},Bu)),this.controller=new Controller({five:Pu,container:Bu.container,configs:this.configs}),reactDom.exports.render(jsxs(ControllerContext.Provider,{value:this.controller,children:[jsx(App,{}),jsx(Drawer,{}),jsx(PopUp,{}),this.configs.customKeyframes&&this.configs.customKeyframes.map((Ru,Ou)=>jsx(Ru,{subscribe:{on:(Du,ku)=>this.on(Du,ku),once:(Du,ku)=>this.once(Du,ku),off:(Du,ku)=>this.off(Du,ku)},five:Pu},Ou))]}),Bu.container),reaction(()=>this.controller.ended,Ru=>{Ru&&this.emit("paused",!0)}),reaction(()=>this.controller.playing,Ru=>{this.controller.ended||this.emit(Ru?"playing":"paused")})}async load(Pu,Bu=0,Lu=!1,Ru=!1){var Ou,Du,ku,Fu;if(this.controller.setLoading(!0),Ru&&(Pu=JSON.parse(JSON.stringify(Pu))),this.controller.visible||(this.controller.setVisible(!0),await new Promise(Nu=>{setTimeout(()=>Nu(!0),500)})),this.controller.stopInterval&&(this.controller.stopInterval(),this.controller.stopInterval=void 0),this.controller.vreoUnit=Pu,(Ou=this.controller.mediaInstance)==null||Ou.pause(),this.$five.imageOptions.size&&((Du=this.configs.imageOptions)==null?void 0:Du.size)&&this.$five.imageOptions.size>this.configs.imageOptions.size&&(this.$five.imageOptions.size=this.configs.imageOptions.size),Lu||Lu===void 0&&this.configs.autoPreload){const Nu=Pu.keyframes.filter(zu=>!(zu.type!==VreoKeyframeEnum.CameraMovement||zu.data.panoIndex===void 0)).reduce((zu,Hu)=>{const Wu=Hu.data.panoIndex;return zu[Wu]||(zu[Wu]=!0),zu},{}),Gu=Object.keys(Nu);for(let zu=0;zu<Gu.length;zu++)await this.$five.preloadPano(Number(Gu[zu]))}return this.emit("loaded",Pu),this.controller.emit("loaded",Pu),(ku=this.controller.videoAgentScene)!=null&&ku.videoAgentMesh.mediaInstance&&(this.controller.videoAgentScene.videoAgentMesh.mediaInstance.currentTime=Bu/1e3),this.controller.setAvatar(Pu.video.avatar),await((Fu=this.controller.videoAgentScene)==null?void 0:Fu.videoAgentMesh.play(Pu.video.url,Bu/1e3,Pu.video.duration)),this.controller.setEnded(!1),this.play(),this.controller.run((Nu,Gu)=>this.emit(Nu,Gu)),this.controller.setLoading(!1),!0}get paused(){return!this.controller.playing}play(Pu){return this.controller.playing||(Pu&&this.controller.mediaInstance&&(this.controller.mediaInstance.currentTime=Pu/1e3),Object.assign(window,{$vreoController:this.controller}),this.controller.setPlaying(!0)),!0}setAppearance(Pu){this.controller.setAppearance(Pu)}pause(){this.controller.setPlaying(!1)}show(){this.controller.setVisible(!0)}hide(){this.controller.setVisible(!1)}getCurrentTime(){return this.controller.currentTime}dispose(){this.pause(),this.controller.dispose(),this.configs.container&&reactDom.exports.unmountComponentAtNode(this.configs.container)}}console.log(`
|
|
3978
3978
|
|
|
3979
3979
|
\u250F\u2501\u2501\u2501\u2513\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u250F\u2513\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501
|
|
3980
3980
|
\u2503\u250F\u2501\u2513\u2503\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2503\u2503\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c,R as l,j as e,r,a as o,p as d,e as i}from"./default.
|
|
1
|
+
import{c,R as l,j as e,r,a as o,p as d,e as i}from"./default.e9102488.js";import{w as p}from"./znRoyv06SZQeqA7m.0057e8ae.js";import{R as u}from"./index.62e9f091.js";import{V as m,A as v}from"./AppReact.e6e509fc.js";const f={imageOptions:{size:1024},textureOptions:{size:64},onlyRenderIfNeeds:!0,antialias:!1,model:{},plugins:[]},x=c(f);function g(){const[t,n]=r.exports.useState(!1),a=t?o(x,{initialWork:d(p),ref:s=>Object.assign(window,{$five:s==null?void 0:s.five}),children:[e(u,{}),e(m,{children:e(v,{})})]}):e(i,{});return o(i,{children:[e("button",{style:{position:"absolute",zIndex:1e6,top:"36px",left:"36px"},onClick:()=>n(!t),children:t?"\u9500\u6BC1":"\u521B\u5EFA"}),a]})}l.render(e(r.exports.StrictMode,{children:e(g,{})}),document.getElementById("root"));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as o,j as r,F as m,u as p,P as _,V as f,a as c,c as b,p as y,f as h}from"./default.
|
|
1
|
+
import{r as o,j as r,F as m,u as p,P as _,V as f,a as c,c as b,p as y,f as h}from"./default.e9102488.js";function x(){const[e,l]=o.exports.useState({width:0,height:0}),t=o.exports.useRef(null);return o.exports.useEffect(()=>{if(!t.current)return;l({width:window.innerWidth,height:window.innerHeight});const n=({width:d,height:a})=>l({width:d,height:a}),u=new ResizeObserver(d=>{const a=d[0],i=a.target.clientWidth,s=a.target.clientHeight;n({width:i,height:s})});return u.observe(t.current),()=>{t.current&&u.unobserve(t.current),u.disconnect()}},[]),r("div",{className:"ResponsiveFiveCanvas",ref:t,style:{width:"100%",height:"100%",position:"absolute",top:0,left:0,opacity:e.width===0||e.height===0?0:1},children:r(m,{width:e.width,height:e.height})})}const g={_signature:"RxzX9G4X3qL+vRMST3YBSHkxz1pNHsPHF222xo6fTygjT7QZRjy8aaD/YuCaZ6B/0tHGjpOTXwp7Xj0ginPOb+xUI4D+2QTbL5vNtWuamnaW0Ko1KMFmF9MWNY+80AAubmR9+SXp6hhNsmrQGdF83ZJiRz0q+c44DgrGD9bm3h0=",allow_hosts:["*"],animation_file_url:"",animation_picture_url:"",basic_code:"EpGyBg4xy3b1q3nK",business_id:"0",certificate:`-----BEGIN CERTIFICATE-----
|
|
2
2
|
MIIEMzCCAhsCCQDYAS/7ATZRmTANBgkqhkiG9w0BAQsFADCBkzELMAkGA1UEBhMC
|
|
3
3
|
Q04xEDAOBgNVBAgMB0JlaWppbmcxEDAOBgNVBAcMB0JlaWppbmcxFDASBgNVBAoM
|
|
4
4
|
C2xpYW5qaWEuY29tMRAwDgYDVQQLDAdSZWFsc2VlMREwDwYDVQQDDAhIYXJkd2Fy
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,j as r,F as c}from"./default.
|
|
1
|
+
import{r as o,j as r,F as c}from"./default.e9102488.js";const d=(t,i=1e3/60)=>{let e=null;const n=t;return(...s)=>{e&&clearTimeout(e),e=setTimeout(()=>{n==null||n(...s),e&&clearTimeout(e),e=null},i)}};function a(){const[t,i]=o.exports.useState({width:document.body.clientWidth,height:document.body.clientHeight});return o.exports.useEffect(()=>{const e=d(()=>i({width:document.body.clientWidth,height:document.body.clientHeight}));return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),r(c,{width:t.width,height:t.height})}export{a as R};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as d,u as i,P as p,j as a,c as f,R as l,a as E,p as y}from"./default.
|
|
1
|
+
import{r as d,u as i,P as p,j as a,c as f,R as l,a as E,p as y}from"./default.e9102488.js";import{w as F}from"./znRoyv06SZQeqA7m.0057e8ae.js";import{R as b}from"./index.62e9f091.js";const C={categoryId:"a80d5051-122d-4618-1d19-d43f4196c97a",categoryText:"8952fa2b-1784-4031-63c8-a707e111f481",frontRequestId:"280b45bf-9cfe-4eaa-7658-d2bddf545e83",index:0,video:{duration:26245,start:0,end:106278,url:""},keyframes:[{uuid:"2fa9e43c-023d-44b7-2c47-28829b5b7115",type:"CameraMovement",start:0,end:1328,parsed:!1,data:{effect:"Move",panoIndex:9,fov:59,mode:"Panorama",latitude:-.03230120055325244,longitude:3.1429096757667008}},{uuid:"d6fbfa55-5d27-4fbf-4328-4d01c4a45520",type:"Prompter",start:0,end:4400,parsed:!1,data:{text:"\u5BB6\u4E2D\u5E73\u65F6\u4EBA\u5C11\uFF0C\u70E7\u4E00\u58F6\u6C34\u559D\u4E0D\u5B8C\u53C8\u51C9\u4E86"}},{uuid:"92a90980-6f5c-4c26-fed4-7fb908691044",type:"Prompter",start:5200,end:6700,parsed:!1,data:{text:"\u53CD\u590D\u70E7\u5F00\u7684\u5343\u6EDA\u6C34\u5371\u5BB3\u5BB6\u4EBA\u5065\u5EB7"}},{uuid:"bcd155a7-cf4f-4bb6-a0f2-739ab522a683",type:"Prompter",start:7400,end:1e4,parsed:!1,data:{text:"\u8FD9\u6B3E\u7F8E\u7684\u8336\u5427\u673A\u5E26\u6709\u4FDD\u6E29\u76D8\uFF0C55\u5EA6\u7684\u6C34\u53EF\u4FDD\u6E2912\u5C0F\u65F6"}},{uuid:"06388578-b39b-4ff3-4438-f16a0e9bb1e3",type:"Prompter",start:11e3,end:13e3,parsed:!1,data:{text:"\u8BA9\u4F60\u968F\u65F6\u6709\u6E29\u6C34\u5165\u8179"}},{uuid:"afcf6cbe-1031-4d99-c6cc-e39e6710c793",type:"Prompter",start:13700,end:16e3,parsed:!1,data:{text:"\u5168\u5BB6\u4EBA\u5BF9\u6C34\u6E29\u8981\u6C42\u4E0D\u540C\uFF0C\u8981\u7528\u6E29\u6C34\u7ED9\u5B69\u5B50\u51B2\u5976"}},{uuid:"4e4d486c-fb1a-40f0-62a4-bc87eb3874e5",type:"Prompter",start:16900,end:18700,parsed:!1,data:{text:"\u5988\u5988\u7231\u559D\u7684\u7EA2\u8336\u8981\u7528100\u5EA6\u6CB8\u6C34"}},{uuid:"c0dd2571-cb53-4461-d441-53d9876d910a",type:"Prompter",start:19300,end:21800,parsed:!1,data:{text:"\u8FD9\u6B3E\u8336\u5427\u673A\u53EF\u7CBE\u51C6\u63A7\u6E29\u6EE1\u8DB3\u5168\u5BB6\u9700\u6C42"}},{uuid:"90e43160-9217-480a-9c14-065cbace760e",type:"Prompter",start:22500,end:26200,parsed:!1,data:{text:"\u4E0A\u7F6E\u50A8\u7269\u67DC\u53EF\u6536\u7EB3\u8336\u5177\u8336\u53F6\uFF0C\u4E0B\u7F6E\u6C34\u6876\u6362\u6C34\u4E0D\u8D39\u529B"}},{uuid:"e8100e08-ec75-4716-4d3a-ba00999e19ec",type:"PanoTextLabel",start:22417,end:24245,parsed:!1,data:{text:"\u4E0A\u7F6E\u50A8\u7269\u67DC",vertex:{x:-1.2920994585621808,y:.6039590569616649,z:-3.591666936874389},fontSize:14}},{uuid:"a1f330ab-1b9c-4e7a-701c-c82cf7df2af7",type:"PanoTextLabel",start:25e3,end:26245,parsed:!1,data:{text:"\u4E0B\u7F6E\u6C34\u6876",vertex:{x:-1.2948739014345394,y:.3495986970932401,z:-3.5916669368743896},fontSize:14}},{type:"PanoTag",start:8e3,end:10500,parsed:!1,data:{imgUrl:"https://vrlab-public.ljcdn.com/release/seesay/tools/Screenshot_20220527220803031_com.jingdong.app.mall____d9f902ea827338a07f57788b831c3552.png",text:"12\u5C0F\u65F6\u4FDD\u6E29\u76D8",vertex:{x:-.8666686085208133,y:.8402865638657824,z:-3.817708370830488},type:"Text"}},{uuid:"c560e0e0-4f42-4100-cae1-8c871034a4e4",type:"PanoTag",start:2e4,end:22500,parsed:!1,data:{text:"\u516D\u6863\u7CBE\u51C6\u63A7\u6E29",vertex:{x:-.9753990782354569,y:.7787579222747523,z:-3.5962710380554204},type:"Text"}}]};function x(){const e=d.exports.useRef(),c=i(),[t,r]=d.exports.useState("notReady");return d.exports.useEffect(()=>{if(e.current)return;const u=new p(c);e.current=u,r("ready"),u.on("paused",()=>r("paused")),u.on("playing",()=>r("playing")),Object.assign(window,{$player:u})},[]),a("div",{className:"btns",children:a("button",{onClick:async()=>{var u,s,n,o;t==="ready"&&((u=e.current)==null||u.show(),await((s=e.current)==null?void 0:s.load(C))),t!=="playing"?(n=e.current)==null||n.play():(o=e.current)==null||o.pause()},disabled:t==="notReady",children:t!=="playing"?"\u64AD\u653E":"\u6682\u505C"})})}const B={imageOptions:{size:1024},textureOptions:{size:64},onlyRenderIfNeeds:!0,antialias:!1,model:{},plugins:[]},m=f(B);l.render(a(d.exports.StrictMode,{children:E(m,{initialWork:y(F),ref:e=>Object.assign(window,{$five:e==null?void 0:e.five}),children:[a(b,{}),a(x,{})]})}),document.getElementById("root"));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as f,a as u,j as c,C as E,V as A,R as S,t as z,b as l,d as B,c as q,p as M}from"./default.
|
|
1
|
+
import{r as f,a as u,j as c,C as E,V as A,R as S,t as z,b as l,d as B,c as q,p as M}from"./default.e9102488.js";import{R}from"./index.62e9f091.js";import{V as N,A as Q}from"./AppReact.e6e509fc.js";const P={_signature:"FHtoUKA5slbYyf1sQkPtEhQEkWqu4eYAr/DQVCXi8WCP6U6MZ1LNaHFogorFDzsV7EXsFweVOzf7CL5AY/ckfyaBXdFzPWEpdG6/ycsZcdO8tOVHb+vtn90BZHtNRkoxxv/J2yjqZOdy0cb9Zyj0Ux54JeBNVennWFhf69cd6+w=",allow_hosts:["*"],base_url:"https://vrlab-public.ljcdn.com/release/auto3dhd/c6756c0c2ee42b76c8a958ef5ee7abc4/",certificate:`-----BEGIN CERTIFICATE-----
|
|
2
2
|
MIIEMzCCAhsCCQDYAS/7ATZRmTANBgkqhkiG9w0BAQsFADCBkzELMAkGA1UEBhMC
|
|
3
3
|
Q04xEDAOBgNVBAgMB0JlaWppbmcxEDAOBgNVBAcMB0JlaWppbmcxFDASBgNVBAoM
|
|
4
4
|
C2xpYW5qaWEuY29tMRAwDgYDVQQLDAdSZWFsc2VlMREwDwYDVQQDDAhIYXJkd2Fy
|
package/docs/demo/examples.html
CHANGED
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
<link href="//realsee.com/favicon.ico" type="image/x-icon" rel="icon" />
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
7
|
<title>@realsee/vreo - Player -- DEBUG --</title>
|
|
8
|
-
<script type="module" crossorigin src="./assets/examples.
|
|
9
|
-
<link rel="modulepreload" href="./assets/default.
|
|
8
|
+
<script type="module" crossorigin src="./assets/examples.e70954e5.js"></script>
|
|
9
|
+
<link rel="modulepreload" href="./assets/default.e9102488.js">
|
|
10
10
|
<link rel="stylesheet" href="./assets/default.bc4c715d.css">
|
|
11
11
|
<link rel="stylesheet" href="./assets/examples.dac4a6fe.css">
|
|
12
12
|
</head>
|
|
@@ -5,11 +5,11 @@
|
|
|
5
5
|
<link href="//realsee.com/favicon.ico" type="image/x-icon" rel="icon" />
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
7
|
<title>@realsee/vreo - Player -- DEBUG --</title>
|
|
8
|
-
<script type="module" crossorigin src="./assets/dynamic.
|
|
9
|
-
<link rel="modulepreload" href="./assets/default.
|
|
8
|
+
<script type="module" crossorigin src="./assets/dynamic.0dd42f6c.js"></script>
|
|
9
|
+
<link rel="modulepreload" href="./assets/default.e9102488.js">
|
|
10
10
|
<link rel="modulepreload" href="./assets/znRoyv06SZQeqA7m.0057e8ae.js">
|
|
11
|
-
<link rel="modulepreload" href="./assets/index.
|
|
12
|
-
<link rel="modulepreload" href="./assets/AppReact.
|
|
11
|
+
<link rel="modulepreload" href="./assets/index.62e9f091.js">
|
|
12
|
+
<link rel="modulepreload" href="./assets/AppReact.e6e509fc.js">
|
|
13
13
|
<link rel="stylesheet" href="./assets/default.bc4c715d.css">
|
|
14
14
|
<link rel="stylesheet" href="./assets/index.9331038f.css">
|
|
15
15
|
</head>
|
|
@@ -5,10 +5,10 @@
|
|
|
5
5
|
<link href="//realsee.com/favicon.ico" type="image/x-icon" rel="icon" />
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
7
|
<title>@realsee/vreo - Player -- DEBUG --</title>
|
|
8
|
-
<script type="module" crossorigin src="./assets/react.
|
|
9
|
-
<link rel="modulepreload" href="./assets/default.
|
|
10
|
-
<link rel="modulepreload" href="./assets/index.
|
|
11
|
-
<link rel="modulepreload" href="./assets/AppReact.
|
|
8
|
+
<script type="module" crossorigin src="./assets/react.89edd358.js"></script>
|
|
9
|
+
<link rel="modulepreload" href="./assets/default.e9102488.js">
|
|
10
|
+
<link rel="modulepreload" href="./assets/index.62e9f091.js">
|
|
11
|
+
<link rel="modulepreload" href="./assets/AppReact.e6e509fc.js">
|
|
12
12
|
<link rel="stylesheet" href="./assets/default.bc4c715d.css">
|
|
13
13
|
<link rel="stylesheet" href="./assets/index.9331038f.css">
|
|
14
14
|
<link rel="stylesheet" href="./assets/react.2ee8565f.css">
|
package/docs/demo/index.html
CHANGED
|
@@ -5,10 +5,10 @@
|
|
|
5
5
|
<link href="//realsee.com/favicon.ico" type="image/x-icon" rel="icon" />
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
7
|
<title>@realsee/vreo - Player -- DEBUG --</title>
|
|
8
|
-
<script type="module" crossorigin src="./assets/main.
|
|
9
|
-
<link rel="modulepreload" href="./assets/default.
|
|
8
|
+
<script type="module" crossorigin src="./assets/main.c6fa1444.js"></script>
|
|
9
|
+
<link rel="modulepreload" href="./assets/default.e9102488.js">
|
|
10
10
|
<link rel="modulepreload" href="./assets/znRoyv06SZQeqA7m.0057e8ae.js">
|
|
11
|
-
<link rel="modulepreload" href="./assets/index.
|
|
11
|
+
<link rel="modulepreload" href="./assets/index.62e9f091.js">
|
|
12
12
|
<link rel="stylesheet" href="./assets/default.bc4c715d.css">
|
|
13
13
|
<link rel="stylesheet" href="./assets/index.9331038f.css">
|
|
14
14
|
</head>
|
|
@@ -1,77 +1,158 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
7
|
exports.Wave = Wave;
|
|
7
|
-
var _react =
|
|
8
|
-
function
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
10
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
11
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
12
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
13
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
14
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
15
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
16
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
17
|
+
var prefix = 'https://vr-public.realsee-cdn.cn/release/static/image/release/';
|
|
18
|
+
var WAVES = {
|
|
19
|
+
single: {
|
|
20
|
+
width: 766,
|
|
21
|
+
height: 60,
|
|
22
|
+
frames: 20,
|
|
23
|
+
hevc: 'vapor/static/wave-single.140d197f4838c130b69e87dfd0705479.mov',
|
|
24
|
+
vp9: 'vapor/static/wave-single.eda65de390a830193fff40d1f1255555.webm',
|
|
25
|
+
png: 'vapor/static/wave-single.f51aade2a6e1c59211698a1a24e6135f.png'
|
|
26
|
+
},
|
|
27
|
+
"double": {
|
|
28
|
+
width: 766,
|
|
29
|
+
height: 60,
|
|
30
|
+
frames: 16,
|
|
31
|
+
hevc: 'vapor/static/wave-double.3e6d73050ee6958cc3060b107ebe5f39.mov',
|
|
32
|
+
vp9: '/vapor/static/wave-double.77dfe8548ebcb3f3d336785d4fe9c7b2.webm',
|
|
33
|
+
png: '/vapor/static/wave-double.ab4fe7d8a70395109ca4f759af7bd53f.png'
|
|
34
|
+
},
|
|
35
|
+
solid: {
|
|
36
|
+
width: 1126,
|
|
37
|
+
height: 90,
|
|
38
|
+
frames: 48,
|
|
39
|
+
hevc: 'vapor/static/wave-solid.cf68912a93275d07aa6b5097ea11fdda.mov',
|
|
40
|
+
vp9: 'vapor/static/wave-solid.64438b63cbb346906d066bb7b8dc3e20.webm',
|
|
41
|
+
png: 'vapor/static/wave-solid.6969d7f3f2f44f7ac1ade30e65660cb1.png'
|
|
42
|
+
},
|
|
43
|
+
swap: {
|
|
44
|
+
width: 2250,
|
|
45
|
+
height: 180,
|
|
46
|
+
frames: 41,
|
|
47
|
+
hevc: 'vapor/static/wave-swap.b38f22e2cf84ee21e9be35f7f56c9cfc.mov',
|
|
48
|
+
vp9: 'vapor/static/wave-swap.c02e4b94cf05aecf6e7a0023bc7bb90f.webm',
|
|
49
|
+
png: 'vapor/static/wave-swap.772ba526a7210dcc01567062c6319545.png'
|
|
50
|
+
},
|
|
51
|
+
expand: {
|
|
52
|
+
width: 2250,
|
|
53
|
+
height: 180,
|
|
54
|
+
frames: 45,
|
|
55
|
+
hevc: 'vapor/static/wave-expand.9529956c5954740cd4c9d07d51e32822.mov',
|
|
56
|
+
vp9: 'vapor/static/wave-expand.a0d2a0074001cd3d4fea56818c6d3c38.webm',
|
|
57
|
+
png: 'vapor/static/wave-expand.62fcf27b445533e6eb1b17bab5eafa0d.png'
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
var userAgent = typeof navigator !== 'undefined' ? navigator.userAgent : '';
|
|
61
|
+
var isAppleDevice = /(iPhone|iPad|iPod)/i.test(userAgent);
|
|
62
|
+
var isSafari = /safari/i.test(userAgent) && !/chrome/i.test(userAgent) && /version/i.test(userAgent);
|
|
63
|
+
var isMicroMessenger = /microMessenger/i.test(userAgent);
|
|
64
|
+
var canPlayHevc = isAppleDevice || isSafari;
|
|
65
|
+
var canPlayVp9 = typeof MediaSource !== 'undefined' && MediaSource.isTypeSupported("video/webm; codecs=vp9");
|
|
9
66
|
function Wave(props) {
|
|
10
|
-
var
|
|
67
|
+
var wave = _react["default"].useMemo(function () {
|
|
11
68
|
var _props$appearance;
|
|
12
69
|
var appearance = (_props$appearance = props === null || props === void 0 ? void 0 : props.appearance) !== null && _props$appearance !== void 0 ? _props$appearance : 'solid';
|
|
13
|
-
|
|
14
|
-
var isAppleDevice = /(iPhone|iPad|iPod)/i.test(userAgent);
|
|
15
|
-
var isSafari = /safari/i.test(userAgent) && !/chrome/i.test(userAgent) && /version/i.test(userAgent);
|
|
16
|
-
var canPlayHevc = isAppleDevice || isSafari;
|
|
17
|
-
var canPlayVp9 = typeof MediaSource !== 'undefined' && MediaSource.isTypeSupported("video/webm; codecs=vp9");
|
|
18
|
-
var prefix = 'https://vr-public.realsee-cdn.cn/release/static/image/release/';
|
|
19
|
-
var WAVES = {
|
|
20
|
-
single: {
|
|
21
|
-
width: 766,
|
|
22
|
-
height: 60,
|
|
23
|
-
frames: 20,
|
|
24
|
-
hevc: 'vapor/static/wave-single.140d197f4838c130b69e87dfd0705479.mov',
|
|
25
|
-
vp9: 'vapor/static/wave-single.eda65de390a830193fff40d1f1255555.webm',
|
|
26
|
-
png: 'vapor/static/wave-single.f51aade2a6e1c59211698a1a24e6135f.png'
|
|
27
|
-
},
|
|
28
|
-
"double": {
|
|
29
|
-
width: 766,
|
|
30
|
-
height: 60,
|
|
31
|
-
frames: 16,
|
|
32
|
-
hevc: 'vapor/static/wave-double.3e6d73050ee6958cc3060b107ebe5f39.mov',
|
|
33
|
-
vp9: '/vapor/static/wave-double.77dfe8548ebcb3f3d336785d4fe9c7b2.webm',
|
|
34
|
-
png: '/vapor/static/wave-double.ab4fe7d8a70395109ca4f759af7bd53f.png'
|
|
35
|
-
},
|
|
36
|
-
solid: {
|
|
37
|
-
width: 1126,
|
|
38
|
-
height: 90,
|
|
39
|
-
frames: 48,
|
|
40
|
-
hevc: 'vapor/static/wave-solid.cf68912a93275d07aa6b5097ea11fdda.mov',
|
|
41
|
-
vp9: 'vapor/static/wave-solid.64438b63cbb346906d066bb7b8dc3e20.webm',
|
|
42
|
-
png: 'vapor/static/wave-solid.6969d7f3f2f44f7ac1ade30e65660cb1.png'
|
|
43
|
-
},
|
|
44
|
-
swap: {
|
|
45
|
-
width: 2250,
|
|
46
|
-
height: 180,
|
|
47
|
-
frames: 41,
|
|
48
|
-
hevc: 'vapor/static/wave-swap.b38f22e2cf84ee21e9be35f7f56c9cfc.mov',
|
|
49
|
-
vp9: 'vapor/static/wave-swap.c02e4b94cf05aecf6e7a0023bc7bb90f.webm',
|
|
50
|
-
png: 'vapor/static/wave-swap.772ba526a7210dcc01567062c6319545.png'
|
|
51
|
-
},
|
|
52
|
-
expand: {
|
|
53
|
-
width: 2250,
|
|
54
|
-
height: 180,
|
|
55
|
-
frames: 45,
|
|
56
|
-
hevc: 'vapor/static/wave-expand.9529956c5954740cd4c9d07d51e32822.mov',
|
|
57
|
-
vp9: 'vapor/static/wave-expand.a0d2a0074001cd3d4fea56818c6d3c38.webm',
|
|
58
|
-
png: 'vapor/static/wave-expand.62fcf27b445533e6eb1b17bab5eafa0d.png'
|
|
59
|
-
}
|
|
60
|
-
};
|
|
61
|
-
if (canPlayVp9) return prefix + WAVES[appearance]['vp9'];
|
|
62
|
-
if (canPlayHevc) return prefix + WAVES[appearance]['hevc'];
|
|
63
|
-
return '';
|
|
70
|
+
return WAVES[appearance];
|
|
64
71
|
}, [props === null || props === void 0 ? void 0 : props.appearance]);
|
|
72
|
+
var content = null;
|
|
73
|
+
if (isMicroMessenger) {
|
|
74
|
+
content = /*#__PURE__*/_react["default"].createElement(KeyframeWaveContent, {
|
|
75
|
+
wave: wave
|
|
76
|
+
});
|
|
77
|
+
} else if (canPlayVp9) {
|
|
78
|
+
content = /*#__PURE__*/_react["default"].createElement(VideoWaveContent, {
|
|
79
|
+
format: "vp9",
|
|
80
|
+
wave: wave
|
|
81
|
+
});
|
|
82
|
+
} else if (canPlayHevc) {
|
|
83
|
+
content = /*#__PURE__*/_react["default"].createElement(VideoWaveContent, {
|
|
84
|
+
format: "hevc",
|
|
85
|
+
wave: wave
|
|
86
|
+
});
|
|
87
|
+
} else {
|
|
88
|
+
content = /*#__PURE__*/_react["default"].createElement(KeyframeWaveContent, {
|
|
89
|
+
wave: wave
|
|
90
|
+
});
|
|
91
|
+
}
|
|
92
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
93
|
+
className: "vreo-wave"
|
|
94
|
+
}, content);
|
|
95
|
+
}
|
|
96
|
+
var VideoWaveContent = function VideoWaveContent(_ref) {
|
|
97
|
+
var wave = _ref.wave,
|
|
98
|
+
format = _ref.format;
|
|
99
|
+
var videoRef = (0, _react.useRef)(null);
|
|
100
|
+
var _useState = (0, _react.useState)(false),
|
|
101
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
102
|
+
canPlay = _useState2[0],
|
|
103
|
+
setCanPlay = _useState2[1];
|
|
104
|
+
var _useState3 = (0, _react.useState)(false),
|
|
105
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
106
|
+
errored = _useState4[0],
|
|
107
|
+
setErrored = _useState4[1];
|
|
108
|
+
var source = prefix + wave[format];
|
|
109
|
+
(0, _react.useEffect)(function () {
|
|
110
|
+
setCanPlay(false);
|
|
111
|
+
}, [source]);
|
|
112
|
+
var canPlayHandler = (0, _react.useCallback)(function () {
|
|
113
|
+
if (videoRef.current) {
|
|
114
|
+
videoRef.current.play();
|
|
115
|
+
}
|
|
116
|
+
setCanPlay(true);
|
|
117
|
+
}, []);
|
|
118
|
+
var errorHandler = (0, _react.useCallback)(function () {
|
|
119
|
+
setErrored(true);
|
|
120
|
+
}, []);
|
|
121
|
+
if (errored) {
|
|
122
|
+
return /*#__PURE__*/_react["default"].createElement(KeyframeWaveContent, {
|
|
123
|
+
wave: wave
|
|
124
|
+
});
|
|
125
|
+
}
|
|
65
126
|
return /*#__PURE__*/_react["default"].createElement("video", {
|
|
66
|
-
|
|
67
|
-
|
|
127
|
+
style: {
|
|
128
|
+
opacity: canPlay ? 1 : 0
|
|
129
|
+
},
|
|
68
130
|
preload: "auto",
|
|
69
|
-
|
|
131
|
+
ref: videoRef,
|
|
132
|
+
width: "100%",
|
|
133
|
+
height: "100%",
|
|
134
|
+
playsInline: true,
|
|
70
135
|
autoPlay: true,
|
|
136
|
+
onCanPlay: canPlayHandler,
|
|
137
|
+
onError: errorHandler,
|
|
138
|
+
muted: true,
|
|
71
139
|
loop: true,
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
140
|
+
src: source
|
|
141
|
+
});
|
|
142
|
+
};
|
|
143
|
+
var KeyframeWaveContent = function KeyframeWaveContent(_ref2) {
|
|
144
|
+
var wave = _ref2.wave;
|
|
145
|
+
var source = prefix + wave.png;
|
|
146
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
147
|
+
style: {
|
|
148
|
+
width: "100%",
|
|
149
|
+
height: "100%",
|
|
150
|
+
backgroundImage: "url(".concat(source, ")"),
|
|
151
|
+
backgroundSize: "100%",
|
|
152
|
+
animationName: "keyframes",
|
|
153
|
+
animationTimingFunction: "steps(".concat(wave.frames - 1, ")"),
|
|
154
|
+
animationDuration: "".concat(wave.frames / 25, "s"),
|
|
155
|
+
animationIterationCount: 'infinite'
|
|
156
|
+
}
|
|
76
157
|
});
|
|
77
|
-
}
|
|
158
|
+
};
|
package/package.json
CHANGED
|
@@ -1,64 +1,139 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
1
|
import { WaveAppearance } from '../../typings'
|
|
2
|
+
import React, { FC, useState, useCallback, useRef, useEffect, ReactNode } from 'react';
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
const prefix = 'https://vr-public.realsee-cdn.cn/release/static/image/release/'
|
|
6
|
+
|
|
7
|
+
const WAVES = {
|
|
8
|
+
single: {
|
|
9
|
+
width: 766,
|
|
10
|
+
height: 60,
|
|
11
|
+
frames: 20,
|
|
12
|
+
hevc: 'vapor/static/wave-single.140d197f4838c130b69e87dfd0705479.mov',
|
|
13
|
+
vp9: 'vapor/static/wave-single.eda65de390a830193fff40d1f1255555.webm',
|
|
14
|
+
png: 'vapor/static/wave-single.f51aade2a6e1c59211698a1a24e6135f.png',
|
|
15
|
+
},
|
|
16
|
+
double: {
|
|
17
|
+
width: 766,
|
|
18
|
+
height: 60,
|
|
19
|
+
frames: 16,
|
|
20
|
+
hevc: 'vapor/static/wave-double.3e6d73050ee6958cc3060b107ebe5f39.mov',
|
|
21
|
+
vp9: '/vapor/static/wave-double.77dfe8548ebcb3f3d336785d4fe9c7b2.webm',
|
|
22
|
+
png: '/vapor/static/wave-double.ab4fe7d8a70395109ca4f759af7bd53f.png',
|
|
23
|
+
},
|
|
24
|
+
solid: {
|
|
25
|
+
width: 1126,
|
|
26
|
+
height: 90,
|
|
27
|
+
frames: 48,
|
|
28
|
+
hevc: 'vapor/static/wave-solid.cf68912a93275d07aa6b5097ea11fdda.mov',
|
|
29
|
+
vp9: 'vapor/static/wave-solid.64438b63cbb346906d066bb7b8dc3e20.webm',
|
|
30
|
+
png: 'vapor/static/wave-solid.6969d7f3f2f44f7ac1ade30e65660cb1.png',
|
|
31
|
+
},
|
|
32
|
+
swap: {
|
|
33
|
+
width: 2250,
|
|
34
|
+
height: 180,
|
|
35
|
+
frames: 41,
|
|
36
|
+
hevc: 'vapor/static/wave-swap.b38f22e2cf84ee21e9be35f7f56c9cfc.mov',
|
|
37
|
+
vp9: 'vapor/static/wave-swap.c02e4b94cf05aecf6e7a0023bc7bb90f.webm',
|
|
38
|
+
png: 'vapor/static/wave-swap.772ba526a7210dcc01567062c6319545.png',
|
|
39
|
+
},
|
|
40
|
+
expand: {
|
|
41
|
+
width: 2250,
|
|
42
|
+
height: 180,
|
|
43
|
+
frames: 45,
|
|
44
|
+
hevc: 'vapor/static/wave-expand.9529956c5954740cd4c9d07d51e32822.mov',
|
|
45
|
+
vp9: 'vapor/static/wave-expand.a0d2a0074001cd3d4fea56818c6d3c38.webm',
|
|
46
|
+
png: 'vapor/static/wave-expand.62fcf27b445533e6eb1b17bab5eafa0d.png',
|
|
47
|
+
}
|
|
48
|
+
} as const;
|
|
49
|
+
|
|
50
|
+
const userAgent = typeof navigator !== 'undefined' ? navigator.userAgent : '';
|
|
51
|
+
const isAppleDevice = /(iPhone|iPad|iPod)/i.test(userAgent);
|
|
52
|
+
const isSafari = /safari/i.test(userAgent) && !/chrome/i.test(userAgent) && /version/i.test(userAgent);
|
|
53
|
+
const isMicroMessenger = /microMessenger/i.test(userAgent);
|
|
54
|
+
const canPlayHevc = isAppleDevice || isSafari;
|
|
55
|
+
const canPlayVp9 = typeof MediaSource !== 'undefined' && MediaSource.isTypeSupported("video/webm; codecs=vp9");
|
|
56
|
+
|
|
3
57
|
|
|
4
58
|
export function Wave(props?: { appearance?: WaveAppearance }) {
|
|
5
|
-
|
|
59
|
+
|
|
60
|
+
const wave = React.useMemo(() => {
|
|
6
61
|
const appearance = props?.appearance ?? 'solid'
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
const isSafari = /safari/i.test(userAgent) && !/chrome/i.test(userAgent) && /version/i.test(userAgent);
|
|
10
|
-
const canPlayHevc = isAppleDevice || isSafari;
|
|
11
|
-
const canPlayVp9 = typeof MediaSource !== 'undefined' && MediaSource.isTypeSupported("video/webm; codecs=vp9");
|
|
12
|
-
const prefix = 'https://vr-public.realsee-cdn.cn/release/static/image/release/'
|
|
62
|
+
return WAVES[appearance]
|
|
63
|
+
}, [props?.appearance])
|
|
13
64
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
width: 766,
|
|
25
|
-
height: 60,
|
|
26
|
-
frames: 16,
|
|
27
|
-
hevc: 'vapor/static/wave-double.3e6d73050ee6958cc3060b107ebe5f39.mov',
|
|
28
|
-
vp9: '/vapor/static/wave-double.77dfe8548ebcb3f3d336785d4fe9c7b2.webm',
|
|
29
|
-
png: '/vapor/static/wave-double.ab4fe7d8a70395109ca4f759af7bd53f.png',
|
|
30
|
-
},
|
|
31
|
-
solid: {
|
|
32
|
-
width: 1126,
|
|
33
|
-
height: 90,
|
|
34
|
-
frames: 48,
|
|
35
|
-
hevc: 'vapor/static/wave-solid.cf68912a93275d07aa6b5097ea11fdda.mov',
|
|
36
|
-
vp9: 'vapor/static/wave-solid.64438b63cbb346906d066bb7b8dc3e20.webm',
|
|
37
|
-
png: 'vapor/static/wave-solid.6969d7f3f2f44f7ac1ade30e65660cb1.png',
|
|
38
|
-
},
|
|
39
|
-
swap: {
|
|
40
|
-
width: 2250,
|
|
41
|
-
height: 180,
|
|
42
|
-
frames: 41,
|
|
43
|
-
hevc: 'vapor/static/wave-swap.b38f22e2cf84ee21e9be35f7f56c9cfc.mov',
|
|
44
|
-
vp9: 'vapor/static/wave-swap.c02e4b94cf05aecf6e7a0023bc7bb90f.webm',
|
|
45
|
-
png: 'vapor/static/wave-swap.772ba526a7210dcc01567062c6319545.png',
|
|
46
|
-
},
|
|
47
|
-
expand: {
|
|
48
|
-
width: 2250,
|
|
49
|
-
height: 180,
|
|
50
|
-
frames: 45,
|
|
51
|
-
hevc: 'vapor/static/wave-expand.9529956c5954740cd4c9d07d51e32822.mov',
|
|
52
|
-
vp9: 'vapor/static/wave-expand.a0d2a0074001cd3d4fea56818c6d3c38.webm',
|
|
53
|
-
png: 'vapor/static/wave-expand.62fcf27b445533e6eb1b17bab5eafa0d.png',
|
|
54
|
-
}
|
|
55
|
-
} as const;
|
|
65
|
+
let content: ReactNode = null;
|
|
66
|
+
if (isMicroMessenger) {
|
|
67
|
+
content = <KeyframeWaveContent wave={wave} />
|
|
68
|
+
} else if (canPlayVp9) {
|
|
69
|
+
content = <VideoWaveContent format="vp9" wave={wave} />
|
|
70
|
+
} else if (canPlayHevc) {
|
|
71
|
+
content = <VideoWaveContent format="hevc" wave={wave} />
|
|
72
|
+
} else {
|
|
73
|
+
content = <KeyframeWaveContent wave={wave} />
|
|
74
|
+
}
|
|
56
75
|
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
76
|
+
return <div className="vreo-wave">{content}</div>
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
const VideoWaveContent: FC<{ wave: typeof WAVES[keyof typeof WAVES]; format: 'hevc' | 'vp9' }> = ({
|
|
80
|
+
wave,
|
|
81
|
+
format,
|
|
82
|
+
}) => {
|
|
83
|
+
const videoRef = useRef<HTMLVideoElement>(null);
|
|
84
|
+
const [canPlay, setCanPlay] = useState(false);
|
|
85
|
+
const [errored, setErrored] = useState(false);
|
|
86
|
+
const source = prefix + wave[format];
|
|
87
|
+
|
|
88
|
+
useEffect(() => {
|
|
89
|
+
setCanPlay(false);
|
|
90
|
+
}, [source]);
|
|
91
|
+
|
|
92
|
+
const canPlayHandler = useCallback(() => {
|
|
93
|
+
if (videoRef.current) {
|
|
94
|
+
videoRef.current.play();
|
|
95
|
+
}
|
|
96
|
+
setCanPlay(true);
|
|
97
|
+
}, []);
|
|
98
|
+
|
|
99
|
+
const errorHandler = useCallback(() => {
|
|
100
|
+
setErrored(true);
|
|
101
|
+
}, []);
|
|
102
|
+
|
|
103
|
+
if (errored) {
|
|
104
|
+
return <KeyframeWaveContent wave={wave} />;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
return <video
|
|
108
|
+
style={{ opacity: canPlay ? 1 : 0 }}
|
|
109
|
+
preload="auto"
|
|
110
|
+
ref={videoRef}
|
|
111
|
+
width="100%"
|
|
112
|
+
height="100%"
|
|
113
|
+
playsInline
|
|
114
|
+
autoPlay
|
|
115
|
+
onCanPlay={canPlayHandler}
|
|
116
|
+
onError={errorHandler}
|
|
117
|
+
muted
|
|
118
|
+
loop
|
|
119
|
+
src={source}
|
|
120
|
+
/>;
|
|
121
|
+
};
|
|
62
122
|
|
|
63
|
-
|
|
64
|
-
|
|
123
|
+
const KeyframeWaveContent: FC<{ wave: typeof WAVES[keyof typeof WAVES] }> = ({
|
|
124
|
+
wave,
|
|
125
|
+
}) => {
|
|
126
|
+
const source = prefix + wave.png;
|
|
127
|
+
return <div
|
|
128
|
+
style={{
|
|
129
|
+
width: "100%",
|
|
130
|
+
height: "100%",
|
|
131
|
+
backgroundImage: `url(${source})`,
|
|
132
|
+
backgroundSize: "100%",
|
|
133
|
+
animationName: `keyframes`,
|
|
134
|
+
animationTimingFunction: `steps(${wave.frames - 1})`,
|
|
135
|
+
animationDuration: `${wave.frames / 25}s`,
|
|
136
|
+
animationIterationCount: 'infinite',
|
|
137
|
+
}}
|
|
138
|
+
/>;
|
|
139
|
+
};
|