{"id":5466,"date":"2024-12-31T15:20:17","date_gmt":"2024-12-31T15:20:17","guid":{"rendered":"https:\/\/obsidiansofteducation.com\/?page_id=5466"},"modified":"2024-12-31T15:20:17","modified_gmt":"2024-12-31T15:20:17","slug":"show-youtube-in-app-inventor-embed-youtube-in-mit-app-inventor","status":"publish","type":"page","link":"https:\/\/obsidiansofteducation.com\/index.php\/show-youtube-in-app-inventor-embed-youtube-in-mit-app-inventor\/","title":{"rendered":"Show Youtube in App Inventor \u2013 Embed Youtube in MIT App Inventor"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Hello friends and welcome to Obsidian Soft,<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Recently, I embedded my YouTube mental maths videos in my mental maths app so this gave me the idea of teaching something similar in MIT App Inventor.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/obsidiansofteducation.com\/wp-content\/uploads\/2024\/12\/snake20game2027.png\" alt=\"\"\/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">As you can see this screen is showing a mental math trick and in the lower part of the screen, we have the associated mental math video.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/obsidiansofteducation.com\/wp-content\/uploads\/2024\/12\/AVvXsEhMHxp8Xq4ZXVVsXtd4VQE3LSnDsdnGqH1YUhhLIke6G4DyWmk3BS49e0uGuXiMXGdf-OAiYI1v-WGJawniBkA1u4jrxq2ZPM_ywJUO1d7Rlnyek_cTd08bohOoLGg6NkwXDFSr1c3vYPkAakfVC_4U3ifIdh5ASQCc45T4mzGs826Exs8Rvgv-bfyCjOMw181-h320.png\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You can do the same thing in your MIT App inventor apps. For example, if you have a recipe app, you can embed the associated recipe video within your app or if you have an educational app like my mental maths app, you can embed or integrate the associated tutorial video. Embedding or integrating youtube videos in your apps is great way to extend the reach of your videos. By the way, if you are wondering, this&nbsp;<a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.obsidiansoft.android.mentalmaths\" target=\"_blank\" rel=\"noopener\">mental maths app<\/a>&nbsp;has been created using Solar2D SDK particularly great for making 2D games. My&nbsp;<a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.obsidiansoft.countville\" target=\"_blank\" rel=\"noopener\">Countville app<\/a>&nbsp;has also been developed in this. Solar2D is based on Lua; the programming language that is also used by Roblox. You can check out both these apps by downloading them from the Google Play Store.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Coming back to the tutorial, embedding YouTube videos requires a special HTML code that is actually provided by YouTube itself and we can customize it according to our needs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">So, let\u2019s begin\u2026<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Open up MIT App Inventor and create a new project. Name it YouTubeVideoApp.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For screen1, make align horizontal and align vertical both center and make screen orientation portrait.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Drag and drop a&nbsp;<strong>vertical arrangement<\/strong>&nbsp;from the&nbsp;<strong>Layout<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For this vertical arrangement, make align horizontal and align vertical both center. Make width fill parent and height 30%.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Duplicate the vertical arrangement by selecting it first and pressing&nbsp;<strong>Ctrl + C and Ctrl + V<\/strong>&nbsp;for&nbsp;<strong>Windows<\/strong>&nbsp;and&nbsp;<strong>Command + C and Command + V<\/strong>&nbsp;for&nbsp;<strong>MacOS<\/strong>. In the topmost arrangement, I will add a label that can contain our recipe or other information.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Now, our second vertical arrangement will contain our video but we need a web view for this. However, we can\u2019t embed using the built-in webviewer of MIT App Inventor as that requires a url link but we want to provide HTML code. So, we need to download an extension. Hence, go to this link:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/github.com\/vknow360\/CustomWebView\" target=\"_blank\" rel=\"noopener\">https:\/\/github.com\/vknow360\/CustomWebView<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Click on the aix folder. Then, click on the aix file and then, click on the arrow button to download it.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/obsidiansofteducation.com\/wp-content\/uploads\/2024\/12\/rL_-L5RCKMqvvIEwDyNkORoE_OhK2Nt6fP8Q8cfxbwH1I7grE5KqEpCTtmWftrzUsWtVHjvT8MO5KUVzqx0A4ItpIeQ-PQibGjDVItEfWyx3EmyzaSvEYxqMMmX5sM20O5uO86xvHyJbv_6YYTFXGv0w400-h189.png\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Now, go back to MIT App Inventor, go to extensions, and click on import extension to import the aix file.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/obsidiansofteducation.com\/wp-content\/uploads\/2024\/12\/pZf6SF0R4-NTrapOQEYGWV_Q65-wAKxvWyzrIUvgPrR-u8KPj0sYUI102Y51eYaSrW4QG0iq08dmkXgtoua5bp-JNepgLxiHlpfDKXauwbBjEDljLS8ViN58pKWtBXi4Uln1bHogZVzRnzN92k4_lBkw330-h400.png\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Drag and drop the customwebview from the 3 components onto the viewer. This component can be used to create multiple web views.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/obsidiansofteducation.com\/wp-content\/uploads\/2024\/12\/rhA1HtelXAQmC4_48axgiTssV0lXYFs_dAGk1ZC5_0Yx86VKFf0aDN450SVEiLP-oHTjbp6V5h0gO-_-fPoe6qr2YJSm3D0XVh-lILERhg8du5-N4_5wl_dso38UwobCqf0PwfhE_3ffNbzizK4fQuQw240-h400.png\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Now, go to the blocks section.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We want the video to start showing when the screen is initialized so get the screen1\u2019s initialize event.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/obsidiansofteducation.com\/wp-content\/uploads\/2024\/12\/sC75WyXcZX-i4CGOfTA6hyPtSITsPCMlKUXTDvhIHinQSW7nBXuqOf6mvSJskWGkORP5l_GT_GswpMwbtOHVL-fnuBU0o1P54QIDREhOF0ZkAFjpt5e5XoH9CQlxDOOwiDaNkTrBmvt9Tad_Hw3E5GQw400-h117.png\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">First, we want to create a webview within our vertical arrangement2. We need to provide the container and also give an ID to this webview.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/obsidiansofteducation.com\/wp-content\/uploads\/2024\/12\/5IeLhqlg-PQPvpNX1W_qHznbKUkxcaY5utECM6FEwS46_W9kcq1GFAkU1pNB7imwtRx4p_vBZlHy_4TUMgCCK5lkREV7ugmHO2_z55OXKXC40yruTsNo-5EvIMeVQJ4jJiLQkHvybDmYC3oKj3SNJTUw527-h115.png\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Next, we tell the custom webview component that our current webview is the one with ID = 1.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/obsidiansofteducation.com\/wp-content\/uploads\/2024\/12\/gU8ooesTJU3v5jYAoZFD3paRepcQZyICgVrIfaGeTyEX4zR1yatzuJe3dpjhX0uxYotNjD_jAmSMYA8dVGBRHq7MsfB5oNtJ4cosN1c_x0l9Gyk4JAWlwQ2JTEzwlW-nPwU_iiBtlKHQLOILuPxFdNsw549-h173.png\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Last, we need to provide the HTML code for the current webview using a text block.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/obsidiansofteducation.com\/wp-content\/uploads\/2024\/12\/mSJOmHPiKYm1jdtQ2kR9sZpmoTympSj8VJCmT4eXkoSKyvB9AETAlleO-FLLciGDoffCtY6cBHAJIHwRJnyOkuqTV_-ep3j9H-52PzlZKTDBnW8uhUVI5DkufVekfu1bn43OiBnT2pvG3A_ATWB94rAw570-h234.png\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">We can get the code for what comes inside the text block from YouTube itself. Open up the video you want to embed in the browser.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Click on share button.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/obsidiansofteducation.com\/wp-content\/uploads\/2024\/12\/HdSSORlhCosTjyqRtPjK5xJhThd18nvg7JfLVYuk-VKePWJt05dJRXZcfbypO9YeJK-Xoya5ZvC5ygRdZkhNuQp1FkfFLmOd6GJkPtGzJiCegUm7OWeSSIOjxsjP2BNPow0uhssT4u9cmRFS6Q9WfUw400-h288.png\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Click on the embed button in the small window that opens up:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/obsidiansofteducation.com\/wp-content\/uploads\/2024\/12\/bbGzv0-gzsW1DLfc7yXC7z_vZVkmb6bxo_X4LwdODmQ0TLXVAAhDPzM_EQmtOhupPLvaAim1q7fIrnbVteJqcIJovWF_doGGHod7Cx_uYPuBYZemQz0N-0SPhr5RCicssdXzGR0jj2K4e5gd9V_eW7ow400-h252.png\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You can also choose a particular starting point for your video. You can also turn off player controls if you don\u2019t want the user to forward or rewind the video or go to full-screen mode.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Click on the copy button under the code.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/obsidiansofteducation.com\/wp-content\/uploads\/2024\/12\/DQVOdFEJ8BSjUu3XD5OMwm8gT_bk2W4ydozeE8i12KVTv3gJW8TdCUH7k8MOAzl4dI1D6RfTGIqQpTMNLJwRJPAN6d_Lt24HtLShHiYI5U-ejX6dJNiAfzyoqW3lriKd5y3sQPBO8AfyzqG6ENBAI50w355-h400.png\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">And paste this copied code inside the text block.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/obsidiansofteducation.com\/wp-content\/uploads\/2024\/12\/OzK-82ydQpKjk0oi3oflmqromxvD9C3P3_glUVN0fuQXZnNYyGus52dJLy-BkxEVD8_xKtlaupLLvQah8ACElwT5-wmChI1GmAeAJrN4xWJzy1sH_YCz7kgfRfNudXGnzLz6oRZTQRcC8FVaE_QwMjow590-h184.png\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to add more than one video on the same screen, you can use the same component.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Just go back to the designer view and duplicate the second vertical arrangement.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Come back to the blocks section.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">And add those 3 procedures calls again for another webview with id: 2 within container vertical arrangement 3 and with html code for another video.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/obsidiansofteducation.com\/wp-content\/uploads\/2024\/12\/BwX_26byweuWW1kOxWdcQ9p33TChfUnVfuUd1LlDaxqF-U0K37ghSE2tg9meD76Fi4ETqsqzJKlNwWicc-WnI3js11S1rJIVXd_u8lawwQINkRRHA4E866HH4EY2FPq01orkODq1dLAGzqNE09m4H8w515-h292.png\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">We are done with the basic embedding but you might have noticed that our video is showing in a pretty small frame.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><img decoding=\"async\" src=\"https:\/\/obsidiansofteducation.com\/wp-content\/uploads\/2024\/12\/Screenshot202023-11-1420at2010.59.3020PM.png\" alt=\"\" style=\"width:220px;height:auto\"\/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Yes, we have the option of watching it in full screen but only if we have turned on player controls. So, if you want to know how to fit your video nicely without going into full screen, please keep reading this tutorial to the very end.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We need to download another extension that will give us the size of the screen in pixels. The height and width that we get from Screen1\u2019s properties give us the size in dp i.e. density-independent pixels and we need the actual pixels for the embedded YouTube video\u2019s frame.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">So, download this extension:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/community.appinventor.mit.edu\/t\/how-do-i-determine-the-screen-size\/56414\/2\" target=\"_blank\" rel=\"noopener\">https:\/\/community.appinventor.mit.edu\/t\/how-do-i-determine-the-screen-size\/56414\/2<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In MIT App Inventor, go to designer view and import the extension in your project. Drag and drop the Getmetrics component onto the viewer.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the blocks section, make a global variable for height and width and initialize them to 0.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/obsidiansofteducation.com\/wp-content\/uploads\/2024\/12\/fSvcoBRMatoqN2mNUalZea3jgodyhrSdZeAn35xVR8hWvunw6Xyswzp7byFJGQ0g2rg7TFWSdYKyyQ0mkDn0OUvwgTq3qX-_V-bZ_KvgA-qRmKxCwQCFcs4CG_qH73AHinHPgERtWZUuUWWG7qNrpBUw520-h169.png\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">And use displaymetrics component to get the actual width of the screen in pixels.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/obsidiansofteducation.com\/wp-content\/uploads\/2024\/12\/3lWs4CqaIANtC7d-yeAy-8Fnz7TWrtuke-YXZLmowEZS7o3juyt4iJTLQUzdQsJEjGx4TRK3s5FIAj6Rq3xEP7qi0jsBkfaOn9E7coiZJ4iH0RnA63SMj3w3ib3_2c-beaQza9_5XHAq8dzmM0dvPjIw616-h201.png\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Now, use this width to calculate the height for the YouTube video frame so that the aspect ratio stays 16:9.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>The formula is height = (width\/16)x9<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/obsidiansofteducation.com\/wp-content\/uploads\/2024\/12\/hu4gQIWmVuwn4agafHffjAflSmjYoeY_gRM01NE4gtXLJVI9Utz6ziQ2KXNqpxHMGSks5NL9v67vfyBKUKYMGic3zK6RuXs1NwoNZYiQrpXAo4TNLdhi9JxY8MMM66NeGDQuKuPYci7lZavy6c0hZRow574-h225.png\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">At the end, we have to break down our HTML code and split the height and width elements so that we can provide custom width and height. So, add a join with five slots and plug in the global height and width accordingly.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/obsidiansofteducation.com\/wp-content\/uploads\/2024\/12\/4IZPXzHWRKN0UpHjcwKzoU7fKP8yoA-oPTcg0KJ-5Mrjkcdcy68fSAT4YNkGqsJ8jmC1OKb1zn7Dzvs4H_cMllUUhFI5Wib5Bx_wbJ-ets9IfQKZLA6AbSXoB_kv0VVVSX2e0afpw9CaknQn1oYtkO8w623-h441.png\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">So, you can see the difference:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><img decoding=\"async\" src=\"https:\/\/obsidiansofteducation.com\/wp-content\/uploads\/2024\/12\/Screenshot202023-11-1420at2010.59.1220PM.png\" alt=\"\" style=\"width:236px;height:auto\"\/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">The top video shows the YouTube-provided frame width and height and the bottom video uses the actual width of the phone\u2019s screen to show the video without distorting the aspect ratio of the video.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you like my tutorials, consider supporting me:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><a href=\"https:\/\/obsidiansoft.gumroad.com\/l\/cxdft\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"372\" height=\"196\" src=\"https:\/\/obsidiansofteducation.com\/wp-content\/uploads\/2024\/12\/donate-button-1.png\" alt=\"\" class=\"wp-image-5381\" style=\"width:201px;height:auto\" srcset=\"https:\/\/obsidiansofteducation.com\/wp-content\/uploads\/2024\/12\/donate-button-1.png 372w, https:\/\/obsidiansofteducation.com\/wp-content\/uploads\/2024\/12\/donate-button-1-300x158.png 300w\" sizes=\"auto, (max-width: 372px) 100vw, 372px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.buymeacoffee.com\/obsidiansoft\" target=\"_blank\" rel=\"noopener\"><\/a>Your support will encourage me to make more interesting and creative videos for you.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can also have a look at the video here:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/youtu.be\/9Ur1YRCAesA\" target=\"_blank\" rel=\"noopener\">[youtube https:\/\/www.youtube.com\/watch?v=TfwdViMQZ98]<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Please like my videos and share them with your friends and family. Also, subscribe to my channel and press the bell icon so you don\u2019t miss any of the great projects I have planned for you.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.youtube.com\/c\/obsidiansofteducation\" target=\"_blank\" rel=\"noopener\">https:\/\/www.youtube.com\/c\/obsidiansofteducation<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Please like my social media pages for more educational resources and tips.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Facebook:<a href=\"https:\/\/www.blogger.com\/blog\/page\/edit\/4947000819484484884\/7140650632339107612#\" target=\"_blank\" rel=\"noopener\">&nbsp;https:\/\/www.facebook.com\/ObsidianSoft\/<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Instagram:<a href=\"https:\/\/www.blogger.com\/blog\/page\/edit\/4947000819484484884\/7140650632339107612#\" target=\"_blank\" rel=\"noopener\">&nbsp;https:\/\/www.instagram.com\/obsidiansoftapps\/<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pinterest:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-pinterest wp-block-embed-pinterest\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"oceanwp-oembed-wrap clr\"><iframe loading=\"lazy\" title=\"Obsidian Soft\" src=\"https:\/\/assets.pinterest.com\/ext\/embed.html?grid=obsidiansoft&#038;src=oembed\" height=\"900\" width=\"450\" frameborder=\"0\" scrolling=\"no\" ><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">For links to free educational apps, have a look at the\u00a0<a href=\"https:\/\/obsidiansofteducation.com\/index.php\/mobile-apps\/\">educational apps page<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hello friends and welcome to Obsidian Soft, Recently, I embedded my YouTube mental maths videos in my mental maths app so this gave me the idea of teaching something similar in MIT App Inventor. As you can see this screen is showing a mental math trick and in the lower part of the screen, we [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5466","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/obsidiansofteducation.com\/index.php\/wp-json\/wp\/v2\/pages\/5466","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/obsidiansofteducation.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/obsidiansofteducation.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/obsidiansofteducation.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/obsidiansofteducation.com\/index.php\/wp-json\/wp\/v2\/comments?post=5466"}],"version-history":[{"count":1,"href":"https:\/\/obsidiansofteducation.com\/index.php\/wp-json\/wp\/v2\/pages\/5466\/revisions"}],"predecessor-version":[{"id":5468,"href":"https:\/\/obsidiansofteducation.com\/index.php\/wp-json\/wp\/v2\/pages\/5466\/revisions\/5468"}],"wp:attachment":[{"href":"https:\/\/obsidiansofteducation.com\/index.php\/wp-json\/wp\/v2\/media?parent=5466"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}