{"id":346,"date":"2020-08-21T22:35:25","date_gmt":"2020-08-22T05:35:25","guid":{"rendered":"https:\/\/idwerkz.com\/blog\/?p=346"},"modified":"2020-08-21T22:35:30","modified_gmt":"2020-08-22T05:35:30","slug":"viewing-your-captioned-videos","status":"publish","type":"post","link":"https:\/\/idwerkz.com\/blog\/31-days-to-a11y\/viewing-your-captioned-videos\/","title":{"rendered":"Viewing Your Captioned Videos"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/ali-pazani-i2pxJTJR5mg-unsplash-819x1024.jpg\" alt=\"Woman sits in front of a television with nothing but static showing on the screen.\" class=\"wp-image-347\" srcset=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/ali-pazani-i2pxJTJR5mg-unsplash-819x1024.jpg 819w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/ali-pazani-i2pxJTJR5mg-unsplash-240x300.jpg 240w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/ali-pazani-i2pxJTJR5mg-unsplash-768x960.jpg 768w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/ali-pazani-i2pxJTJR5mg-unsplash-1229x1536.jpg 1229w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/ali-pazani-i2pxJTJR5mg-unsplash-1638x2048.jpg 1638w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/ali-pazani-i2pxJTJR5mg-unsplash.jpg 1920w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><figcaption>Photo by <a href=\"https:\/\/unsplash.com\/@alipzn?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Ali Pazani<\/a> on <a href=\"https:\/\/unsplash.com\/s\/photos\/television?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Unsplash<\/a><\/figcaption><\/figure>\n\n\n\n<p>If you just jumped in, we\u2019ve been covering a workflow for captioning digital video.<\/p>\n\n\n\n<p>We\u2019ve talked about the formatting and stylistic concerns for caption files, as well as transcribing and assigning time codes for each line of captioning in a caption file. <\/p>\n\n\n\n<p>Today I will tell you about a solution for viewing the captions and the video together in a single file.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Softsubs<\/h2>\n\n\n\n<p>The technology behind our solution is called Softsubbing. Like Closed Captions, Softsubs provide a way to turn the subtitles (captions) on or off.<\/p>\n\n\n\n<p>The only problem is that there are many different video players out there, and they don\u2019t all support softsubs.<\/p>\n\n\n\n<p>Fortunately, this isn\u2019t much of a problem, because we can refer students to a free video player that supports softsubs on Windows and Android operating systems. Any students using Mac or iOs devices can use the Quicktime player to watch the softsubs.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">A Simple Solution for Students<\/h2>\n\n\n\n<p>With the following workflow, you will be able to add your caption file to your video file.<\/p>\n\n\n\n<p>This means that instead of having your student sort and match the appropriate two files into their video player, you can just send them the video file and the captions are automatically packed inside.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Handbrake<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"250\" height=\"250\" src=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/handbrake_trans.png\" alt=\"Cocktail with fruit and umbrella garnish next to a pineapple.\" class=\"wp-image-349\" srcset=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/handbrake_trans.png 250w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/handbrake_trans-150x150.png 150w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/handbrake_trans-100x100.png 100w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><figcaption>The Handbrake Logo<\/figcaption><\/figure>\n\n\n\n<p>Handbrake is a free program (with a tasty looking logo) for converting video from a wide range of formats to modern widely supported formats. It also happens to be an excellent and easy to use tool for adding captions and subtitles to videos as softsubs. You can learn more at the <a href=\"https:\/\/handbrake.fr\/\">Handbrake website (https:\/\/handbrake.fr\/<\/a>).<\/p>\n\n\n\n<p>Handbrake is available for Windows, Mac, and Linux operating systems.<\/p>\n\n\n\n<p>You can <a href=\"https:\/\/handbrake.fr\/downloads.php\">download Handbrake from: https:\/\/handbrake.fr\/downloads.php<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Handbrake Workflow<\/h2>\n\n\n\n<p>Handbrake is very easy to use, with just a few steps you will have a self-contained captioned video file.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Load the Video<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1004\" height=\"643\" src=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/start_2options.png\" alt=\"The loading screen of Handbrake has two options for getting a video loaded, browse, or drag and drop.\" class=\"wp-image-350\" srcset=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/start_2options.png 1004w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/start_2options-300x192.png 300w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/start_2options-768x492.png 768w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><figcaption>The starting screen for Handbrake.<\/figcaption><\/figure>\n\n\n\n<p>To begin, select the video you want to add captions to.<\/p>\n\n\n\n<p>You can either browse to a file on your local machine (option 1), or you can drag and drop a video file into the designated area (option 2).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Select a Preset<\/h3>\n\n\n\n<p>With the video selected, choose a Preset from the Preset Panel.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"279\" height=\"517\" src=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/preset-panel-1.png\" alt=\"Handbrake Preset Panel.\" class=\"wp-image-352\" srcset=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/preset-panel-1.png 279w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/preset-panel-1-162x300.png 162w\" sizes=\"auto, (max-width: 279px) 100vw, 279px\" \/><figcaption>Handbrake Preset Panel.<\/figcaption><\/figure>\n\n\n\n<p>You will see there are many presets available. Fast 1080 p30 is the recommended Preset setting for most videos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Saving the Finished Video<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1004\" height=\"643\" src=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/saveas.png\" alt=\"Handbrake application window with the Save As feature highlighted.\" class=\"wp-image-353\" srcset=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/saveas.png 1004w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/saveas-300x192.png 300w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/saveas-768x492.png 768w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><figcaption>Select your final destination for the completed video at the bottom of the Handbrake window.<\/figcaption><\/figure>\n\n\n\n<p>Now that the video is loaded and the preset is selected, specify a destination on your hard drive for the finished video.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Add the Captions\/Subtitles<\/h3>\n\n\n\n<p>Click on the Subtitles tab to reveal the subtitle settings to configure the settings for your captions.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1004\" height=\"643\" src=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/subtitlesTAB.png\" alt=\"Handbrake application with the Subtitles tab activated.\" class=\"wp-image-354\" srcset=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/subtitlesTAB.png 1004w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/subtitlesTAB-300x192.png 300w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/subtitlesTAB-768x492.png 768w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><figcaption>Subtitles tab in Handbrake.<\/figcaption><\/figure>\n\n\n\n<p>Handbrake is often used to process multiple subtitle tracks per video, and as part of an automated workflow. Because of this, it starts with a default subtitle track. We don&#8217;t need the default subtitle track, so you can go ahead and delete it.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"672\" height=\"42\" src=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/delete-subtrack.png\" alt=\"Delete option for subtitle track.\" class=\"wp-image-355\" srcset=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/delete-subtrack.png 672w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/delete-subtrack-300x19.png 300w\" sizes=\"auto, (max-width: 672px) 100vw, 672px\" \/><figcaption>Delete the subtitle track with the little gray X at the right end of the track.<\/figcaption><\/figure>\n\n\n\n<p>Click the &#8220;Import Subtitle&#8221; to select your caption file.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1004\" height=\"643\" src=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/addsutrack.png\" alt=\"Import Subtitles button highlighted in Handbrake Application.\" class=\"wp-image-356\" srcset=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/addsutrack.png 1004w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/addsutrack-300x192.png 300w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/addsutrack-768x492.png 768w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><figcaption>Import Subtitle button.<\/figcaption><\/figure>\n\n\n\n<p>Verify your language and character coding are correct.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"940\" height=\"151\" src=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/subsettings.png\" alt=\"\" class=\"wp-image-357\" srcset=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/subsettings.png 940w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/subsettings-300x48.png 300w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/subsettings-768x123.png 768w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/figure>\n\n\n\n<p>If you need to make hardsubs (or Open Captions), click the BURN IN option for Open Captions that are always on.<\/p>\n\n\n\n<p>For <strong>Softsubs (or Closed Captions) <\/strong>leave the <strong>BURN IN<\/strong> option <strong>UNCHECKED<\/strong>. Your video will have Softsubs (Closed Captions) that the student can turn on or off.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Encode the Video<\/h3>\n\n\n\n<p>With the subtitle settings configured, you are ready to finish the video.<\/p>\n\n\n\n<p>Click \u201cStart Encode\u201d and Handbrake begins processing your video.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"128\" height=\"44\" src=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/startencode.png\" alt=\"Start Encode button.\" class=\"wp-image-358\"\/><figcaption>Start Encode button.<\/figcaption><\/figure>\n\n\n\n<p>Processing speed will vary based on the strength of your computer and the length of your video.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Watching the Softsubs<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"509\" height=\"121\" src=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/VLC.png\" alt=\"VLC media player logo: Orange traffic cone. VLC is a powerful media player playing most of the media codecs and video formats out there.\" class=\"wp-image-359\" srcset=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/VLC.png 509w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/VLC-300x71.png 300w\" sizes=\"auto, (max-width: 509px) 100vw, 509px\" \/><figcaption>VLC media player, free and open source.<\/figcaption><\/figure>\n\n\n\n<p>The VLC player is a free video player your students can use to watch your finished captions when the video is finished.<\/p>\n\n\n\n<p>The VLC Player is cross-platform, free, and open source. You can learn more and <a href=\"https:\/\/www.videolan.org\/vlc\/index.html\">download a copy of the VLC Player at: https:\/\/www.videolan.org\/vlc\/index.html<\/a>.<\/p>\n\n\n\n<p>Now you have a complete solution for creating and distributing your own captioned video, using free and open source solutions, including a free and open source video player for students that supports a wide range of formats and media, such as DVD\u2019s, audio CD\u2019s, VCD\u2019s, and various streaming protocols.<\/p>\n\n\n\n<p>That completes our workflow, thanks for reading!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you just jumped in, we\u2019ve been covering a workflow for captioning digital video. We\u2019ve talked about the formatting and stylistic concerns for caption files, as well as transcribing and assigning time codes for each line of captioning in a caption file. Today I will tell you about a solution for viewing the captions and &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/idwerkz.com\/blog\/31-days-to-a11y\/viewing-your-captioned-videos\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Viewing Your Captioned Videos&#8221;<\/span><\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22,40],"tags":[75,9,55,72,74,71,56,54,73],"class_list":["post-346","post","type-post","status-publish","format-standard","hentry","category-31-days-to-a11y","category-how-to","tag-mkv","tag-a11y","tag-captioning","tag-handbrake","tag-media-player","tag-softsub","tag-subtitles","tag-video","tag-vlc"],"_links":{"self":[{"href":"https:\/\/idwerkz.com\/blog\/wp-json\/wp\/v2\/posts\/346","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/idwerkz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/idwerkz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/idwerkz.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/idwerkz.com\/blog\/wp-json\/wp\/v2\/comments?post=346"}],"version-history":[{"count":1,"href":"https:\/\/idwerkz.com\/blog\/wp-json\/wp\/v2\/posts\/346\/revisions"}],"predecessor-version":[{"id":360,"href":"https:\/\/idwerkz.com\/blog\/wp-json\/wp\/v2\/posts\/346\/revisions\/360"}],"wp:attachment":[{"href":"https:\/\/idwerkz.com\/blog\/wp-json\/wp\/v2\/media?parent=346"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/idwerkz.com\/blog\/wp-json\/wp\/v2\/categories?post=346"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/idwerkz.com\/blog\/wp-json\/wp\/v2\/tags?post=346"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}