{"id":2507,"date":"2019-08-21T10:28:16","date_gmt":"2019-08-21T10:28:16","guid":{"rendered":"https:\/\/learnbrite.com\/academy\/360-vr\/"},"modified":"2025-11-27T11:49:45","modified_gmt":"2025-11-27T11:49:45","slug":"360-vr","status":"publish","type":"page","link":"https:\/\/hyperspace.mv\/academy\/360-vr\/","title":{"rendered":"360 VR"},"content":{"rendered":"<html><body><div><p><span><\/span><\/p><\/div><p><span><\/span><\/p><p><span><a href=\"#h.am20rykrse73\">360 Spaces<\/a><\/span><\/p><p><span><a href=\"#h.mn194d8vn14o\">360 Multiuser or Single-user Experience<\/a><\/span><\/p><p><span><a href=\"#h.ee9qlnimoiqm\">Single-User (Self-paced) Configuration<\/a><\/span><\/p><p><span><a href=\"#h.xng8x4dxw9h\">Setting the 360 Image or Video<\/a><\/span><\/p><p><span><a href=\"#h.el3z3o9qnpx4\">360 Video Playback Controls<\/a><\/span><\/p><p><span><a href=\"#h.2mpxviw0xbe1\">Multiuser<\/a><\/span><\/p><p><span><a href=\"#h.tgidtspam2g6\">Self-Paced (Single User)<\/a><\/span><\/p><p><span><a href=\"#h.qu0dvwcz45l9\">Hide 360 video controls for participants<\/a><\/span><\/p><p><span><a href=\"#h.rhlu9d55z57i\">360 Initial Viewpoint<\/a><\/span><\/p><p><span><a href=\"#h.un2sgkqizwj2\">360 Image Upload<\/a><\/span><\/p><p><span><a href=\"#h.2xjegh62hi3b\">Storage<\/a><\/span><\/p><p><span><a href=\"#h.ovp8crgu8bxe\">What is the maximum viewable resolution for a 360 photograph?<\/a><\/span><\/p><p><span><a href=\"#h.dcheghnk2a63\">360 Video Upload<\/a><\/span><\/p><p><span><a href=\"#h.fpe9165a71sd\">360 Streaming Video Conversion<\/a><\/span><\/p><p><span><a href=\"#h.j52vhon6pamj\">Timed Media Triggers<\/a><\/span><\/p><p><span><a href=\"#h.pox8rlygbbo\">360 Video Play &amp; Pause<\/a><\/span><\/p><p><span><a href=\"#h.o7knbef922ej\">Using Multiple 360 Videos in One Space<\/a><\/span><\/p><p><span><a href=\"#h.g5r3mpego5dz\">Loading Image \/ Poster<\/a><\/span><\/p><p><span><a href=\"#h.imacv4cl4bjk\">Navigating between 360 Videos with links<\/a><\/span><\/p><p><span><a href=\"#h.1m90d6stztlx\">Legacy 360&deg; before 2.10<\/a><\/span><\/p><p><span><\/span><\/p><h1 id=\"h.am20rykrse73\"><span>360 Spaces<\/span><\/h1><p><span>Using a 360&deg; as a background requires a space created using the 360 template.<\/span><\/p><p><span><\/span><\/p><table><tr><td colspan=\"1\" rowspan=\"1\"><p><span>The width\/height ratio for correctly formatted 360 media is <\/span><span>2:1<\/span><span>, so <\/span><span>an image 2000px wide will need to be 1000px high to be correctly mapped. If your image is smaller, it is recommended to &ldquo;pad&rdquo; it with an appropriate color at the top or bottom, as opposed to changing it lengthwise.<\/span><\/p><\/td><\/tr><\/table><p><span><\/span><\/p><p><span><\/span><\/p><p><span><\/span><\/p><p><span><\/span><\/p><p><span>The space will be created with a completely white background.<\/span><\/p><h2 id=\"h.mn194d8vn14o\"><span>360 Multiuser or Single-user Experience<\/span><\/h2><p><span>By default the 360 template is setup for multiuser experiences. The <\/span><span>Virtual meeting room<\/span><span>&nbsp;setting is on by default in the dashboard settings for the 360 space.<\/span><\/p><p><span><\/span><\/p><p><span>Multiuser 360 experiences allows participants to see and communicate with each other in the same 360 space. <\/span><\/p><p><span><\/span><\/p><p><span>Multiuser 360 video experiences also allow the use or video synchronization enabling presenters to control <\/span><span>360 synchronized video playback<\/span><span>&nbsp;for all participants.<\/span><\/p><p><span><\/span><\/p><p><span>The hotspots are configured to allow minimal movement to minimize apparent discrepancies of 3D avatar scale vs 360 background. <\/span><\/p><p><span><\/span><\/p><p><span>The 360 template uses <\/span><span>avatar heads or bust <\/span><span>rather than avatars with legs to further avoid discrepancies of scale. You can enable full body avatars in the space settings if you wish.<\/span><\/p><p><span><\/span><\/p><h3 id=\"h.ee9qlnimoiqm\"><span>Single-User (Self-paced) Configuration<\/span><\/h3><p><span>For a single-user experience<\/span><\/p><ol start=\"1\"><li><span>Uncheck <\/span><span>Virtual meeting room<br><\/span><span><img decoding=\"async\" alt=\"\" src=\"https:\/\/hyperspace.mv\/academy\/wp-content\/uploads\/2025\/11\/1Q94hcm_OlyhsD-FB9_zsmtP-2-28fae52e3c.png\" title=\"\"><\/span><\/li><li><span>Expand the <\/span><span>Show advanced <\/span><span>settings <br><\/span><span><\/span><\/li><\/ol><ol start=\"1\"><li><span>In the <\/span><span>Experimental settings<\/span><span>&nbsp;panel set <\/span><span>Force users to join audio call<\/span><span>&nbsp;to <\/span><span>Disabled<br><\/span><span><\/span><\/li><li><span>Save<\/span><\/li><\/ol><ol start=\"3\"><li><span>Enter the space <\/span><\/li><\/ol><ol start=\"1\"><li><span>Set the Spawn hotspot &gt; <\/span><span>Spawn radius<\/span><span>&nbsp;to <\/span><span>0<\/span><span>&nbsp;(zero)<br><\/span><span><img decoding=\"async\" alt=\"\" src=\"https:\/\/hyperspace.mv\/academy\/wp-content\/uploads\/2025\/11\/1Q94hcm_OlyhsD-FB9_zsmtP-5-80866644c9.png\" title=\"\"><\/span><\/li><li><span>Uncheck the alternative navigation hotspots <\/span><span>Active <\/span><span>field to off (or alternatively delete them if you will not be using bots in the space)<br><\/span><span><\/span><\/li><\/ol><h2 id=\"h.xng8x4dxw9h\"><span>Setting the 360 Image or Video<\/span><\/h2><p><span>Have a web link (URL) to a 360 image (.jpg) or 360 video (.mp4) or 360 streaming video (.m3u8) ready.<\/span><\/p><p><span><\/span><\/p><ol start=\"1\"><li><span>Access the space<\/span><\/li><li><span>Click the <\/span><span>Pencil+ icon <\/span><span>in the toolbar (<\/span><span><img decoding=\"async\" alt=\"\" src=\"https:\/\/hyperspace.mv\/academy\/wp-content\/uploads\/2025\/11\/1Q94hcm_OlyhsD-FB9_zsmtP-7-5acabe5c83.png\" title=\"\"><\/span><span>)<\/span><\/li><li><span>Choose <\/span><span>Panorama 360&deg;<\/span><\/li><\/ol><p><span><\/span><\/p><p><span><\/span><\/p><p><span><\/span><\/p><ol start=\"4\"><li><span>In the modal that opens, <\/span><span>insert the URL<\/span><span>&nbsp;of your 360<\/span><\/li><\/ol><p><span><img decoding=\"async\" alt=\"\" src=\"https:\/\/hyperspace.mv\/academy\/wp-content\/uploads\/2025\/11\/1Q94hcm_OlyhsD-FB9_zsmtP-9-65b9f2bfa5.png\" title=\"\"><\/span><\/p><p><span><\/span><\/p><ol start=\"5\"><li><span>Click &ldquo;<\/span><span>Save<\/span><span>&rdquo;<\/span><\/li><\/ol><p><span><\/span><\/p><p><span>The 360 will update immediately.<\/span><\/p><p><span><\/span><\/p><h3 id=\"h.el3z3o9qnpx4\"><span>360 Video Playback Controls<\/span><\/h3><p><span>360 Video controls appear for all participants. <\/span><\/p><p><span><\/span><\/p><h4 id=\"h.2mpxviw0xbe1\"><span>Multiuser<\/span><\/h4><p><span><\/span><\/p><h4 id=\"h.tgidtspam2g6\"><span>Self-Paced (Single User)<\/span><\/h4><p><span><img decoding=\"async\" alt=\"\" src=\"https:\/\/hyperspace.mv\/academy\/wp-content\/uploads\/2025\/11\/1Q94hcm_OlyhsD-FB9_zsmtP-11-e2f4a65723.png\" title=\"\"><\/span><\/p><p><span><\/span><\/p><h4 id=\"h.qu0dvwcz45l9\"><span>Hide 360 video controls for participants<\/span><\/h4><p><span>See <\/span><span><a href=\"https:\/\/hyperspace.mv\/academy\/dashboard-parameters\/#hq7xdprs46cvf\">Enabled Panorama Controls<\/a><\/span><\/p><p><span><\/span><\/p><h2 id=\"h.rhlu9d55z57i\"><span>360 Initial Viewpoint<\/span><\/h2><p><span>Change the starting viewpoint of the 360 by adjusting the <\/span><span>Advanced <\/span><span>settings <\/span><span>Y Rotation<\/span><span>&nbsp;to a value between 0 and 360 degrees.<\/span><\/p><p><span><\/span><\/p><p><span>Most commonly the horizontal rotation is desirable to adjust for the initial view.<\/span><\/p><p><span><\/span><\/p><p><span><img decoding=\"async\" alt=\"\" src=\"https:\/\/hyperspace.mv\/academy\/wp-content\/uploads\/2025\/11\/1Q94hcm_OlyhsD-FB9_zsmtP-13-a99b412cd9.png\" title=\"\"><\/span><\/p><h2 id=\"h.un2sgkqizwj2\"><span>360 Image Upload<\/span><\/h2><h3 id=\"h.2xjegh62hi3b\"><span>Storage<\/span><\/h3><p><span>You may upload 360 images as .jpg files to <\/span><span><a href=\"https:\/\/storage.learnbrite.com\">https:\/\/storage.learnbrite.com<\/a><\/span><\/p><h3 id=\"h.ovp8crgu8bxe\"><span>What is the maximum viewable resolution for a 360 photograph?<\/span><\/h3><p><span>Here at LearnBrite we typically use 8192&#8236;x4096 and 4096&#215;2048 , jpg for spherical panoramas. For cube maps for each face we use 2048px.<\/span><\/p><p><span><\/span><\/p><p><span>A great answer to this question has been supplied on Reddit<\/span><\/p><p><span><a href=\"https:\/\/www.reddit.com\/r\/oculus\/comments\/5ypto4\/what_is_the_maximum_viewable_resolution_for_a_360\/\">https:\/\/www.reddit.com\/r\/oculus\/comments\/5ypto4\/what_is_the_maximum_viewable_resolution_for_a_360\/<\/a><\/span><\/p><p><span><\/span><\/p><p><span>The default monocular horizontal FOV of the Rift is 79.55&deg;, the horizontal resolution per eye is 1080 pixels, the render target size is ~1.7 to compensate for distortion, so the render target size per eye is ~1404&#215;1560 and has ~17.6 PPD (pixels\/degree). For the different 360&deg; formats this means :<\/span><\/p><p><span><\/span><\/p><ul><li><span>360&deg; equirectangular : 6354&#215;3177<\/span><\/li><li><span>360&deg; 3D equirectangular : 6354&#215;6354<\/span><\/li><li><span>stereo cubemaps : 19056&#215;1588 (the OTOY format used on the Gear VR is 18432&#215;1536)<\/span><\/li><\/ul><p><span><\/span><\/p><p><span>Michael Abrash made a prediction that in 3 years headsets would have ~30 PPD, so if you want to be able to view your photos without loss of quality in these headsets this means :<\/span><\/p><p><span><\/span><\/p><ul><li><span>360&deg; equirectangular : 10800&#215;5400<\/span><\/li><li><span>360&deg; 3D equirectangular : 10800&#215;10800<\/span><\/li><li><span>stereo cubemaps : 32400&#215;2700<\/span><\/li><\/ul><p><span><\/span><\/p><p><span>If you want to store your files for the longer term you should maybe use an even higher resolution. The average visual acuity of the Human eye is ~85 pixels\/degree (for comparison the Rift has ~13.6 PPD), so to be mostly future-proof (except if you&#39;ve perfect vision at ~120 PPD) this would mean :<\/span><\/p><p><span><\/span><\/p><ul><li><span>360&deg; equirectangular : 30600&#215;15300<\/span><\/li><li><span>360&deg; 3D equirectangular : 30600&#215;30600<\/span><\/li><li><span>stereo cubemaps : 91800&#215;7650<\/span><\/li><\/ul><p><span><\/span><\/p><p><span>But by this time and probably before 3 years I think we&#39;ll have other 360&deg; formats (based on light fields probably) which require a lot more images.<\/span><\/p><p><span><\/span><\/p><h2 id=\"h.dcheghnk2a63\"><span>360 Video Upload<\/span><\/h2><p><span>You may upload .mp4 files to <\/span><span><a href=\"https:\/\/storage.learnbrite.com\">https:\/\/storage.learnbrite.com<\/a><\/span><span>&nbsp;delivery performance may vary, so we recommend using our streaming service explained below.<\/span><\/p><p><span><\/span><\/p><p><span>You may also link to files on Vimeo for streaming.<\/span><\/p><p><span><\/span><\/p><h2 id=\"h.fpe9165a71sd\"><span>360 Streaming Video Conversion<\/span><\/h2><p><span>Hyperspace has support for video streaming, including 360 video streaming. The conversion of mp4 files to streaming format is <\/span><span><a href=\"http:\/\/hyperspace.mv\/support\">on request<\/a><\/span><span>. <\/span><\/p><ol start=\"1\"><li><span>Upload the mp4 to storage <\/span><\/li><li><span>Highly recommended &#8211; ensure the mp4 filename does not include any spaces or special characters<\/span><\/li><li><span>Provide <\/span><\/li><\/ol><ol start=\"1\"><li><span>The storage URL of the mp4 (eg. https:\/\/cache.learnbrite.com\/&hellip;.)<\/span><\/li><li><span>Identify if the video is <\/span><span>portrait<\/span><span>, <\/span><span>landscape <\/span><span>or <\/span><span>360 <\/span><\/li><li><span>M<\/span><span>essage <\/span><span><a href=\"http:\/\/hyperspace.mv\/support\">Hyperspace Support <\/a><\/span><span>&nbsp;<\/span><span>with the request to convert it to streaming format<\/span><\/li><\/ol><ol start=\"4\"><li><span>Hyperspace will respond with a URL to the .m3u8 within 72 hours (typically sooner)<\/span><\/li><\/ol><p><span><\/span><\/p><p><span>Streaming files are stored on Amazon S3, a streaming URL .m3u8 will be supplied back to you for inclusion in your project.<\/span><\/p><p><span><\/span><\/p><p><span>Hyperspace plans to automate and make this feature self-service in the future.<\/span><\/p><p><span><\/span><\/p><p><span>M3u8 videos display only a black\/blank first frame (texture) before they are played, unlike mp4 videos. A <\/span><span>Poster Image <\/span><span>(.jpg) <\/span><span>to display before the video starts can be added manually in <\/span><span>Panorama 360 &gt; Advanced <\/span><span>settings. This picture can be a frame from the video, or a custom thumbnail.<\/span><\/p><p><span><\/span><\/p><p><span><\/span><\/p><p><span><\/span><\/p><h2 id=\"h.j52vhon6pamj\"><span>Timed Media Triggers<\/span><\/h2><p><span>ChatMapper nodes can be triggered to execute at certain times when the Media Element (360 video) is playing. An example CMP can be found here: <\/span><span><a href=\"https:\/\/assets.learnbrite.com\/WP_academy\/cmps\/TimedMediaTriggers.cmp?utm_source=wp_academy\">TimedMediaTriggers.cmp<\/a><\/span><\/p><p><span><\/span><\/p><p><span>This is achieved in a parent node with a Script which constantly updates a variable to equal the current Media Element time.<\/span><\/p><p><span><\/span><\/p><p><span><img decoding=\"async\" alt=\"\" src=\"https:\/\/hyperspace.mv\/academy\/wp-content\/uploads\/2025\/11\/1Q94hcm_OlyhsD-FB9_zsmtP-15-2264decf74.jpg\" title=\"\"><\/span><\/p><p><span><\/span><\/p><p><span>First we create a ChatMapper Variable nowTime of type Text<\/span><\/p><p><span><\/span><\/p><p><span><\/span><\/p><p><span><\/span><\/p><p><span>Script:<\/span><\/p><table><tr><td colspan=\"1\" rowspan=\"1\"><p><span>Variable<\/span><span>[<\/span><span>&quot;nowTime&quot;<\/span><span>] = $(<\/span><span>&quot;#video_Skybox&quot;<\/span><span>)[0].currentTime;<\/span><\/p><\/td><\/tr><\/table><p><span><\/span><\/p><p><span>Then children nodes contain a Condition to check if that time has been reached or exceeded. To stop the node from being executed over and over a check against the SimStatus is used. If the child node has been displayed then it will not be shown again.<\/span><\/p><p><span><\/span><\/p><p><span>For example checking nowTime is EQUAL to 2.2 <\/span><\/p><p><span><\/span><\/p><table><tr><td colspan=\"1\" rowspan=\"1\"><p><span>Dialog[<\/span><span>5<\/span><span>].SimStatus ~= <\/span><span>&quot;WasDisplayed&quot;<\/span><span>&nbsp;<\/span><span>and<\/span><span>&nbsp;<\/span><span>Variable<\/span><span>[<\/span><span>&quot;nowTime&quot;<\/span><span>]&gt;=2.2<\/span><\/p><\/td><\/tr><\/table><p><span><\/span><\/p><p><span>Additionally, a &ldquo;catch-all&rdquo; node is inserted, so that whenever the time does not match a condition the conversation goes back to checking the video&rsquo;s time. This is an empty node, with no condition but Priority set to &ldquo;BelowNormal&rdquo;<\/span><\/p><p><span><img decoding=\"async\" alt=\"\" src=\"https:\/\/hyperspace.mv\/academy\/wp-content\/uploads\/2025\/11\/1Q94hcm_OlyhsD-FB9_zsmtP-17-b4c4ff87a9.png\" title=\"\"><\/span><\/p><h2 id=\"h.pox8rlygbbo\"><span>360 Video Play &amp; Pause<\/span><\/h2><p><span>Using a Script to Play<\/span><\/p><table><tr><td colspan=\"1\" rowspan=\"1\"><p><span>LB.Actions.setVideoboardControls({<\/span><span>videoProxy:<\/span><span>false<\/span><span>,<\/span><span>video:&quot;Skybox&quot;<\/span><span>,<\/span><span>videoForcePlay:<\/span><span>true<\/span><span>,<\/span><span>executedFromEA:<\/span><span>true<\/span><span>});<\/span><\/p><\/td><\/tr><\/table><p><span><\/span><\/p><p><span>Using a Script to Pause<\/span><\/p><table><tr><td colspan=\"1\" rowspan=\"1\"><p><span>LB.Actions.setVideoboardControls({<\/span><span>videoProxy:<\/span><span>false<\/span><span>,<\/span><span>video:&quot;Skybox&quot;<\/span><span>,<\/span><span>videoForcePause:<\/span><span>true<\/span><span>,<\/span><span>executedFromEA:<\/span><span>true<\/span><span>})<\/span><\/p><\/td><\/tr><\/table><p><span><\/span><\/p><h2 id=\"h.o7knbef922ej\"><span>Using Multiple 360 Videos in One Space<\/span><\/h2><p><span>First we need to get a handle on the 360 background using a Script. The 360 background that is included in the 360 Template you used to create your space. It is called &ldquo;Skybox&rdquo;.<\/span><\/p><p><span>First we create a new ChatMapper Variable MediaElement of type Text<\/span><\/p><p><span><\/span><\/p><p><span><\/span><\/p><p><span><\/span><\/p><table><tr><td colspan=\"1\" rowspan=\"1\"><p><span>Variable<\/span><span>[<\/span><span>&quot;MediaElement&quot;<\/span><span>]=LB.Utils.findItem(<\/span><span>&quot;Skybox&quot;<\/span><span>);<\/span><\/p><\/td><\/tr><\/table><p><span><\/span><\/p><p><span>Then using a Script set it&rsquo;s diffuseMap to a media URL ending in .m3u8 or .mp4, or a direct URL to an online video service such as Vimeo. <\/span><\/p><table><tr><td colspan=\"1\" rowspan=\"1\"><p><span>LB.SceneAuthoring.setField(<\/span><span>Variable<\/span><span>[<\/span><span>&quot;MediaElement&quot;<\/span><span>],<\/span><span>&quot;diffuseMap&quot;<\/span><span>,<\/span><span>&quot;https:\/\/s3.amazonaws.com\/lb360\/hls\/my_video\/master.m3u8&quot;<\/span><span>);<\/span><\/p><\/td><\/tr><\/table><p><span><\/span><\/p><h3 id=\"h.g5r3mpego5dz\"><span>Loading Image \/ Poster<\/span><\/h3><p><span>Before the video has loaded or can be displayed the space\/screen will be black. To avoid this you can use a poster parameter with the diffuseMap URL to show a 360 loading image.<\/span><\/p><p><span><\/span><\/p><p><span>Just add the following to your URL , &ldquo;?poster=URL_OF_IMAGE&rdquo;<\/span><\/p><table><tr><td colspan=\"1\" rowspan=\"1\"><p><span>LB.SceneAuthoring.setField(<\/span><span>Variable<\/span><span>[<\/span><span>&quot;MediaElement&quot;<\/span><span>],<\/span><span>&quot;diffuseMap&quot;<\/span><span>,<\/span><span>&quot;https:\/\/s3.amazonaws.com\/lb360\/hls\/my_video\/master.m3u8<\/span><span>?poster=https:\/\/cache.learnbrite.com\/my_image.jpg<\/span><span>&quot;<\/span><span>);<\/span><\/p><\/td><\/tr><\/table><p><span><\/span><\/p><p><span>The Media will be paused by default. You will need to execute a Script to Play the video (see 360 Video Play &amp; Pause section)<\/span><\/p><p><span><\/span><\/p><h2 id=\"h.imacv4cl4bjk\"><span>Navigating between 360 Videos with links<\/span><\/h2><p><span>The best approach to visiting different 360 Images and Videos is to use multiple spaces and combine them into a World. By navigating from space to space you can travel from 360 to 360.<\/span><\/p><p><span><\/span><\/p><p><span>Add doorways or icons to the 360 and use the <\/span><span><a href=\"https:\/\/hyperspace.mv\/academy\/scenario-actions\/#hpcwzr4fxd0bd\">sendUserToSpace<\/a><\/span><span>&nbsp;action.<\/span><\/p><p><span><\/span><\/p><p><span>Ensure you are accessing the World URL when moving from space to space.<\/span><\/p><p><span><\/span><\/p><p><span><\/span><\/p><p><span><\/span><\/p><h2 id=\"h.1m90d6stztlx\"><span>Legacy 360&deg; before 2.10<\/span><\/h2><ol start=\"1\"><li><span>Access the space<\/span><\/li><li><span>Click the edit icon (<\/span><span><img decoding=\"async\" alt=\"\" src=\"https:\/\/hyperspace.mv\/academy\/wp-content\/uploads\/2025\/11\/1Q94hcm_OlyhsD-FB9_zsmtP-7-5acabe5c83.png\" title=\"\"><\/span><span>)<\/span><\/li><li><span>Choose &ldquo;<\/span><span>Show items list<\/span><span>&rdquo;<\/span><\/li><li><span>Scroll the list to find &ldquo;<\/span><span>Skybox<\/span><span>&rdquo; (or &ldquo;<\/span><span>Panorama<\/span><span>&rdquo; in some cases)<\/span><\/li><li><span>Click the &ldquo;<\/span><span>Edit<\/span><span>&rdquo; button &#8211; the object&rsquo;s properties will unfold below<\/span><\/li><li><span>Change the &ldquo;<\/span><span>diffuseMap<\/span><span>&rdquo; to the URL of your 360 photo or video<\/span><\/li><li><span>Click &ldquo;<\/span><span>Save item<\/span><span>&rdquo;<\/span><\/li><\/ol><p><span><\/span><\/p><p><span>Legacy video tutorial <\/span><span><a href=\"https:\/\/www.youtube.com\/watch?v=yKYxEXteNqk\">https:\/\/www.youtube.com\/watch?v=yKYxEXteNqk<\/a><\/span><\/p><p><span><\/span><\/p><div><p><span><\/span><\/p><\/div><\/body><\/html>","protected":false},"excerpt":{"rendered":"360 Spaces360 Multiuser or Single-user ExperienceSingle-User (Self-paced) ConfigurationSetting the 360 Image or Video360 Video Playback ControlsMultiuserSelf-Paced (Single User)Hide 360 video controls for participants360 Initial Viewpoint360 Image UploadStorageWhat is the maximum viewable resolution for a 360 photograph?360 Video Upload360 Streaming Video ConversionTimed Media Triggers360 Video Play &amp; PauseUsing Multiple 360 Videos in One SpaceLoading Image \/ [&hellip;]","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-2507","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.1.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>360 VR<\/title>\n<meta name=\"description\" content=\"360 VR\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hyperspace.mv\/academy\/360-vr\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"360 VR\" \/>\n<meta property=\"og:description\" content=\"360 VR\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hyperspace.mv\/academy\/360-vr\/\" \/>\n<meta property=\"og:site_name\" content=\"Metaverse Academy\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-27T11:49:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hyperspace.mv\/academy\/wp-content\/uploads\/2025\/11\/1Q94hcm_OlyhsD-FB9_zsmtP-2-28fae52e3c.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hyperspace.mv\/academy\/360-vr\/\",\"url\":\"https:\/\/hyperspace.mv\/academy\/360-vr\/\",\"name\":\"360 VR\",\"isPartOf\":{\"@id\":\"https:\/\/hyperspace.mv\/academy\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hyperspace.mv\/academy\/360-vr\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/hyperspace.mv\/academy\/360-vr\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hyperspace.mv\/academy\/wp-content\/uploads\/2025\/11\/1Q94hcm_OlyhsD-FB9_zsmtP-2-28fae52e3c.png\",\"datePublished\":\"2019-08-21T10:28:16+00:00\",\"dateModified\":\"2025-11-27T11:49:45+00:00\",\"description\":\"360 VR\",\"breadcrumb\":{\"@id\":\"https:\/\/hyperspace.mv\/academy\/360-vr\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hyperspace.mv\/academy\/360-vr\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hyperspace.mv\/academy\/360-vr\/#primaryimage\",\"url\":\"https:\/\/hyperspace.mv\/academy\/wp-content\/uploads\/2025\/11\/1Q94hcm_OlyhsD-FB9_zsmtP-2-28fae52e3c.png\",\"contentUrl\":\"https:\/\/hyperspace.mv\/academy\/wp-content\/uploads\/2025\/11\/1Q94hcm_OlyhsD-FB9_zsmtP-2-28fae52e3c.png\",\"width\":515,\"height\":353},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hyperspace.mv\/academy\/360-vr\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hyperspace.mv\/academy\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"360 VR\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hyperspace.mv\/academy\/#website\",\"url\":\"https:\/\/hyperspace.mv\/academy\/\",\"name\":\"Metaverse Academy\",\"description\":\"Learn to build WebXR metaverse experiences for 3D, 360, VR\/AR\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hyperspace.mv\/academy\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"360 VR","description":"360 VR","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hyperspace.mv\/academy\/360-vr\/","og_locale":"en_US","og_type":"article","og_title":"360 VR","og_description":"360 VR","og_url":"https:\/\/hyperspace.mv\/academy\/360-vr\/","og_site_name":"Metaverse Academy","article_modified_time":"2025-11-27T11:49:45+00:00","og_image":[{"url":"https:\/\/hyperspace.mv\/academy\/wp-content\/uploads\/2025\/11\/1Q94hcm_OlyhsD-FB9_zsmtP-2-28fae52e3c.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hyperspace.mv\/academy\/360-vr\/","url":"https:\/\/hyperspace.mv\/academy\/360-vr\/","name":"360 VR","isPartOf":{"@id":"https:\/\/hyperspace.mv\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hyperspace.mv\/academy\/360-vr\/#primaryimage"},"image":{"@id":"https:\/\/hyperspace.mv\/academy\/360-vr\/#primaryimage"},"thumbnailUrl":"https:\/\/hyperspace.mv\/academy\/wp-content\/uploads\/2025\/11\/1Q94hcm_OlyhsD-FB9_zsmtP-2-28fae52e3c.png","datePublished":"2019-08-21T10:28:16+00:00","dateModified":"2025-11-27T11:49:45+00:00","description":"360 VR","breadcrumb":{"@id":"https:\/\/hyperspace.mv\/academy\/360-vr\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hyperspace.mv\/academy\/360-vr\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hyperspace.mv\/academy\/360-vr\/#primaryimage","url":"https:\/\/hyperspace.mv\/academy\/wp-content\/uploads\/2025\/11\/1Q94hcm_OlyhsD-FB9_zsmtP-2-28fae52e3c.png","contentUrl":"https:\/\/hyperspace.mv\/academy\/wp-content\/uploads\/2025\/11\/1Q94hcm_OlyhsD-FB9_zsmtP-2-28fae52e3c.png","width":515,"height":353},{"@type":"BreadcrumbList","@id":"https:\/\/hyperspace.mv\/academy\/360-vr\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hyperspace.mv\/academy\/"},{"@type":"ListItem","position":2,"name":"360 VR"}]},{"@type":"WebSite","@id":"https:\/\/hyperspace.mv\/academy\/#website","url":"https:\/\/hyperspace.mv\/academy\/","name":"Metaverse Academy","description":"Learn to build WebXR metaverse experiences for 3D, 360, VR\/AR","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hyperspace.mv\/academy\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/pages\/2507","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/comments?post=2507"}],"version-history":[{"count":36,"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/pages\/2507\/revisions"}],"predecessor-version":[{"id":5414,"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/pages\/2507\/revisions\/5414"}],"wp:attachment":[{"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/media?parent=2507"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}