{"id":2526,"date":"2019-08-21T10:28:55","date_gmt":"2019-08-21T10:28:55","guid":{"rendered":"https:\/\/learnbrite.com\/academy\/integrating-scenario-in-other-applications-without-scorm-or-lti\/"},"modified":"2023-02-21T09:45:57","modified_gmt":"2023-02-21T09:45:57","slug":"integrating-scenario-in-other-applications-without-scorm-or-lti","status":"publish","type":"page","link":"https:\/\/hyperspace.mv\/academy\/integrating-scenario-in-other-applications-without-scorm-or-lti\/","title":{"rendered":"Integrating Scenario in other applications (without SCORM or LTI)"},"content":{"rendered":"<html><head><meta content=\"text\/html; charset=UTF-8\" http-equiv=\"content-type\"><style type=\"text\/css\">@import url('https:\/\/themes.googleusercontent.com\/fonts\/css?kit=lhDjYqiy3mZ0x6ROQEUoUw');.lst-kix_4gf5g7u72a6u-6>li{counter-increment:lst-ctn-kix_4gf5g7u72a6u-6}.lst-kix_7i7v0rvbvmr8-6>li{counter-increment:lst-ctn-kix_7i7v0rvbvmr8-6}.lst-kix_7i7v0rvbvmr8-8>li:before{content:\"\" counter(lst-ctn-kix_7i7v0rvbvmr8-8,lower-roman) \". \"}ol.lst-kix_4gf5g7u72a6u-5{list-style-type:none}ol.lst-kix_4gf5g7u72a6u-6{list-style-type:none}ol.lst-kix_4gf5g7u72a6u-7{list-style-type:none}ol.lst-kix_4gf5g7u72a6u-8{list-style-type:none}.lst-kix_7i7v0rvbvmr8-3>li:before{content:\"\" counter(lst-ctn-kix_7i7v0rvbvmr8-3,decimal) \". \"}ol.lst-kix_4gf5g7u72a6u-5.start{counter-reset:lst-ctn-kix_4gf5g7u72a6u-5 0}.lst-kix_7i7v0rvbvmr8-4>li:before{content:\"\" counter(lst-ctn-kix_7i7v0rvbvmr8-4,lower-latin) \". \"}ol.lst-kix_7i7v0rvbvmr8-7.start{counter-reset:lst-ctn-kix_7i7v0rvbvmr8-7 0}.lst-kix_4gf5g7u72a6u-7>li{counter-increment:lst-ctn-kix_4gf5g7u72a6u-7}.lst-kix_7i7v0rvbvmr8-5>li:before{content:\"\" counter(lst-ctn-kix_7i7v0rvbvmr8-5,lower-roman) \". \"}.lst-kix_7i7v0rvbvmr8-6>li:before{content:\"\" counter(lst-ctn-kix_7i7v0rvbvmr8-6,decimal) \". \"}ol.lst-kix_4gf5g7u72a6u-8.start{counter-reset:lst-ctn-kix_4gf5g7u72a6u-8 0}ol.lst-kix_aze1lit7vdua-5.start{counter-reset:lst-ctn-kix_aze1lit7vdua-5 0}ol.lst-kix_aze1lit7vdua-2.start{counter-reset:lst-ctn-kix_aze1lit7vdua-2 0}ol.lst-kix_7i7v0rvbvmr8-4.start{counter-reset:lst-ctn-kix_7i7v0rvbvmr8-4 0}.lst-kix_7i7v0rvbvmr8-7>li:before{content:\"\" counter(lst-ctn-kix_7i7v0rvbvmr8-7,lower-latin) \". \"}.lst-kix_7i7v0rvbvmr8-7>li{counter-increment:lst-ctn-kix_7i7v0rvbvmr8-7}.lst-kix_7i7v0rvbvmr8-5>li{counter-increment:lst-ctn-kix_7i7v0rvbvmr8-5}.lst-kix_7i7v0rvbvmr8-8>li{counter-increment:lst-ctn-kix_7i7v0rvbvmr8-8}ol.lst-kix_aze1lit7vdua-8.start{counter-reset:lst-ctn-kix_aze1lit7vdua-8 0}.lst-kix_aze1lit7vdua-8>li{counter-increment:lst-ctn-kix_aze1lit7vdua-8}ol.lst-kix_4gf5g7u72a6u-0{list-style-type:none}ol.lst-kix_4gf5g7u72a6u-1{list-style-type:none}ol.lst-kix_4gf5g7u72a6u-2{list-style-type:none}ol.lst-kix_4gf5g7u72a6u-3{list-style-type:none}ol.lst-kix_4gf5g7u72a6u-4{list-style-type:none}ol.lst-kix_4gf5g7u72a6u-2.start{counter-reset:lst-ctn-kix_4gf5g7u72a6u-2 0}.lst-kix_aze1lit7vdua-0>li{counter-increment:lst-ctn-kix_aze1lit7vdua-0}.lst-kix_aze1lit7vdua-6>li{counter-increment:lst-ctn-kix_aze1lit7vdua-6}.lst-kix_7i7v0rvbvmr8-3>li{counter-increment:lst-ctn-kix_7i7v0rvbvmr8-3}ol.lst-kix_7i7v0rvbvmr8-6.start{counter-reset:lst-ctn-kix_7i7v0rvbvmr8-6 0}ol.lst-kix_4gf5g7u72a6u-0.start{counter-reset:lst-ctn-kix_4gf5g7u72a6u-0 0}ol.lst-kix_4gf5g7u72a6u-6.start{counter-reset:lst-ctn-kix_4gf5g7u72a6u-6 0}.lst-kix_4gf5g7u72a6u-8>li{counter-increment:lst-ctn-kix_4gf5g7u72a6u-8}.lst-kix_4gf5g7u72a6u-2>li{counter-increment:lst-ctn-kix_4gf5g7u72a6u-2}.lst-kix_4gf5g7u72a6u-5>li{counter-increment:lst-ctn-kix_4gf5g7u72a6u-5}ol.lst-kix_4gf5g7u72a6u-7.start{counter-reset:lst-ctn-kix_4gf5g7u72a6u-7 0}ol.lst-kix_aze1lit7vdua-3.start{counter-reset:lst-ctn-kix_aze1lit7vdua-3 0}ol.lst-kix_7i7v0rvbvmr8-5.start{counter-reset:lst-ctn-kix_7i7v0rvbvmr8-5 0}.lst-kix_4gf5g7u72a6u-0>li{counter-increment:lst-ctn-kix_4gf5g7u72a6u-0}.lst-kix_7i7v0rvbvmr8-0>li{counter-increment:lst-ctn-kix_7i7v0rvbvmr8-0}.lst-kix_aze1lit7vdua-3>li{counter-increment:lst-ctn-kix_aze1lit7vdua-3}.lst-kix_7i7v0rvbvmr8-1>li{counter-increment:lst-ctn-kix_7i7v0rvbvmr8-1}ol.lst-kix_4gf5g7u72a6u-1.start{counter-reset:lst-ctn-kix_4gf5g7u72a6u-1 0}.lst-kix_aze1lit7vdua-4>li:before{content:\"\" counter(lst-ctn-kix_aze1lit7vdua-4,lower-latin) \". \"}.lst-kix_aze1lit7vdua-6>li:before{content:\"\" counter(lst-ctn-kix_aze1lit7vdua-6,decimal) \". \"}ol.lst-kix_aze1lit7vdua-8{list-style-type:none}.lst-kix_aze1lit7vdua-5>li:before{content:\"\" counter(lst-ctn-kix_aze1lit7vdua-5,lower-roman) \". \"}.lst-kix_aze1lit7vdua-8>li:before{content:\"\" counter(lst-ctn-kix_aze1lit7vdua-8,lower-roman) \". \"}.lst-kix_4gf5g7u72a6u-1>li{counter-increment:lst-ctn-kix_4gf5g7u72a6u-1}.lst-kix_aze1lit7vdua-7>li:before{content:\"\" counter(lst-ctn-kix_aze1lit7vdua-7,lower-latin) \". \"}ol.lst-kix_7i7v0rvbvmr8-3.start{counter-reset:lst-ctn-kix_7i7v0rvbvmr8-3 0}ol.lst-kix_aze1lit7vdua-1.start{counter-reset:lst-ctn-kix_aze1lit7vdua-1 0}.lst-kix_aze1lit7vdua-5>li{counter-increment:lst-ctn-kix_aze1lit7vdua-5}ol.lst-kix_aze1lit7vdua-4.start{counter-reset:lst-ctn-kix_aze1lit7vdua-4 0}ol.lst-kix_7i7v0rvbvmr8-0.start{counter-reset:lst-ctn-kix_7i7v0rvbvmr8-0 0}.lst-kix_7i7v0rvbvmr8-2>li{counter-increment:lst-ctn-kix_7i7v0rvbvmr8-2}.lst-kix_aze1lit7vdua-2>li{counter-increment:lst-ctn-kix_aze1lit7vdua-2}ol.lst-kix_aze1lit7vdua-0.start{counter-reset:lst-ctn-kix_aze1lit7vdua-0 0}.lst-kix_4gf5g7u72a6u-3>li{counter-increment:lst-ctn-kix_4gf5g7u72a6u-3}ol.lst-kix_aze1lit7vdua-7.start{counter-reset:lst-ctn-kix_aze1lit7vdua-7 0}.lst-kix_4gf5g7u72a6u-8>li:before{content:\"\" counter(lst-ctn-kix_4gf5g7u72a6u-8,lower-roman) \". \"}ol.lst-kix_7i7v0rvbvmr8-2.start{counter-reset:lst-ctn-kix_7i7v0rvbvmr8-2 0}.lst-kix_4gf5g7u72a6u-4>li:before{content:\"\" counter(lst-ctn-kix_4gf5g7u72a6u-4,lower-latin) \". \"}.lst-kix_4gf5g7u72a6u-6>li:before{content:\"\" counter(lst-ctn-kix_4gf5g7u72a6u-6,decimal) \". \"}.lst-kix_7i7v0rvbvmr8-4>li{counter-increment:lst-ctn-kix_7i7v0rvbvmr8-4}.lst-kix_4gf5g7u72a6u-4>li{counter-increment:lst-ctn-kix_4gf5g7u72a6u-4}.lst-kix_4gf5g7u72a6u-3>li:before{content:\"\" counter(lst-ctn-kix_4gf5g7u72a6u-3,decimal) \". \"}.lst-kix_4gf5g7u72a6u-7>li:before{content:\"\" counter(lst-ctn-kix_4gf5g7u72a6u-7,lower-latin) \". \"}ol.lst-kix_4gf5g7u72a6u-3.start{counter-reset:lst-ctn-kix_4gf5g7u72a6u-3 0}.lst-kix_aze1lit7vdua-7>li{counter-increment:lst-ctn-kix_aze1lit7vdua-7}.lst-kix_4gf5g7u72a6u-5>li:before{content:\"\" counter(lst-ctn-kix_4gf5g7u72a6u-5,lower-roman) \". \"}ol.lst-kix_7i7v0rvbvmr8-2{list-style-type:none}ol.lst-kix_7i7v0rvbvmr8-1{list-style-type:none}ol.lst-kix_4gf5g7u72a6u-4.start{counter-reset:lst-ctn-kix_4gf5g7u72a6u-4 0}.lst-kix_aze1lit7vdua-4>li{counter-increment:lst-ctn-kix_aze1lit7vdua-4}ol.lst-kix_7i7v0rvbvmr8-0{list-style-type:none}.lst-kix_aze1lit7vdua-1>li:before{content:\"\" counter(lst-ctn-kix_aze1lit7vdua-1,lower-latin) \". \"}.lst-kix_aze1lit7vdua-1>li{counter-increment:lst-ctn-kix_aze1lit7vdua-1}ol.lst-kix_aze1lit7vdua-5{list-style-type:none}ol.lst-kix_7i7v0rvbvmr8-6{list-style-type:none}ol.lst-kix_aze1lit7vdua-4{list-style-type:none}ol.lst-kix_7i7v0rvbvmr8-5{list-style-type:none}ol.lst-kix_aze1lit7vdua-7{list-style-type:none}ol.lst-kix_7i7v0rvbvmr8-1.start{counter-reset:lst-ctn-kix_7i7v0rvbvmr8-1 0}ol.lst-kix_7i7v0rvbvmr8-4{list-style-type:none}.lst-kix_4gf5g7u72a6u-0>li:before{content:\"\" counter(lst-ctn-kix_4gf5g7u72a6u-0,decimal) \". \"}.lst-kix_4gf5g7u72a6u-2>li:before{content:\"\" counter(lst-ctn-kix_4gf5g7u72a6u-2,lower-roman) \". \"}.lst-kix_aze1lit7vdua-2>li:before{content:\"\" counter(lst-ctn-kix_aze1lit7vdua-2,lower-roman) \". \"}ol.lst-kix_aze1lit7vdua-6{list-style-type:none}ol.lst-kix_7i7v0rvbvmr8-3{list-style-type:none}ol.lst-kix_aze1lit7vdua-1{list-style-type:none}ol.lst-kix_aze1lit7vdua-0{list-style-type:none}li.li-bullet-0:before{margin-left:-18pt;white-space:nowrap;display:inline-block;min-width:18pt}ol.lst-kix_aze1lit7vdua-3{list-style-type:none}ol.lst-kix_7i7v0rvbvmr8-8{list-style-type:none}.lst-kix_4gf5g7u72a6u-1>li:before{content:\"\" counter(lst-ctn-kix_4gf5g7u72a6u-1,lower-latin) \". \"}ol.lst-kix_aze1lit7vdua-2{list-style-type:none}.lst-kix_aze1lit7vdua-3>li:before{content:\"\" counter(lst-ctn-kix_aze1lit7vdua-3,decimal) \". \"}ol.lst-kix_7i7v0rvbvmr8-7{list-style-type:none}.lst-kix_7i7v0rvbvmr8-2>li:before{content:\"\" counter(lst-ctn-kix_7i7v0rvbvmr8-2,lower-roman) \". \"}.lst-kix_7i7v0rvbvmr8-0>li:before{content:\"\" counter(lst-ctn-kix_7i7v0rvbvmr8-0,decimal) \". \"}.lst-kix_7i7v0rvbvmr8-1>li:before{content:\"\" counter(lst-ctn-kix_7i7v0rvbvmr8-1,lower-latin) \". \"}.lst-kix_aze1lit7vdua-0>li:before{content:\"\" counter(lst-ctn-kix_aze1lit7vdua-0,decimal) \". \"}ol.lst-kix_aze1lit7vdua-6.start{counter-reset:lst-ctn-kix_aze1lit7vdua-6 0}ol.lst-kix_7i7v0rvbvmr8-8.start{counter-reset:lst-ctn-kix_7i7v0rvbvmr8-8 0}ol{margin:0;padding:0}table td,table th{padding:0}.c21{border-right-style:solid;padding:5pt 5pt 5pt 5pt;border-bottom-color:#000000;border-top-width:0pt;border-right-width:0pt;border-left-color:#000000;vertical-align:top;border-right-color:#000000;border-left-width:0pt;border-top-style:solid;background-color:#002b36;border-left-style:solid;border-bottom-width:0pt;width:468pt;border-top-color:#000000;border-bottom-style:solid}.c23{-webkit-text-decoration-skip:none;color:#1155cc;font-weight:400;text-decoration:underline;vertical-align:baseline;text-decoration-skip-ink:none;font-size:11pt;font-family:\"Arial\";font-style:normal}.c0{color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:\"Arial\";font-style:normal}.c26{background-color:#282c34;color:#98c379;font-weight:400;text-decoration:none;vertical-align:baseline;font-family:\"Arial\";font-style:normal}.c28{background-color:#282c34;color:#a6b2c0;font-weight:400;text-decoration:none;vertical-align:baseline;font-family:\"Arial\";font-style:normal}.c7{color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:20pt;font-family:\"Arial\";font-style:normal}.c17{color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:8pt;font-family:\"Arial\";font-style:normal}.c9{padding-top:10pt;padding-bottom:0pt;line-height:1.0;orphans:2;widows:2;text-align:left}.c16{padding-top:20pt;padding-bottom:6pt;line-height:1.15;page-break-after:avoid;text-align:left}.c4{padding-top:0pt;padding-bottom:0pt;line-height:1.15;text-align:left}.c24{padding-top:4pt;padding-bottom:0pt;line-height:1.0;text-align:left}.c12{text-decoration:none;vertical-align:baseline;font-size:11pt;font-style:normal}.c2{background-color:#002b36;font-family:\"Consolas\";color:#859900;font-weight:400}.c14{padding-top:10pt;padding-bottom:4pt;line-height:1.0;text-align:left}.c20{background-color:#002b36;font-family:\"Consolas\";color:#dc322f;font-weight:400}.c25{text-decoration-skip-ink:none;-webkit-text-decoration-skip:none;color:#1155cc;text-decoration:underline}.c5{margin-left:36pt;padding-left:0pt;orphans:2;widows:2}.c1{background-color:#002b36;font-family:\"Consolas\";color:#839496;font-weight:400}.c3{background-color:#002b36;font-family:\"Consolas\";color:#2aa198;font-weight:400}.c19{background-color:#002b36;font-family:\"Consolas\";color:#586e75;font-weight:400}.c10{border-spacing:0;border-collapse:collapse;margin-right:auto}.c8{background-color:#002b36;font-family:\"Consolas\";color:#b58900;font-weight:400}.c22{background-color:#ffffff;}.c11{orphans:2;widows:2;height:11pt}.c27{padding:0;margin:0}.c13{orphans:2;widows:2}.c6{color:inherit;text-decoration:inherit}.c15{font-size:10pt}.c18{height:0pt}.title{padding-top:0pt;color:#000000;font-size:26pt;padding-bottom:3pt;font-family:\"Arial\";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}.subtitle{padding-top:0pt;color:#666666;font-size:15pt;padding-bottom:16pt;font-family:\"Arial\";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}li{color:#000000;font-size:11pt;font-family:\"Arial\"}p{margin:0;color:#000000;font-size:11pt;font-family:\"Arial\"}h1{padding-top:20pt;color:#000000;font-size:20pt;padding-bottom:6pt;font-family:\"Arial\";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}h2{padding-top:18pt;color:#000000;font-size:16pt;padding-bottom:6pt;font-family:\"Arial\";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}h3{padding-top:16pt;color:#434343;font-size:14pt;padding-bottom:4pt;font-family:\"Arial\";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}h4{padding-top:14pt;color:#666666;font-size:12pt;padding-bottom:4pt;font-family:\"Arial\";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}h5{padding-top:12pt;color:#666666;font-size:11pt;padding-bottom:4pt;font-family:\"Arial\";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}h6{padding-top:12pt;color:#666666;font-size:11pt;padding-bottom:4pt;font-family:\"Arial\";line-height:1.15;page-break-after:avoid;font-style:italic;orphans:2;widows:2;text-align:left}<\/style><\/head><body class=\"c22 doc-content\"><div><p class=\"c4 c11\"><span class=\"c0\"><\/span><\/p><\/div><p class=\"c4 c11\"><span class=\"c0\"><\/span><\/p><p class=\"c13 c24\"><span class=\"c23\"><a class=\"c6\" href=\"#hsl09pz8g4al6\">1. Getting the space&rsquo;s URL<\/a><\/span><\/p><p class=\"c9\"><span class=\"c23\"><a class=\"c6\" href=\"#hgnwkhfo03n1z\">2. Including Scenario as an iframe<\/a><\/span><\/p><p class=\"c9\"><span class=\"c23\"><a class=\"c6\" href=\"#hdh3kl3pg7lle\">3. Providing a Hyperspace scenario with a user identity<\/a><\/span><\/p><p class=\"c13 c14\"><span class=\"c23\"><a class=\"c6\" href=\"#hl6br4bx7tjhr\">4. Receiving the user&rsquo;s score from Hyperspace Scenario<\/a><\/span><\/p><h1 class=\"c16 c13\" id=\"hsl09pz8g4al6\"><span class=\"c7\">1. Getting the space&rsquo;s URL<\/span><\/h1><p class=\"c4 c13\"><span class=\"c0\">The first step in integrating Scenario into another website is to create the space to be included and grab its spaceId.<\/span><\/p><p class=\"c4 c11\"><span class=\"c0\"><\/span><\/p><ol class=\"c27 lst-kix_aze1lit7vdua-0 start\" start=\"1\"><li class=\"c4 c5 li-bullet-0\"><span>Login to <\/span><span class=\"c25\"><a class=\"c6\" href=\"https:\/\/app.learnbrite.com\/dashboard\">https:\/\/app.learnbrite.com\/dashboard<\/a><\/span><\/li><li class=\"c4 c5 li-bullet-0\"><span class=\"c25\"><a class=\"c6\" href=\"https:\/\/app.learnbrite.com\/dashboard\/spaces\/create\">Create a space<\/a><\/span><span class=\"c0\">. After creating the space, a complete list of them will appear<\/span><\/li><li class=\"c4 c5 li-bullet-0\"><span class=\"c0\">Click on the one to integrate, and a new tab will open with the interactive space<\/span><\/li><li class=\"c4 c5 li-bullet-0\"><span class=\"c0\">Copy the URL of this new tab. It should look similar to<\/span><\/li><\/ol><p class=\"c4 c11\"><span class=\"c0\"><\/span><\/p><a id=\"t.d0f3e7d5d10599ca506d266eb10cb7ebb47c488f\"><\/a><a id=\"t.0\"><\/a><table class=\"c10\"><tr class=\"c18\"><td class=\"c21\" colspan=\"1\" rowspan=\"1\"><p class=\"c4\"><span class=\"c8\">https:\/\/app.learnbrite.com\/dashboard\/spaces\/visit\/spcb09cd094a7c50d0197eb9b<\/span><\/p><\/td><\/tr><\/table><p class=\"c4 c11\"><span class=\"c0\"><\/span><\/p><h1 class=\"c13 c16\" id=\"hgnwkhfo03n1z\"><span class=\"c7\">2. Including Scenario as an iframe<\/span><\/h1><p class=\"c4 c13\"><span class=\"c0\">Due to browser security restrictions, a space that is included in an iframe will not be allowed to use the microphone, camera, and some additional browser features. It is possible to explicitly allow the Scenario to access those features by including some additional attributes in the iframe&rsquo;s code.<\/span><\/p><p class=\"c4 c11\"><span class=\"c0\"><\/span><\/p><a id=\"t.886749519f60df57459a56e74a7d647e6e85cbcf\"><\/a><a id=\"t.1\"><\/a><table class=\"c10\"><tr class=\"c18\"><td class=\"c21\" colspan=\"1\" rowspan=\"1\"><p class=\"c4\"><span class=\"c1\">&lt;iframe src=<\/span><span class=\"c3\">&quot;THE_SPACE_URL&quot;<\/span><span class=\"c1\">&nbsp;allow=<\/span><span class=\"c3\">&quot;xr-spatial-tracking;display-capture;magnetometer;picture-in-picture; wake-lock;screen-wake-lock;vr;geolocation;microphone;camera;midi;encrypted-media;autoplay;fullscreen;gyroscope;accelerometer;&quot;<\/span><span class=\"c1\">&nbsp;id=<\/span><span class=\"c3\">&quot;learnbriteSpaceFrame&quot;<\/span><span class=\"c1\">&nbsp;width=<\/span><span class=\"c3\">&quot;300&quot;<\/span><span class=\"c1\">&nbsp;height=<\/span><span class=\"c3\">&quot;150&quot;<\/span><span class=\"c1\">&nbsp;frameborder=<\/span><span class=\"c3\">&quot;0&quot;<\/span><span class=\"c1\">&nbsp;scrolling=<\/span><span class=\"c3\">&quot;no&quot;<\/span><span class=\"c1\">&nbsp;style=<\/span><span class=\"c3\">&quot;overflow:hidden;border:0;position:absolute;padding:0;margin:0;width:100%;height:100%;z-index:100;&quot;<\/span><span class=\"c1 c12\">&gt;&lt;\/iframe&gt;<\/span><\/p><\/td><\/tr><\/table><p class=\"c4 c11\"><span class=\"c0\"><\/span><\/p><p class=\"c4 c13\"><span class=\"c0\">By swapping THE_SPACE_URL for the URL obtained in step one, the iframe will include the desired space. Any change to the space will of course be reflected in the iframe, so if multiple different versions of the experience need to be created (for instance for slight changes in dialogue, or in the decorations of the scene), it is highly recommended to create a space for each version.<\/span><\/p><h1 class=\"c16 c13\" id=\"hdh3kl3pg7lle\"><span class=\"c7\">3. Providing a Hyperspace scenario with a user identity<\/span><\/h1><p class=\"c4 c13\"><span>Hyperspace Scenarios includes analytics, which are bound to a user identity. The user identity can be provided to the Hyperspace Scenario by calling <\/span><span class=\"c1\">&nbsp;<\/span><span class=\"c8\">postMessage <\/span><span>&nbsp;on its iframe. It is recommended to trigger this when receiving the <\/span><span class=\"c1\">&nbsp;<\/span><span class=\"c8\">SCEN|events_onInitEnd <\/span><span class=\"c0\">&nbsp;message from the iframe itself.<\/span><\/p><p class=\"c4 c11\"><span class=\"c0\"><\/span><\/p><a id=\"t.cb726b8deb39946c07c434f04f904282a876babc\"><\/a><a id=\"t.2\"><\/a><table class=\"c10\"><tr class=\"c18\"><td class=\"c21\" colspan=\"1\" rowspan=\"1\"><p class=\"c4\"><span class=\"c2\">var<\/span><span class=\"c1\">&nbsp;url = location.hostname + location.pathname;<br><\/span><span class=\"c2\">var<\/span><span class=\"c1\">&nbsp;userId = <\/span><span class=\"c3\">&#39;USER_ID&#39;<\/span><span class=\"c1\">;<br><\/span><span class=\"c2\">var<\/span><span class=\"c1\">&nbsp;userName = <\/span><span class=\"c3\">&#39;USER_NAME&#39;<\/span><span class=\"c1\">;<br><\/span><span class=\"c2\">var<\/span><span class=\"c1\">&nbsp;message = <\/span><span class=\"c3\">&#39;LMS|init|&#39;<\/span><span class=\"c1\">&nbsp;+ userId + <\/span><span class=\"c3\">&#39;|&#39;<\/span><span class=\"c1\">&nbsp;+ url;<br>message = userName ? message + <\/span><span class=\"c3\">&#39;|&#39;<\/span><span class=\"c1\">&nbsp;+ userName : message;<br><br><\/span><span class=\"c19\">\/\/ The complete message looks like this:<\/span><span class=\"c1\"><br><\/span><span class=\"c19\">\/\/ &quot;LMS|init|USER_ID|URL|USER_NAME&quot;<\/span><span class=\"c1\"><br>message = <\/span><span class=\"c20\">JSON<\/span><span class=\"c1\">.stringify(data);<br><br><\/span><span class=\"c19\">\/\/ Send data to Scenario. &nbsp; <\/span><span class=\"c1\"><br><\/span><span class=\"c20\">document<\/span><span class=\"c1\">.getElementById(<\/span><span class=\"c3\">&#39;scenarioFrame&#39;<\/span><span class=\"c1\">).contentWindow.postMessage(message, <\/span><span class=\"c3\">&#39;*&#39;<\/span><span class=\"c1\">);<\/span><\/p><\/td><\/tr><\/table><p class=\"c4 c11\"><span class=\"c0\"><\/span><\/p><p class=\"c4 c13\"><span class=\"c0\">Nothing else is required to initialize user tracking in the Scenario &#8211; it will generate a deterministic ID for the user based on the information provided.<\/span><\/p><h1 class=\"c16 c13\" id=\"hl6br4bx7tjhr\"><span class=\"c7\">4. Receiving the user&rsquo;s score from Hyperspace Scenario<\/span><\/h1><p class=\"c4 c13\"><span class=\"c0\">It is often useful to store the score of the user in a particular Scenario within an external system (for instance in an LMS). While this is often done through SCORM or LTI, both of which are compatible with Scenario, this can also be implemented on other systems.<\/span><\/p><p class=\"c4 c11\"><span class=\"c0\"><\/span><\/p><p class=\"c4 c13\"><span class=\"c0\">First, the score must be submitted within Scenario by using<\/span><\/p><a id=\"t.afc20a880326ac23bc873be5433c1a4f5eebe93b\"><\/a><a id=\"t.3\"><\/a><table class=\"c10\"><tr class=\"c18\"><td class=\"c21\" colspan=\"1\" rowspan=\"1\"><p class=\"c4\"><span class=\"c1 c15\">LB.Lms.submitScore(USER_SCORE) <\/span><\/p><\/td><\/tr><\/table><p class=\"c4 c11\"><span class=\"c0\"><\/span><\/p><p class=\"c4 c13\"><span class=\"c0\">Where USER_SCORE is a number representing the user&rsquo;s score.<\/span><\/p><p class=\"c4 c11\"><span class=\"c0\"><\/span><\/p><p class=\"c4 c13\"><span class=\"c0\">This is fundamental as it will also trigger a postMessage (sent to Scenario&rsquo;s container\/parent of the iframe), where the content of the message is<\/span><\/p><a id=\"t.b1b13063462835a7de3b0e1d57f5b483fb8569c6\"><\/a><a id=\"t.4\"><\/a><table class=\"c10\"><tr class=\"c18\"><td class=\"c21\" colspan=\"1\" rowspan=\"1\"><p class=\"c4\"><span class=\"c1 c15\">SCEN|ScormScore|USER_SCORE<\/span><\/p><\/td><\/tr><\/table><p class=\"c4 c11\"><span class=\"c0\"><\/span><\/p><p class=\"c4 c13\"><span>By listening to this message from Scenario&rsquo;s iframe, it is then possible to extract the user&rsquo;s score and save it in the system as desired.<\/span><\/p><div><p class=\"c4 c11\"><span class=\"c17\"><\/span><\/p><\/div><\/body><\/html>","protected":false},"excerpt":{"rendered":"1. Getting the space&rsquo;s URL2. Including Scenario as an iframe3. Providing a Hyperspace scenario with a user identity4. Receiving the user&rsquo;s score from Hyperspace Scenario1. Getting the space&rsquo;s URLThe first step in integrating Scenario into another website is to create the space to be included and grab its spaceId.Login to https:\/\/app.learnbrite.com\/dashboardCreate a space. After creating [&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-2526","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>Integrating Scenario in other applications (without SCORM or LTI)<\/title>\n<meta name=\"description\" content=\"Integrating Scenario in other applications (without SCORM or LTI)\" \/>\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\/integrating-scenario-in-other-applications-without-scorm-or-lti\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Integrating Scenario in other applications (without SCORM or LTI)\" \/>\n<meta property=\"og:description\" content=\"Integrating Scenario in other applications (without SCORM or LTI)\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hyperspace.mv\/academy\/integrating-scenario-in-other-applications-without-scorm-or-lti\/\" \/>\n<meta property=\"og:site_name\" content=\"Metaverse Academy\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-21T09:45:57+00:00\" \/>\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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hyperspace.mv\/academy\/integrating-scenario-in-other-applications-without-scorm-or-lti\/\",\"url\":\"https:\/\/hyperspace.mv\/academy\/integrating-scenario-in-other-applications-without-scorm-or-lti\/\",\"name\":\"Integrating Scenario in other applications (without SCORM or LTI)\",\"isPartOf\":{\"@id\":\"https:\/\/hyperspace.mv\/academy\/#website\"},\"datePublished\":\"2019-08-21T10:28:55+00:00\",\"dateModified\":\"2023-02-21T09:45:57+00:00\",\"description\":\"Integrating Scenario in other applications (without SCORM or LTI)\",\"breadcrumb\":{\"@id\":\"https:\/\/hyperspace.mv\/academy\/integrating-scenario-in-other-applications-without-scorm-or-lti\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hyperspace.mv\/academy\/integrating-scenario-in-other-applications-without-scorm-or-lti\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hyperspace.mv\/academy\/integrating-scenario-in-other-applications-without-scorm-or-lti\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hyperspace.mv\/academy\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Integrating Scenario in other applications (without SCORM or LTI)\"}]},{\"@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":"Integrating Scenario in other applications (without SCORM or LTI)","description":"Integrating Scenario in other applications (without SCORM or LTI)","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\/integrating-scenario-in-other-applications-without-scorm-or-lti\/","og_locale":"en_US","og_type":"article","og_title":"Integrating Scenario in other applications (without SCORM or LTI)","og_description":"Integrating Scenario in other applications (without SCORM or LTI)","og_url":"https:\/\/hyperspace.mv\/academy\/integrating-scenario-in-other-applications-without-scorm-or-lti\/","og_site_name":"Metaverse Academy","article_modified_time":"2023-02-21T09:45:57+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hyperspace.mv\/academy\/integrating-scenario-in-other-applications-without-scorm-or-lti\/","url":"https:\/\/hyperspace.mv\/academy\/integrating-scenario-in-other-applications-without-scorm-or-lti\/","name":"Integrating Scenario in other applications (without SCORM or LTI)","isPartOf":{"@id":"https:\/\/hyperspace.mv\/academy\/#website"},"datePublished":"2019-08-21T10:28:55+00:00","dateModified":"2023-02-21T09:45:57+00:00","description":"Integrating Scenario in other applications (without SCORM or LTI)","breadcrumb":{"@id":"https:\/\/hyperspace.mv\/academy\/integrating-scenario-in-other-applications-without-scorm-or-lti\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hyperspace.mv\/academy\/integrating-scenario-in-other-applications-without-scorm-or-lti\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/hyperspace.mv\/academy\/integrating-scenario-in-other-applications-without-scorm-or-lti\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hyperspace.mv\/academy\/"},{"@type":"ListItem","position":2,"name":"Integrating Scenario in other applications (without SCORM or LTI)"}]},{"@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\/2526","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=2526"}],"version-history":[{"count":5,"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/pages\/2526\/revisions"}],"predecessor-version":[{"id":4554,"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/pages\/2526\/revisions\/4554"}],"wp:attachment":[{"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/media?parent=2526"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}