{"id":2462,"date":"2019-08-11T18:04:29","date_gmt":"2019-08-11T18:04:29","guid":{"rendered":"https:\/\/learnbrite.com\/academy\/?page_id=2462"},"modified":"2020-05-12T07:58:50","modified_gmt":"2020-05-12T07:58:50","slug":"creating-a-360","status":"publish","type":"page","link":"https:\/\/hyperspace.mv\/academy\/creating-a-360\/","title":{"rendered":"Creating a 360"},"content":{"rendered":"\n<p>This tutorial will guide you on how to quickly create your first 360 space. We will start by picking a 360 video from YouTube. We can start with this fire safety video:<br><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"\"><tbody><tr><td>Although YouTube is great for experimental and proof of concept productions, occasionally the API may not respond. For commercial productions, we recommend using services such as Vimeo, or alternatively uploading your videos to our <a href=\"https:\/\/learnbrite.com\/academy\/storage-files\/\">included platform storage<\/a>.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"TVA fire crews train to battle utility fires - 360 Video\" width=\"1080\" height=\"608\" src=\"https:\/\/www.youtube.com\/embed\/f5caDihEfRM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>From the dashboard, create a new space by clicking in the \u201cCreate new space\u201d tile:<br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/ltVzfzUrlqsDE-WW8l6agZRoVv7GGWUqo4QgrOqdrFTP6IQo2Gb_F6mvw9iizDqoL9F6SlJyXzDtMTKMsC6EBygMo5V26TkWegT3QK_Dk6BdeQv4wLF2g86FF_ClgXSRPbS1wLQb\" alt=\"\"\/><\/figure>\n\n\n\n<p>Pick the 360 template from the list and give it a name, for example, \u201cMy 360\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/I29lt_7JiM6GAQ0puXlJkC_LYWkVdMqe8_ub_nrNo2YFSQ7jMhKblFESlfu6dqNXolw9ISSvvOVTsySgyscpX5stU-E0M9_t2qBXfLOtTCqHi_Qc2PoDnmRTB6iCQT0Cs6nG894D\" alt=\"\"\/><\/figure>\n\n\n\n<p>Then, once you are in the space, add the video as a Panorama Background. First, copy the URL of the video. After copying it, click on edit \/ add content, and paste the url in the input box.&nbsp;<br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/7C_cbWj6zjxukLmGXi00XPuFGEyARb9vL37KwWydXeJuAHi-iqLdmb3qCJvDjJngcCa3xierRS1GYX1qoWU7fuMIN79TtSeyVI36_86lScryS4qKjNvefglH6jH_V58rfAoGzd30\" alt=\"\"\/><\/figure>\n\n\n\n<p>Then specify that the video is a Panorama Background.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/MkmoTecfuS722IUVKgt9eBaqYw_Vb2ztfICfGo9l3atmb0lzMCRXClGXhlSvahPsMeI7xSeymMbfAnfyQmIlpP9HGpUrHW04fd7IGy3DyFjCkDyUktu3ash60u9y4xfKC10Wb0Mi\" alt=\"\"\/><\/figure>\n\n\n\n<p>Finally you can optionally set the video to Autoplay and Loop.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/RhbHQAh4Cg0lcNciqZBPGgDnw0eFkVhmrsXg4gyUscOhufNtcLqGWILLq_TmTtxCPj0bTSoh5muGnNxxu3SAq-uKdIyAln6-xg06gC2UK4IoTFjBd6Sjir2rgkEQX33Ozmqfchwh\" alt=\"\"\/><\/figure>\n\n\n\n<p>Click on update and your 360 space is ready!<\/p>\n\n\n\n<p class=\"has-small-font-size\">Credits<br>360 Video by Tennessee Valley Authority <a href=\"https:\/\/www.youtube.com\/channel\/UCbHQMWRyRJTXbKiiU3oOhzg\">https:\/\/www.youtube.com\/channel\/UCbHQMWRyRJTXbKiiU3oOhzg<\/a><br> Music from https:\/\/filmmusic.io &#8220;Carefree&#8221; by Kevin MacLeod (<a href=\"https:\/\/incompetech.com\/\">https:\/\/incompetech.com<\/a>)<br>License: CC BY (http:\/\/creativecommons.org\/licenses\/by\/4.0\/) <\/p>\n","protected":false},"excerpt":{"rendered":"This tutorial will guide you on how to quickly create your first 360 space. We will start by picking a 360 video from YouTube. We can start with this fire safety video: Although YouTube is great for experimental and proof of concept productions, occasionally the API may not respond. For commercial productions, we recommend using [&hellip;]","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-2462","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>Creating a 360<\/title>\n<meta name=\"description\" content=\"Creating a 360\" \/>\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\/creating-a-360\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creating a 360\" \/>\n<meta property=\"og:description\" content=\"Creating a 360\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hyperspace.mv\/academy\/creating-a-360\/\" \/>\n<meta property=\"og:site_name\" content=\"Metaverse Academy\" \/>\n<meta property=\"article:modified_time\" content=\"2020-05-12T07:58:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lh6.googleusercontent.com\/ltVzfzUrlqsDE-WW8l6agZRoVv7GGWUqo4QgrOqdrFTP6IQo2Gb_F6mvw9iizDqoL9F6SlJyXzDtMTKMsC6EBygMo5V26TkWegT3QK_Dk6BdeQv4wLF2g86FF_ClgXSRPbS1wLQb\" \/>\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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hyperspace.mv\/academy\/creating-a-360\/\",\"url\":\"https:\/\/hyperspace.mv\/academy\/creating-a-360\/\",\"name\":\"Creating a 360\",\"isPartOf\":{\"@id\":\"https:\/\/hyperspace.mv\/academy\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hyperspace.mv\/academy\/creating-a-360\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/hyperspace.mv\/academy\/creating-a-360\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/lh6.googleusercontent.com\/ltVzfzUrlqsDE-WW8l6agZRoVv7GGWUqo4QgrOqdrFTP6IQo2Gb_F6mvw9iizDqoL9F6SlJyXzDtMTKMsC6EBygMo5V26TkWegT3QK_Dk6BdeQv4wLF2g86FF_ClgXSRPbS1wLQb\",\"datePublished\":\"2019-08-11T18:04:29+00:00\",\"dateModified\":\"2020-05-12T07:58:50+00:00\",\"description\":\"Creating a 360\",\"breadcrumb\":{\"@id\":\"https:\/\/hyperspace.mv\/academy\/creating-a-360\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hyperspace.mv\/academy\/creating-a-360\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hyperspace.mv\/academy\/creating-a-360\/#primaryimage\",\"url\":\"https:\/\/lh6.googleusercontent.com\/ltVzfzUrlqsDE-WW8l6agZRoVv7GGWUqo4QgrOqdrFTP6IQo2Gb_F6mvw9iizDqoL9F6SlJyXzDtMTKMsC6EBygMo5V26TkWegT3QK_Dk6BdeQv4wLF2g86FF_ClgXSRPbS1wLQb\",\"contentUrl\":\"https:\/\/lh6.googleusercontent.com\/ltVzfzUrlqsDE-WW8l6agZRoVv7GGWUqo4QgrOqdrFTP6IQo2Gb_F6mvw9iizDqoL9F6SlJyXzDtMTKMsC6EBygMo5V26TkWegT3QK_Dk6BdeQv4wLF2g86FF_ClgXSRPbS1wLQb\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hyperspace.mv\/academy\/creating-a-360\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hyperspace.mv\/academy\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Creating a 360\"}]},{\"@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":"Creating a 360","description":"Creating a 360","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\/creating-a-360\/","og_locale":"en_US","og_type":"article","og_title":"Creating a 360","og_description":"Creating a 360","og_url":"https:\/\/hyperspace.mv\/academy\/creating-a-360\/","og_site_name":"Metaverse Academy","article_modified_time":"2020-05-12T07:58:50+00:00","og_image":[{"url":"https:\/\/lh6.googleusercontent.com\/ltVzfzUrlqsDE-WW8l6agZRoVv7GGWUqo4QgrOqdrFTP6IQo2Gb_F6mvw9iizDqoL9F6SlJyXzDtMTKMsC6EBygMo5V26TkWegT3QK_Dk6BdeQv4wLF2g86FF_ClgXSRPbS1wLQb","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hyperspace.mv\/academy\/creating-a-360\/","url":"https:\/\/hyperspace.mv\/academy\/creating-a-360\/","name":"Creating a 360","isPartOf":{"@id":"https:\/\/hyperspace.mv\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hyperspace.mv\/academy\/creating-a-360\/#primaryimage"},"image":{"@id":"https:\/\/hyperspace.mv\/academy\/creating-a-360\/#primaryimage"},"thumbnailUrl":"https:\/\/lh6.googleusercontent.com\/ltVzfzUrlqsDE-WW8l6agZRoVv7GGWUqo4QgrOqdrFTP6IQo2Gb_F6mvw9iizDqoL9F6SlJyXzDtMTKMsC6EBygMo5V26TkWegT3QK_Dk6BdeQv4wLF2g86FF_ClgXSRPbS1wLQb","datePublished":"2019-08-11T18:04:29+00:00","dateModified":"2020-05-12T07:58:50+00:00","description":"Creating a 360","breadcrumb":{"@id":"https:\/\/hyperspace.mv\/academy\/creating-a-360\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hyperspace.mv\/academy\/creating-a-360\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hyperspace.mv\/academy\/creating-a-360\/#primaryimage","url":"https:\/\/lh6.googleusercontent.com\/ltVzfzUrlqsDE-WW8l6agZRoVv7GGWUqo4QgrOqdrFTP6IQo2Gb_F6mvw9iizDqoL9F6SlJyXzDtMTKMsC6EBygMo5V26TkWegT3QK_Dk6BdeQv4wLF2g86FF_ClgXSRPbS1wLQb","contentUrl":"https:\/\/lh6.googleusercontent.com\/ltVzfzUrlqsDE-WW8l6agZRoVv7GGWUqo4QgrOqdrFTP6IQo2Gb_F6mvw9iizDqoL9F6SlJyXzDtMTKMsC6EBygMo5V26TkWegT3QK_Dk6BdeQv4wLF2g86FF_ClgXSRPbS1wLQb"},{"@type":"BreadcrumbList","@id":"https:\/\/hyperspace.mv\/academy\/creating-a-360\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hyperspace.mv\/academy\/"},{"@type":"ListItem","position":2,"name":"Creating a 360"}]},{"@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\/2462","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/comments?post=2462"}],"version-history":[{"count":8,"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/pages\/2462\/revisions"}],"predecessor-version":[{"id":3133,"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/pages\/2462\/revisions\/3133"}],"wp:attachment":[{"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/media?parent=2462"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}