{"id":6432,"date":"2021-08-17T08:26:18","date_gmt":"2021-08-17T07:26:18","guid":{"rendered":"https:\/\/blogs.ncl.ac.uk\/ltdev\/?p=6432"},"modified":"2021-10-05T15:25:30","modified_gmt":"2021-10-05T14:25:30","slug":"interactive-content-with-h5p","status":"publish","type":"post","link":"https:\/\/blogs.ncl.ac.uk\/ltdev\/2021\/08\/17\/interactive-content-with-h5p\/","title":{"rendered":"Interactive Content with H5P"},"content":{"rendered":"\n<iframe loading=\"lazy\" src=\"https:\/\/campus.recap.ncl.ac.uk\/Panopto\/Pages\/Embed.aspx?id=afaccec8-a350-4bc1-ace1-ad7800c6a231&amp;autoplay=false&amp;offerviewer=true&amp;showtitle=false&amp;showbrand=false&amp;start=0&amp;interactivity=all\" height=\"405\" width=\"720\" style=\"border: 1px solid #464646;\" allowfullscreen=\"\" allow=\"autoplay\"><\/iframe>\n\n\n\n<p><em><sup>Introducing H5P in Canvas (5 min video tour)<\/sup><\/em><\/p>\n\n\n\n<p>Adding\u202fengaging and interactive content\u202fto your online course materials just got easier with\u202f<strong>H5P<\/strong>.\u202f&nbsp;<\/p>\n\n\n\n<p>This new online tool\u202fallows you to create\u202fcustom\u202flearning resources such as branching scenarios, accordions, interactive images and videos,&nbsp;360 degree&nbsp;virtual tours, simple formative quizzes, and so much more.\u202f&nbsp;&nbsp;<\/p>\n\n\n\n<p>The feedback we have from colleagues is that it is easy to use and&nbsp;that the&nbsp;built-in tutorials walk you through what to do.&nbsp; No coding or software is required &#8211; all you need is a web browser.&nbsp;&nbsp;&nbsp;<\/p>\n\n\n\n<p>In Canvas you can work with H5P from the Rich Content Editor.&nbsp; <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"294\" height=\"108\" src=\"https:\/\/blogs.ncl.ac.uk\/ltdev\/files\/2021\/08\/h5pIcon.jpg\" alt=\"\" class=\"wp-image-6433\"\/><figcaption>H5P icon on the Canvas editing toolbar<\/figcaption><\/figure>\n\n\n\n<p>MLE and blog authors&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/newcastle.sharepoint.com\/:w:\/r\/sites\/LTDS\/DigitalLearningSite\/web\/H5P%20Creating%20and%20Inserting%20Content%20in%20the%20MLE,%20Blog%20or%20Website.docx?d=w0fd12df9b41148c2ab9cdcf517625d2a&amp;csf=1&amp;web=1&amp;e=sS4Wvf\" target=\"_blank\">can create H5P content<\/a>&nbsp;to embed in pages&nbsp;and&nbsp;posts.&nbsp;<\/p>\n\n\n\n<p><strong>Try it out<\/strong>&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>See&nbsp;the&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/www.ncl.ac.uk\/learning-and-teaching\/digital-technologies\/h5p\/\" target=\"_blank\">H5P&nbsp;page on our Learning and Teaching website<\/a>.&nbsp;<\/li><li>Watch our video guides for&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/campus.recap.ncl.ac.uk\/Panopto\/Pages\/Viewer.aspx?id=afaccec8-a350-4bc1-ace1-ad7800c6a231\" target=\"_blank\">Canvas<\/a>&nbsp;and&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/campus.recap.ncl.ac.uk\/Panopto\/Pages\/Viewer.aspx?id=e8ba3155-9ef4-44de-8d3e-ad7900c4ceb1\" target=\"_blank\">MLE\/blog<\/a>&nbsp;users&nbsp;<\/li><li>Join our&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/teams.microsoft.com\/l\/team\/19%3a7BVI8KJsmEB5bHk0R1RTKsIX26X2waG8BM7XKV_a_kQ1%40thread.tacv2\/conversations?groupId=e386642d-ac25-4cf1-824f-a43728cb4dc2&amp;tenantId=9c5012c9-b616-44c2-a917-66814fbe3e87\" target=\"_blank\">H5P@Newcastle Community<\/a>&nbsp;<\/li><li><span class=\"has-inline-color has-black-color\"><a href=\"https:\/\/elements.ncl.ac.uk\/course\/view.php?id=1723\" data-type=\"URL\" data-id=\"https:\/\/elements.ncl.ac.uk\/course\/view.php?id=1723\">Book to attend&nbsp;a 1-hour session introducing H5P&nbsp;<\/a><\/span><\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Introducing H5P in Canvas (5 min video tour) Adding\u202fengaging and interactive content\u202fto your online course materials just got easier with\u202fH5P.\u202f&nbsp; This new online tool\u202fallows you to create\u202fcustom\u202flearning resources such as branching scenarios, accordions, interactive images and videos,&nbsp;360 degree&nbsp;virtual tours, simple formative quizzes, and so much more.\u202f&nbsp;&nbsp; The feedback we have from colleagues is that it &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/blogs.ncl.ac.uk\/ltdev\/2021\/08\/17\/interactive-content-with-h5p\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Interactive Content with H5P&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1008,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[639,655,709,265],"tags":[695],"class_list":["post-6432","post","type-post","status-publish","format-standard","hentry","category-canvas","category-tech","category-h5p","category-news","tag-h5p"],"_links":{"self":[{"href":"https:\/\/blogs.ncl.ac.uk\/ltdev\/wp-json\/wp\/v2\/posts\/6432","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ncl.ac.uk\/ltdev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ncl.ac.uk\/ltdev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/ltdev\/wp-json\/wp\/v2\/users\/1008"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/ltdev\/wp-json\/wp\/v2\/comments?post=6432"}],"version-history":[{"count":5,"href":"https:\/\/blogs.ncl.ac.uk\/ltdev\/wp-json\/wp\/v2\/posts\/6432\/revisions"}],"predecessor-version":[{"id":6660,"href":"https:\/\/blogs.ncl.ac.uk\/ltdev\/wp-json\/wp\/v2\/posts\/6432\/revisions\/6660"}],"wp:attachment":[{"href":"https:\/\/blogs.ncl.ac.uk\/ltdev\/wp-json\/wp\/v2\/media?parent=6432"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/ltdev\/wp-json\/wp\/v2\/categories?post=6432"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/ltdev\/wp-json\/wp\/v2\/tags?post=6432"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}