{"id":3186,"date":"2020-06-23T07:34:00","date_gmt":"2020-06-23T07:34:00","guid":{"rendered":"https:\/\/learnbrite.com\/academy\/facebook-witai\/"},"modified":"2024-06-18T00:42:29","modified_gmt":"2024-06-18T00:42:29","slug":"facebook-witai","status":"publish","type":"page","link":"https:\/\/hyperspace.mv\/academy\/facebook-witai\/","title":{"rendered":"Facebook wit.ai"},"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=cGvuclDC_Z1vE_cnVEU6Ae_NZQ7StBcqH_vXVqoPMX0);ol{margin:0;padding:0}table td,table th{padding:0}.c2{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:#f0f0f0;border-left-style:solid;border-bottom-width:0pt;width:468pt;border-top-color:#000000;border-bottom-style:solid}.c5{-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}.c4{background-color:#f0f0f0;color:#434343;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:\"Consolas\";font-style:normal}.c20{margin-left:18pt;padding-top:3pt;padding-bottom:0pt;line-height:1.0;orphans:2;widows:2;text-align:left}.c16{color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:16pt;font-family:\"Arial\";font-style:normal}.c26{padding-top:20pt;padding-bottom:6pt;line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}.c15{color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:\"Arial\";font-style:normal}.c12{padding-top:18pt;padding-bottom:6pt;line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}.c32{margin-left:18pt;padding-top:3pt;padding-bottom:4pt;line-height:1.0;orphans:2;widows:2;text-align:left}.c23{color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:20pt;font-family:\"Arial\";font-style:normal}.c33{padding-top:4pt;padding-bottom:0pt;line-height:1.0;orphans:2;widows:2;text-align:left}.c29{color:#000000;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:\"Arial\";font-style:normal}.c0{padding-top:0pt;padding-bottom:0pt;line-height:1.15;orphans:2;widows:2;text-align:left}.c27{padding-top:10pt;padding-bottom:0pt;line-height:1.0;orphans:2;widows:2;text-align:left}.c6{background-color:#f0f0f0;font-family:\"Consolas\";color:#880000;font-weight:400}.c3{background-color:#f0f0f0;font-family:\"Consolas\";color:#444444;font-weight:400}.c31{text-decoration-skip-ink:none;-webkit-text-decoration-skip:none;color:#1155cc;text-decoration:underline}.c21{background-color:#f0f0f0;font-family:\"Consolas\";color:#bc6060;font-weight:400}.c8{background-color:#f0f0f0;font-family:\"Consolas\";color:#78a960;font-weight:400}.c25{padding-top:0pt;padding-bottom:0pt;line-height:1.15;text-align:left}.c10{border-spacing:0;border-collapse:collapse;margin-right:auto}.c9{background-color:#f0f0f0;font-family:\"Consolas\";color:#888888;font-weight:400}.c17{background-color:#f0f0f0;font-family:\"Consolas\";color:#397300;font-weight:400}.c7{background-color:#f0f0f0;font-family:\"Consolas\";font-weight:700}.c24{background-color:#ffffff;}.c19{color:inherit;text-decoration:inherit}.c30{font-weight:400;font-family:\"Consolas\"}.c13{font-weight:700;font-family:\"Consolas\"}.c22{background-color:#f0f0f0;font-weight:700}.c14{height:0pt}.c11{color:#880000}.c18{color:#444444}.c1{height:11pt}.c28{font-weight:700}.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=\"c24 doc-content\"><p class=\"c0\"><span class=\"c15\">Create conversational experiences with characters, bots and avatars in VR \/ AR \/ 3D \/ 360 across devices and platforms with wit.ai and LearnBrite. Have fun!<\/span><\/p><p class=\"c0 c1\"><span class=\"c15\"><\/span><\/p><p class=\"c0\"><span class=\"c28 c29\">Jump to:<\/span><\/p><p class=\"c33\"><span class=\"c5\"><a class=\"c19\" href=\"#hf7rmlt72vnk7\">Wit.ai \/ LearnBrite Character Conversational Experiences<\/a><\/span><\/p><p class=\"c27\"><span class=\"c5\"><a class=\"c19\" href=\"#hfsct1cyiouq6\">Before you start (requirements)<\/a><\/span><\/p><p class=\"c27\"><span class=\"c5\"><a class=\"c19\" href=\"#hafl9j09l834p\">Setting up the 3D environment<\/a><\/span><\/p><p class=\"c20\"><span class=\"c5\"><a class=\"c19\" href=\"#hhk5tez86qlnq\">Create a Space<\/a><\/span><\/p><p class=\"c20\"><span class=\"c5\"><a class=\"c19\" href=\"#hdwrvj06z5gex\">Enable Speech<\/a><\/span><\/p><p class=\"c20\"><span class=\"c5\"><a class=\"c19\" href=\"#hcpob9vaurm2l\">Request activation of wit.ai for your space<\/a><\/span><\/p><p class=\"c32\"><span class=\"c5\"><a class=\"c19\" href=\"#hkbgiyfeqt6on\">You&rsquo;re done!<\/a><\/span><\/p><h1 class=\"c26\" id=\"hf7rmlt72vnk7\"><span class=\"c23\">Wit.ai \/ LearnBrite Character Conversational Experiences<\/span><\/h1><p class=\"c0\"><span>Wit.ai<\/span><span class=\"c15\">, combined with LearnBrite, can build fully autonomous AI driven avatars. Build a sales bot, advice bot, info bot or companion bot. Connect your wit.ai agent to a LearnBrite avatar and begin talking to it. Just follow this tutorial. A little Javascript knowledge is handy.<\/span><\/p><h1 class=\"c26\" id=\"hfsct1cyiouq6\"><span class=\"c23\">Before you start (requirements)<\/span><\/h1><p class=\"c0\"><span>This tutorial explains hooking a wit.ai bot to LearnBrite. It assumes you have already created a wit.ai agent and have an available wit.ai Server Access Token. This can be found within settings of your wit.ai app, please copy and add your wit app server access token whenever you see &ldquo;<\/span><span class=\"c13\">YOUR_WIT_SERVER_ACCESS_TOKEN<\/span><span class=\"c15\">&rdquo; in the example code.<\/span><\/p><p class=\"c0 c1\"><span class=\"c15\"><\/span><\/p><p class=\"c0\"><span class=\"c15\">This tutorial assumes you are familiar with wit.ai and javascript. You are required to build a small custom code file that works with your wit app. This file will need to be supplied to LearnBrite support and attached to an available space.<\/span><\/p><p class=\"c0 c1\"><span class=\"c15\"><\/span><\/p><p class=\"c0\"><span>Visit <\/span><span class=\"c31\"><a class=\"c19\" href=\"https:\/\/wit.ai\">https:\/\/wit.ai<\/a><\/span><\/p><h1 class=\"c26\" id=\"hafl9j09l834p\"><span class=\"c23\">Setting up the 3D environment<\/span><\/h1><h2 class=\"c12\" id=\"hhk5tez86qlnq\"><span class=\"c16\">Create a Space<\/span><\/h2><p class=\"c0\"><span style=\"overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 624.00px; height: 457.33px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/lh7-us.googleusercontent.com\/r9aUVSE3eddo3kdU-LyHo-dwlSssb2Q2lOfChMKKvDBf79T8tG31IyJZwtYXLFHoIAG7o-v0S9p6ndyeHA9kl3cq7_gAJNZmGgyGf0Ur9Gco9rv5S3QNQ-wHt4M7XjoQ5MK5rtJS8wl8E-o\" style=\"width: 624.00px; height: 457.33px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);\" title=\"\"><\/span><\/p><h2 class=\"c12\" id=\"hdwrvj06z5gex\"><span class=\"c16\">Enable Speech<\/span><\/h2><p class=\"c0\"><span style=\"overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 624.00px; height: 348.00px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/lh7-us.googleusercontent.com\/lAaWGkVz2BXQa_MPcuVe3EfVMFjXUQYw8cbnH3u9rnZ0EIEnERfRAF7DVVQ_YrcDwlAfCoEEVqUd03sKwpSYEBAyonvuDsFA70YL0tFmoVEOToVk4fErGyRjlGdAAT9pksUugxraPJv0EU8\" style=\"width: 624.00px; height: 348.00px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);\" title=\"\"><\/span><\/p><p class=\"c0 c1\"><span class=\"c15\"><\/span><\/p><p class=\"c0\"><span style=\"overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 624.00px; height: 348.00px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/lh7-us.googleusercontent.com\/tEsGowxKLz2pLwNA3FjFg6CL6t_Pr46uFtCelx8Ug8jbHxhjZxXGI6s5kwTCEj1W2AHPGAcedZTLERRU1i1OXXDnd-ejwcP2nJMGuAQCuZnSY8x9Oj07LmM_YYeT_sJmDmivhHsc0u2plpc\" style=\"width: 624.00px; height: 348.00px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);\" title=\"\"><\/span><\/p><p class=\"c0 c1\"><span class=\"c15\"><\/span><\/p><p class=\"c0 c1\"><span class=\"c15\"><\/span><\/p><p class=\"c0 c1\"><span class=\"c15\"><\/span><\/p><p class=\"c0\"><span class=\"c16\">Add Bot to Space<\/span><\/p><p class=\"c0\"><span style=\"overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 624.00px; height: 348.00px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/lh7-us.googleusercontent.com\/yVxn5Q5UqyAa_XMmsPjub2IZEj_C8KkoeXLacY_gg7QITptYizHSodWmCtql8Ewff_Zf76hvoGneflKEwnnZojcyv4sicfgUeNxyNX0WZ4b0horrpEfAfPMPeGdaXpUCPVYmmSmw3NIjDNI\" style=\"width: 624.00px; height: 348.00px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);\" title=\"\"><\/span><\/p><p class=\"c0 c1\"><span class=\"c15\"><\/span><\/p><p class=\"c0\"><span style=\"overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 624.00px; height: 348.00px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/lh7-us.googleusercontent.com\/zrdFgyQ2O1V49xcyL84dT0iWwuvAJWSXJ6IO-ETQx8nt6ypAMszMlVLHyrCWn8zLmP_p2fIfVgbXlA-X6jlbr7WhHCB9r_HkxMi8giTrWk-wzEBva7IT3IA_NvcU1vqwdipPWfNyG5k_SKM\" style=\"width: 624.00px; height: 348.00px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);\" title=\"\"><\/span><\/p><p class=\"c0\"><span style=\"overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 624.00px; height: 348.00px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/lh7-us.googleusercontent.com\/5HpIIX-cWt_Jra6nPAASNrI_Ax-8_02LdTesAI4lgX4FTLxHADxevdbjz1I5XVuLhaW1_fWbtTxhJv42GkODLeQWy1xIIs9pTBmt9LQnaJSjNq7N42R5I-YdjxjuQnGqIREwjIB4r51_1eI\" style=\"width: 624.00px; height: 348.00px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);\" title=\"\"><\/span><\/p><p class=\"c0 c1\"><span class=\"c15\"><\/span><\/p><p class=\"c0\"><span class=\"c15\">Click the cog\/settings icon above the bot. Copy the avatar_externalid and save it . This will later be added to &nbsp;&ldquo;YOUR_AVATAR_EXTERNAL_ID&rdquo; code snippet. Close the window.<\/span><\/p><p class=\"c0 c1\"><span class=\"c15\"><\/span><\/p><p class=\"c0\"><span style=\"overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 430.54px; height: 419.50px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/lh7-us.googleusercontent.com\/tLvXt2BfJqT165P6cg5Bknd59_pAMoLHBJwN-yydZBDOcTLL3pdio-5S98GHKXkgjouLYqpmkv0kJLOSWEYdWxaJfy1gVBkbYdAQ-6Z8J8zA9kES01pQkCRZOR_jqhZNswUjZximC3TaWu8\" style=\"width: 430.54px; height: 419.50px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);\" title=\"\"><\/span><\/p><p class=\"c0\"><span class=\"c15\">Click the conversation icon above the bot<\/span><\/p><p class=\"c0\"><span style=\"overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 624.00px; height: 400.00px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/lh7-us.googleusercontent.com\/qqCVYlwFilBOJTCW1e4gMfm3zBerrWAyJ651nDTUnBfjviFWp3iZynkrRYd30gk3y5xjQKCcKDLZgNWVss8Zn76fUwswaJrNHP8VnsVLSUYRVnIr8h8JPXFvMH_vYcOIGUEmnXMe6192CYk\" style=\"width: 624.00px; height: 400.00px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);\" title=\"\"><\/span><\/p><p class=\"c0\"><span class=\"c15\">The conversation editor will appear. Click the More button near the bottom, choose the Script action under General.<\/span><\/p><p class=\"c0 c1\"><span class=\"c15\"><\/span><\/p><p class=\"c0 c1\"><span class=\"c15\"><\/span><\/p><p class=\"c0\"><span style=\"overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 624.00px; height: 400.00px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/lh7-us.googleusercontent.com\/ZszET9BCz1LGOCajdomAvgZ0-6Hd_JS623G-p_D0O2TeasCzX-_yFH4fHKAUzZXYVw0S2RSSd6giPxC2qfw3vby-9QOg390piTOkWr50sQ-pWEAD7RU0Kj0AZ8VAEB1K_7SnxjyHhWWS8kk\" style=\"width: 624.00px; height: 400.00px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);\" title=\"\"><\/span><\/p><p class=\"c0 c1\"><span class=\"c15\"><\/span><\/p><p class=\"c0\"><span class=\"c15\">Paste the following code in the Script field (adjusting to match your avatar_externalid)<\/span><\/p><p class=\"c0 c1\"><span class=\"c15\"><\/span><\/p><a id=\"t.3717ecfb404f651eb1916b92751421e29d9359ca\"><\/a><a id=\"t.0\"><\/a><table class=\"c10\"><tr class=\"c14\"><td class=\"c2\" colspan=\"1\" rowspan=\"1\"><p class=\"c25\"><span class=\"c3\">LB.Actions.pauseDialog({executedFromEA:<\/span><span class=\"c8\">true<\/span><span class=\"c3\">});setTimeout(<\/span><span class=\"c7 c18\">function<\/span><span class=\"c3\">(){LB.uiController.choices.<\/span><span class=\"c17\">create<\/span><span class=\"c3\">([{id:<\/span><span class=\"c6\">0<\/span><span class=\"c3\">,text:<\/span><span class=\"c6\">&quot;Cancel&quot;<\/span><span class=\"c3\">}],<\/span><span class=\"c6\">&quot;Speak now&quot;<\/span><span class=\"c3\">, <\/span><span class=\"c7 c18\">function<\/span><span class=\"c3\">(){LB.uiController.choices.<\/span><span class=\"c17\">remove<\/span><span class=\"c3\">();});<br>LB.cmPlayer.speechRecognition.srStart_listenForCommand(<\/span><span class=\"c7 c18\">function<\/span><span class=\"c3\">(data){LB.uiController.choices.<\/span><span class=\"c17\">remove<\/span><span class=\"c3\">();startWit(data.results[<\/span><span class=\"c6\">0<\/span><span class=\"c3\">][<\/span><span class=\"c6\">0<\/span><span class=\"c3\">].transcript, <\/span><span class=\"c7 c11\">&#39;<\/span><span class=\"c22\">YOUR_AVATAR_EXTERNAL_ID<\/span><span class=\"c7 c11\">&#39;<\/span><span class=\"c3\">,<\/span><span class=\"c7 c11\">&#39;<\/span><span class=\"c22\">YOUR_WIT_SERVER_ACCESS_TOKEN<\/span><span class=\"c7 c11\">&#39;<\/span><span class=\"c3\">&nbsp;);});},<\/span><span class=\"c6\">100<\/span><span class=\"c3\">);<\/span><\/p><\/td><\/tr><\/table><p class=\"c0 c1\"><span class=\"c15\"><\/span><\/p><p class=\"c0 c1\"><span class=\"c15\"><\/span><\/p><p class=\"c0\"><span style=\"overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 624.00px; height: 400.00px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/lh7-us.googleusercontent.com\/vYJEHaZwn8RZtioKcV1pUlNjncLmeVRNGeZ9WMH42r0c50wgJMAz-EzDTA1ZVN2EWbuQs0coa_842WH2yujOyIOjiPhowCmGMe1NsgR4yT3TCm6rpD-vX2DMiIgwbD5SQgkRJNJse4ZCzzk\" style=\"width: 624.00px; height: 400.00px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);\" title=\"\"><\/span><\/p><p class=\"c0\"><span class=\"c15\">Click the Add action button and Save button.<\/span><\/p><p class=\"c0\"><span class=\"c28\">NOTE<\/span><span class=\"c15\">: Remove any other action in your conversion path except the script action.<\/span><\/p><p class=\"c0 c1\"><span class=\"c15\"><\/span><\/p><h2 class=\"c12\" id=\"hcpob9vaurm2l\"><span class=\"c16\">Request activation of wit.ai for your space<\/span><\/h2><p class=\"c0\"><span class=\"c15\">Contact LearnBrite support providing the URL to your space requesting for a custom wit.ai javascript file to be added. Below is a javascript template you can use to begin processing wit.ai requests and responses. <\/span><\/p><p class=\"c0 c1\"><span class=\"c15\"><\/span><\/p><a id=\"t.f444f7c06f5a1040f0c1a800168dce3c3f16af4d\"><\/a><a id=\"t.1\"><\/a><table class=\"c10\"><tr class=\"c14\"><td class=\"c2\" colspan=\"1\" rowspan=\"1\"><p class=\"c25\"><span class=\"c3\">https:<\/span><span class=\"c9\">\/\/cache.learnbrite.com\/_assets_\/partners\/witai\/witai.js<\/span><\/p><\/td><\/tr><\/table><p class=\"c0 c1\"><span class=\"c15\"><\/span><\/p><a id=\"t.6d8eb8336aa4a6df50696718955f0c4f53dca523\"><\/a><a id=\"t.2\"><\/a><table class=\"c10\"><tr class=\"c14\"><td class=\"c2\" colspan=\"1\" rowspan=\"1\"><p class=\"c25\"><span class=\"c7 c18\">function<\/span><span class=\"c3\">&nbsp;<\/span><span class=\"c7 c11\">startWit<\/span><span class=\"c3\">(data, avatarExternalId, witServerToken) {<br> &nbsp; &nbsp;<\/span><span class=\"c7 c18\">if<\/span><span class=\"c3\">(data !== <\/span><span class=\"c8\">null<\/span><span class=\"c3\">&nbsp;&amp;&amp; data != <\/span><span class=\"c6\">&quot;&quot;<\/span><span class=\"c3\">) {<br> &nbsp; &nbsp; &nbsp; &nbsp;witRequest(data, avatarExternalId, witServerToken);<br> &nbsp; &nbsp;} <\/span><span class=\"c7 c18\">else<\/span><span class=\"c3\">&nbsp;{<br> &nbsp; &nbsp; &nbsp; &nbsp;playNode(avatarExternalId, <\/span><span class=\"c6\">&quot;Sorry, I couldn&#39;t not hear you. Please check your microphone&quot;<\/span><span class=\"c3\">);<br> &nbsp; &nbsp;}<br>}<br><br><\/span><span class=\"c7 c18\">function<\/span><span class=\"c3\">&nbsp;<\/span><span class=\"c7 c11\">witRequest<\/span><span class=\"c3\">(msg, avatarExternalId, witServerToken) {<br> &nbsp; &nbsp;<\/span><span class=\"c7 c18\">let<\/span><span class=\"c3\">&nbsp;q = <\/span><span class=\"c17\">encodeURIComponent<\/span><span class=\"c3\">(msg);<br> &nbsp; &nbsp;<\/span><span class=\"c7 c18\">let<\/span><span class=\"c3\">&nbsp;uri = <\/span><span class=\"c6\">&#39;https:\/\/api.wit.ai\/message?q=&#39;<\/span><span class=\"c3\">&nbsp;+ q;<br> &nbsp; &nbsp;<\/span><span class=\"c7 c18\">let<\/span><span class=\"c3\">&nbsp;auth = <\/span><span class=\"c6\">&#39;Bearer &#39;<\/span><span class=\"c3\">&nbsp;+ witServerToken;<br><br> &nbsp; &nbsp;fetch(uri, {headers: {Authorization: auth}})<br> &nbsp; &nbsp; &nbsp; &nbsp;.then(res =&gt; res.json())<br> &nbsp; &nbsp; &nbsp; &nbsp;.then(res =&gt; processWitResponse(res, avatarExternalId));<br>}<br><br><\/span><span class=\"c7 c18\">function<\/span><span class=\"c3\">&nbsp;<\/span><span class=\"c7 c11\">processWitResponse<\/span><span class=\"c3\">(witdata, avatarExternalId) {<br> &nbsp; &nbsp;<\/span><span class=\"c7 c18\">if<\/span><span class=\"c3\">(witdata.intents != <\/span><span class=\"c8\">null<\/span><span class=\"c3\">) {<br><\/span><span class=\"c7\">&nbsp; &nbsp; &nbsp; &nbsp; <\/span><span class=\"c7\">\/\/ ADD CUSTOM CODE HERE<\/span><span class=\"c7\"><br> &nbsp; &nbsp; &nbsp; &nbsp;<\/span><span class=\"c7\">\/\/ Call the following function to send reply to bot:<\/span><span class=\"c7\"><br> &nbsp; &nbsp; &nbsp; &nbsp;<\/span><span class=\"c7\">\/\/ botTalk(&quot;WIT_REPLY&quot;, avatarExternalId);<\/span><span class=\"c3\"><br> &nbsp; &nbsp;}<br>}<br><br><\/span><span class=\"c7 c18\">function<\/span><span class=\"c3\">&nbsp;<\/span><span class=\"c7 c11\">botTalk<\/span><span class=\"c3\">(reply, avatarExternalId) {<br> &nbsp; &nbsp;playNode(avatarExternalId, reply);<br>}<br><br><\/span><span class=\"c7 c18\">function<\/span><span class=\"c3\">&nbsp;<\/span><span class=\"c7 c11\">playNode<\/span><span class=\"c3\">(avatarExternalId, text) {<br> &nbsp; &nbsp;LB.Actions.setUserVariable({ name: <\/span><span class=\"c6\">&quot;Wit_LastReply&quot;<\/span><span class=\"c3\">, value: text });<br> &nbsp; &nbsp;LB.Actions.resumeDialog({immediate: <\/span><span class=\"c8\">true<\/span><span class=\"c3\">});<br> &nbsp; &nbsp;LB.Actions.playCustomNode({<br> &nbsp; &nbsp; &nbsp; &nbsp;externalId: avatarExternalId,<br> &nbsp; &nbsp; &nbsp; &nbsp;text: text,<br> &nbsp; &nbsp; &nbsp; &nbsp;getIntoCMMode: <\/span><span class=\"c8\">true<\/span><span class=\"c3\">,<br> &nbsp; &nbsp; &nbsp; &nbsp;avatar_shot: <\/span><span class=\"c6\">&quot;XLS&quot;<\/span><span class=\"c3\">,<br> &nbsp; &nbsp;});<br>}<\/span><\/p><\/td><\/tr><\/table><p class=\"c0 c1\"><span class=\"c15\"><\/span><\/p><p class=\"c0\"><span>The text of the last reply from wit.ai is also stored in a variable called <\/span><span class=\"c30\">Wit_LastReply<\/span><span class=\"c15\">. This variable is available across the various access methods, e.g.<\/span><\/p><a id=\"t.86e9b231dcc89e6936f77b8e730200e507fa34df\"><\/a><a id=\"t.3\"><\/a><table class=\"c10\"><tr class=\"c14\"><td class=\"c2\" colspan=\"1\" rowspan=\"1\"><p class=\"c25\"><span class=\"c9\">\/\/ In a script<\/span><span class=\"c3\"><br>LB.Actions.displayNotification({<br><\/span><span class=\"c21\">&nbsp; message:<\/span><span class=\"c3\">&nbsp;LB.Actions.getUserVariable({ name: <\/span><span class=\"c6\">&quot;Wit_LastReply&quot;<\/span><span class=\"c3\">&nbsp;}),<br><\/span><span class=\"c21\">&nbsp; type:<\/span><span class=\"c3\">&nbsp;<\/span><span class=\"c6\">&quot;warning&quot;<\/span><span class=\"c3\">,<br>});<br><br><\/span><span class=\"c9\">\/\/ In a ChatMapper script<\/span><span class=\"c3\"><br>LB.Actions.displayNotification({<br><\/span><span class=\"c21\">&nbsp; message:<\/span><span class=\"c3\">&nbsp;Variable[<\/span><span class=\"c6\">&quot;Wit_LastReply&quot;<\/span><span class=\"c3\">],<br><\/span><span class=\"c21\">&nbsp; type:<\/span><span class=\"c3\">&nbsp;<\/span><span class=\"c6\">&quot;warning&quot;<\/span><span class=\"c3\">,<br>});<br><br><\/span><span class=\"c9\">\/\/ In the text of a ChatMapper DialogNode<\/span><span class=\"c3\"><br><\/span><span class=\"c4\">I&#39;m a bot and the answer is [var=Wit_LastReply]<\/span><\/p><\/td><\/tr><\/table><p class=\"c0 c1\"><span class=\"c15\"><\/span><\/p><h2 class=\"c12\" id=\"hkbgiyfeqt6on\"><span class=\"c16\">You&rsquo;re done!<\/span><\/h2><p class=\"c0\"><span class=\"c15\">Once support has added the script you can then open your space, click your bot and talk to it. Your bot will respond however you built your wit.ai assistant and custom code. Have fun! <\/span><\/p><p class=\"c0 c1\"><span class=\"c15\"><\/span><\/p><\/body><\/html>","protected":false},"excerpt":{"rendered":"Create conversational experiences with characters, bots and avatars in VR \/ AR \/ 3D \/ 360 across devices and platforms with wit.ai and LearnBrite. Have fun!Jump to:Wit.ai \/ LearnBrite Character Conversational ExperiencesBefore you start (requirements)Setting up the 3D environmentCreate a SpaceEnable SpeechRequest activation of wit.ai for your spaceYou&rsquo;re done!Wit.ai \/ LearnBrite Character Conversational ExperiencesWit.ai, combined [&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-3186","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Facebook wit.ai<\/title>\n<meta name=\"description\" content=\"Learn how to use Facebook wit.ai in Hyperspace, with practical steps for configuring interactive immersive learning experiences.\" \/>\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\/facebook-witai\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Facebook wit.ai\" \/>\n<meta property=\"og:description\" content=\"Learn how to use Facebook wit.ai in Hyperspace, with practical steps for configuring interactive immersive learning experiences.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hyperspace.mv\/academy\/facebook-witai\/\" \/>\n<meta property=\"og:site_name\" content=\"Metaverse Academy\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/people\/Hyperspacemv-Metaverse-For-Business\/61571016491364\/\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-18T00:42:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lh7-us.googleusercontent.com\/r9aUVSE3eddo3kdU-LyHo-dwlSssb2Q2lOfChMKKvDBf79T8tG31IyJZwtYXLFHoIAG7o-v0S9p6ndyeHA9kl3cq7_gAJNZmGgyGf0Ur9Gco9rv5S3QNQ-wHt4M7XjoQ5MK5rtJS8wl8E-o\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@learnbrite\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hyperspace.mv\\\/academy\\\/facebook-witai\\\/\",\"url\":\"https:\\\/\\\/hyperspace.mv\\\/academy\\\/facebook-witai\\\/\",\"name\":\"Facebook wit.ai\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hyperspace.mv\\\/academy\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/hyperspace.mv\\\/academy\\\/facebook-witai\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/hyperspace.mv\\\/academy\\\/facebook-witai\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/lh7-us.googleusercontent.com\\\/r9aUVSE3eddo3kdU-LyHo-dwlSssb2Q2lOfChMKKvDBf79T8tG31IyJZwtYXLFHoIAG7o-v0S9p6ndyeHA9kl3cq7_gAJNZmGgyGf0Ur9Gco9rv5S3QNQ-wHt4M7XjoQ5MK5rtJS8wl8E-o\",\"datePublished\":\"2020-06-23T07:34:00+00:00\",\"dateModified\":\"2024-06-18T00:42:29+00:00\",\"description\":\"Learn how to use Facebook wit.ai in Hyperspace, with practical steps for configuring interactive immersive learning experiences.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hyperspace.mv\\\/academy\\\/facebook-witai\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hyperspace.mv\\\/academy\\\/facebook-witai\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/hyperspace.mv\\\/academy\\\/facebook-witai\\\/#primaryimage\",\"url\":\"https:\\\/\\\/lh7-us.googleusercontent.com\\\/r9aUVSE3eddo3kdU-LyHo-dwlSssb2Q2lOfChMKKvDBf79T8tG31IyJZwtYXLFHoIAG7o-v0S9p6ndyeHA9kl3cq7_gAJNZmGgyGf0Ur9Gco9rv5S3QNQ-wHt4M7XjoQ5MK5rtJS8wl8E-o\",\"contentUrl\":\"https:\\\/\\\/lh7-us.googleusercontent.com\\\/r9aUVSE3eddo3kdU-LyHo-dwlSssb2Q2lOfChMKKvDBf79T8tG31IyJZwtYXLFHoIAG7o-v0S9p6ndyeHA9kl3cq7_gAJNZmGgyGf0Ur9Gco9rv5S3QNQ-wHt4M7XjoQ5MK5rtJS8wl8E-o\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hyperspace.mv\\\/academy\\\/facebook-witai\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/hyperspace.mv\\\/academy\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Facebook wit.ai\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hyperspace.mv\\\/academy\\\/#website\",\"url\":\"https:\\\/\\\/hyperspace.mv\\\/academy\\\/\",\"name\":\"Hyperspace Academy\",\"description\":\"Learn to build WebXR metaverse experiences for 3D, 360, VR\\\/AR\",\"publisher\":{\"@id\":\"https:\\\/\\\/hyperspace.mv\\\/academy\\\/#organization\"},\"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\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/hyperspace.mv\\\/academy\\\/#organization\",\"name\":\"Hyperspace Academy\",\"url\":\"https:\\\/\\\/hyperspace.mv\\\/academy\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/hyperspace.mv\\\/academy\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/hyperspace.mv\\\/academy\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/Hyperspace-academy-logo-0.75x-white.png\",\"contentUrl\":\"https:\\\/\\\/hyperspace.mv\\\/academy\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/Hyperspace-academy-logo-0.75x-white.png\",\"width\":225,\"height\":42,\"caption\":\"Hyperspace Academy\"},\"image\":{\"@id\":\"https:\\\/\\\/hyperspace.mv\\\/academy\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/people\\\/Hyperspacemv-Metaverse-For-Business\\\/61571016491364\\\/\",\"https:\\\/\\\/x.com\\\/learnbrite\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Facebook wit.ai","description":"Learn how to use Facebook wit.ai in Hyperspace, with practical steps for configuring interactive immersive learning experiences.","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\/facebook-witai\/","og_locale":"en_US","og_type":"article","og_title":"Facebook wit.ai","og_description":"Learn how to use Facebook wit.ai in Hyperspace, with practical steps for configuring interactive immersive learning experiences.","og_url":"https:\/\/hyperspace.mv\/academy\/facebook-witai\/","og_site_name":"Metaverse Academy","article_publisher":"https:\/\/www.facebook.com\/people\/Hyperspacemv-Metaverse-For-Business\/61571016491364\/","article_modified_time":"2024-06-18T00:42:29+00:00","og_image":[{"url":"https:\/\/lh7-us.googleusercontent.com\/r9aUVSE3eddo3kdU-LyHo-dwlSssb2Q2lOfChMKKvDBf79T8tG31IyJZwtYXLFHoIAG7o-v0S9p6ndyeHA9kl3cq7_gAJNZmGgyGf0Ur9Gco9rv5S3QNQ-wHt4M7XjoQ5MK5rtJS8wl8E-o","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@learnbrite","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hyperspace.mv\/academy\/facebook-witai\/","url":"https:\/\/hyperspace.mv\/academy\/facebook-witai\/","name":"Facebook wit.ai","isPartOf":{"@id":"https:\/\/hyperspace.mv\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hyperspace.mv\/academy\/facebook-witai\/#primaryimage"},"image":{"@id":"https:\/\/hyperspace.mv\/academy\/facebook-witai\/#primaryimage"},"thumbnailUrl":"https:\/\/lh7-us.googleusercontent.com\/r9aUVSE3eddo3kdU-LyHo-dwlSssb2Q2lOfChMKKvDBf79T8tG31IyJZwtYXLFHoIAG7o-v0S9p6ndyeHA9kl3cq7_gAJNZmGgyGf0Ur9Gco9rv5S3QNQ-wHt4M7XjoQ5MK5rtJS8wl8E-o","datePublished":"2020-06-23T07:34:00+00:00","dateModified":"2024-06-18T00:42:29+00:00","description":"Learn how to use Facebook wit.ai in Hyperspace, with practical steps for configuring interactive immersive learning experiences.","breadcrumb":{"@id":"https:\/\/hyperspace.mv\/academy\/facebook-witai\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hyperspace.mv\/academy\/facebook-witai\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hyperspace.mv\/academy\/facebook-witai\/#primaryimage","url":"https:\/\/lh7-us.googleusercontent.com\/r9aUVSE3eddo3kdU-LyHo-dwlSssb2Q2lOfChMKKvDBf79T8tG31IyJZwtYXLFHoIAG7o-v0S9p6ndyeHA9kl3cq7_gAJNZmGgyGf0Ur9Gco9rv5S3QNQ-wHt4M7XjoQ5MK5rtJS8wl8E-o","contentUrl":"https:\/\/lh7-us.googleusercontent.com\/r9aUVSE3eddo3kdU-LyHo-dwlSssb2Q2lOfChMKKvDBf79T8tG31IyJZwtYXLFHoIAG7o-v0S9p6ndyeHA9kl3cq7_gAJNZmGgyGf0Ur9Gco9rv5S3QNQ-wHt4M7XjoQ5MK5rtJS8wl8E-o"},{"@type":"BreadcrumbList","@id":"https:\/\/hyperspace.mv\/academy\/facebook-witai\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hyperspace.mv\/academy\/"},{"@type":"ListItem","position":2,"name":"Facebook wit.ai"}]},{"@type":"WebSite","@id":"https:\/\/hyperspace.mv\/academy\/#website","url":"https:\/\/hyperspace.mv\/academy\/","name":"Hyperspace Academy","description":"Learn to build WebXR metaverse experiences for 3D, 360, VR\/AR","publisher":{"@id":"https:\/\/hyperspace.mv\/academy\/#organization"},"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"},{"@type":"Organization","@id":"https:\/\/hyperspace.mv\/academy\/#organization","name":"Hyperspace Academy","url":"https:\/\/hyperspace.mv\/academy\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hyperspace.mv\/academy\/#\/schema\/logo\/image\/","url":"https:\/\/hyperspace.mv\/academy\/wp-content\/uploads\/2022\/02\/Hyperspace-academy-logo-0.75x-white.png","contentUrl":"https:\/\/hyperspace.mv\/academy\/wp-content\/uploads\/2022\/02\/Hyperspace-academy-logo-0.75x-white.png","width":225,"height":42,"caption":"Hyperspace Academy"},"image":{"@id":"https:\/\/hyperspace.mv\/academy\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/people\/Hyperspacemv-Metaverse-For-Business\/61571016491364\/","https:\/\/x.com\/learnbrite"]}]}},"_links":{"self":[{"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/pages\/3186","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=3186"}],"version-history":[{"count":6,"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/pages\/3186\/revisions"}],"predecessor-version":[{"id":4854,"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/pages\/3186\/revisions\/4854"}],"wp:attachment":[{"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/media?parent=3186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}