{"id":5830,"date":"2020-10-23T08:46:57","date_gmt":"2020-10-23T07:46:57","guid":{"rendered":"https:\/\/blogs.ncl.ac.uk\/ltdev\/?p=5830"},"modified":"2021-09-17T15:28:29","modified_gmt":"2021-09-17T14:28:29","slug":"adding-captions-to-videos-in-canvas","status":"publish","type":"post","link":"https:\/\/blogs.ncl.ac.uk\/ltdev\/2020\/10\/23\/adding-captions-to-videos-in-canvas\/","title":{"rendered":"Adding Captions to Videos in Canvas"},"content":{"rendered":"\n<p>There are lots of different ways of making videos and generating captions. In this blog post we\u2019ll present two of these recipes \u2013 think of them as starting points that you can adapt and develop \u2013 they use existing University systems \u2013 so all you need is a web browser.<\/p>\n\n\n\n<p>When we make recordings and videos for student to watch before or after scheduled teaching sessions we need to add captions to these videos. Captions are a text alternative that makes the video meaningful to someone with hearing difficulties.&nbsp; We also know that they are used significantly by non-native speakers, and those working in noisy environments.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogs.ncl.ac.uk\/ltdev\/files\/2020\/10\/image001.png\" alt=\"CC button on player\" class=\"wp-image-5831\" width=\"639\" height=\"56\" srcset=\"https:\/\/blogs.ncl.ac.uk\/ltdev\/files\/2020\/10\/image001.png 891w, https:\/\/blogs.ncl.ac.uk\/ltdev\/files\/2020\/10\/image001-300x26.png 300w, https:\/\/blogs.ncl.ac.uk\/ltdev\/files\/2020\/10\/image001-768x67.png 768w\" sizes=\"auto, (max-width: 639px) 100vw, 639px\" \/><\/figure>\n\n\n\n<p>When a video has captions applied the person watching the video can turn them on and off \u2013 this is normally done by clicking on a \u201cCC\u201d (closed captions) button.<\/p>\n\n\n\n<p>The captions for a video are held in a text file that contains segments of text along with timestamps.&nbsp;<\/p>\n\n\n\n<p>Video files are large, and your Canvas course is limited to 20GB of file attachments. So, it makes sense to add videos to one of our University Video Platforms (ReCap or Stream) and embed them into Canvas from there. ReCap and Stream both have Automatic Speech Recognition (ASR) capabilities and can add machine generated captions to videos. These won\u2019t be 100% accurate, but they can be edited.     <\/p>\n\n\n\n<p>In overview the process is:<\/p>\n\n\n\n<ol class=\"wp-block-list\" type=\"1\"><li>Upload your video<\/li><li>Add, edit and publish the machine generated captions<\/li><li>Publish the video in your Canvas course<\/li><\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">ReCap<\/h3>\n\n\n\n<p>You can view all the content that you have access to on ReCap by going to your campus ReCap site (<a href=\"https:\/\/campus.recap.ncl.ac.uk\">Newcastle<\/a>, <a href=\"https:\/\/regional.recap.ncl.ac.uk\">London<\/a> and <a href=\"https:\/\/nm-panopto.ncl.edu.my\">NUMED\/NUIS<\/a>)&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"165\" src=\"https:\/\/blogs.ncl.ac.uk\/ltdev\/files\/2020\/10\/image003-1024x165.png\" alt=\"Record Files\" class=\"wp-image-5832\" srcset=\"https:\/\/blogs.ncl.ac.uk\/ltdev\/files\/2020\/10\/image003-1024x165.png 1024w, https:\/\/blogs.ncl.ac.uk\/ltdev\/files\/2020\/10\/image003-300x48.png 300w, https:\/\/blogs.ncl.ac.uk\/ltdev\/files\/2020\/10\/image003-768x124.png 768w, https:\/\/blogs.ncl.ac.uk\/ltdev\/files\/2020\/10\/image003-1536x247.png 1536w, https:\/\/blogs.ncl.ac.uk\/ltdev\/files\/2020\/10\/image003.png 1579w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\" type=\"1\"><li>Upload your video:&nbsp; <a href=\"https:\/\/newcastle.sharepoint.com\/:w:\/r\/sites\/LTDS\/DigitalLearningSite\/web\/ReCap%20-%20Upload%20content%20to%20ReCap.docx?d=we450aa988357470d8fc42c991ec213b1&amp;csf=1&amp;web=1&amp;e=jAVPyj\">Upload content to Recap<\/a> (.docx) or record content with <a href=\"https:\/\/newcastle.sharepoint.com\/:w:\/r\/sites\/LTDS\/DigitalLearningSite\/web\/PCap%20Staff%20Guide%20Blackboard%20v3.docx?d=wa23b650a68f94dedae81de6ed66f28c0&amp;csf=1&amp;web=1&amp;e=9wMlUe\">ReCap Personal Capture<\/a> (.docx)<\/li><li><a href=\"https:\/\/newcastle.sharepoint.com\/:w:\/r\/sites\/LTDS\/DigitalLearningSite\/web\/ReCap%20Adding%20captions%20to%20recording%20using%20ASR.docx?d=w25bf5b7426744e16b4392621b1363dea&amp;csf=1&amp;web=1&amp;e=1mRZDZ\">Add automatic captions to the recording<\/a><\/li><li><a href=\"https:\/\/ncl.instructure.com\/courses\/76\/pages\/publishing-recap-recordings\">Publish the recording in Canvas<\/a><\/li><\/ol>\n\n\n\n<p>The ReCap integration makes sure that all students and teachers on the course have access to the recording \u2013 you do not need to adjust permissions.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Stream<\/h3>\n\n\n\n<p>You can explore Stream by logging into <a href=\"https:\/\/office365.ncl.ac.uk\">Office365.ncl.ac.uk<\/a>. <br>Click on the App Launcher and select Stream.&nbsp; <br>If you are already signed in you can navigate to <a href=\"https:\/\/web.microsoftstream.com\/\">https:\/\/web.microsoftstream.com\/<\/a><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"307\" height=\"493\" src=\"https:\/\/blogs.ncl.ac.uk\/ltdev\/files\/2020\/10\/image005.png\" alt=\"Select stream in Office365.ncl.ac.uk\" class=\"wp-image-5833\" srcset=\"https:\/\/blogs.ncl.ac.uk\/ltdev\/files\/2020\/10\/image005.png 307w, https:\/\/blogs.ncl.ac.uk\/ltdev\/files\/2020\/10\/image005-187x300.png 187w\" sizes=\"auto, (max-width: 307px) 100vw, 307px\" \/><\/figure><\/div>\n\n\n\n<ol class=\"wp-block-list\" type=\"1\"><li><a href=\"https:\/\/docs.microsoft.com\/en-us\/stream\/portal-upload-video\">Upload a video to Stream<\/a> or <a href=\"https:\/\/docs.microsoft.com\/en-us\/stream\/portal-create-screen-recording\">Record the Screen<\/a><\/li><li><a href=\"https:\/\/docs.microsoft.com\/en-us\/stream\/portal-autogenerate-captions\">Generate automatic captions for your Microsoft Stream videos<\/a> and <a href=\"https:\/\/docs.microsoft.com\/en-us\/stream\/portal-edit-transcripts\">Edit the transcript<\/a><\/li><li><a href=\"https:\/\/newcastle.sharepoint.com\/sites\/O365\/SitePages\/Publish-Stream-Videos-in-Canvas.aspx\">Publish videos in Canvas<\/a><\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Do I have to edit automatic captions for my videos?<\/h2>\n\n\n\n<p>The university has recently agreed text for a <a href=\"https:\/\/services.ncl.ac.uk\/digitallearning\/accessibility\/captionsdisclaimer\/\" data-type=\"URL\" data-id=\"https:\/\/services.ncl.ac.uk\/digitallearning\/accessibility\/captionsdisclaimer\/\">captions disclaimer<\/a> for students.  This makes it clear that automatically generated captions aren&#8217;t 100% accurate and that students need to be use these alongside their wider reading.  Students requiring accurate captions as part of their reasonable adjustments should contact their disability adviser.   <br><br>If time permits, light touch editing of captions will help many students.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">More information<\/h2>\n\n\n\n<p>See the <a href=\"https:\/\/services.ncl.ac.uk\/digitallearning\/guides\/media\/\">video guides on the Digital Learning Site<\/a> <br><a href=\"https:\/\/services.ncl.ac.uk\/digitallearning\/accessibility\/captionsdisclaimer\/\">Captions disclaimer<\/a> for students<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>There are lots of different ways of making videos and generating captions. In this blog post we\u2019ll present two of these recipes \u2013 think of them as starting points that you can adapt and develop \u2013 they use existing University systems \u2013 so all you need is a web browser. When we make recordings and &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/blogs.ncl.ac.uk\/ltdev\/2020\/10\/23\/adding-captions-to-videos-in-canvas\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Adding Captions to Videos in Canvas&#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":[658],"tags":[662],"class_list":["post-5830","post","type-post","status-publish","format-standard","hentry","category-digital-learning","tag-flexible-learning"],"_links":{"self":[{"href":"https:\/\/blogs.ncl.ac.uk\/ltdev\/wp-json\/wp\/v2\/posts\/5830","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=5830"}],"version-history":[{"count":9,"href":"https:\/\/blogs.ncl.ac.uk\/ltdev\/wp-json\/wp\/v2\/posts\/5830\/revisions"}],"predecessor-version":[{"id":5865,"href":"https:\/\/blogs.ncl.ac.uk\/ltdev\/wp-json\/wp\/v2\/posts\/5830\/revisions\/5865"}],"wp:attachment":[{"href":"https:\/\/blogs.ncl.ac.uk\/ltdev\/wp-json\/wp\/v2\/media?parent=5830"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/ltdev\/wp-json\/wp\/v2\/categories?post=5830"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/ltdev\/wp-json\/wp\/v2\/tags?post=5830"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}