{"id":241,"date":"2013-01-09T15:33:52","date_gmt":"2013-01-09T18:33:52","guid":{"rendered":"http:\/\/www.samontab.com\/web\/?p=241"},"modified":"2013-01-09T15:37:25","modified_gmt":"2013-01-09T18:37:25","slug":"how-to-make-hd-screencasts-using-free-tools","status":"publish","type":"post","link":"https:\/\/www.samontab.com\/web\/2013\/01\/how-to-make-hd-screencasts-using-free-tools\/","title":{"rendered":"How to make HD screencasts using free tools"},"content":{"rendered":"<p>A <a title=\"Screencast\" href=\"http:\/\/en.wikipedia.org\/wiki\/Screencast\">screencast<\/a> is basically a video of your computer screen with your voice as the audio. A screencast is very useful for tutorials or teaching how to use something with your computer.<br \/>\nThere are a couple of paid programs that allow you to create screencasts, but in this post I will show you how to make them using only free tools(although you need to be running Windows for this tutorial, which is not free, sorry about that).<\/p>\n<p>The first step is to download and install the codec that will allow us to compress the video. We are going to use one of the best standards for HD video: <strong>H.264\/MPEG-4 AVC<\/strong>. The specific implementation to install here is <strong>x264vfw<\/strong>.<\/p>\n<p>You need to install the <a href=\"http:\/\/sourceforge.net\/projects\/x264vfw\/files\/x264vfw\/\" title=\"32 bits x264vfw\" target=\"_blank\">32 bits version<\/a> (even if you have a 64 bits system). After you install the 32 bits version, try to install the <a href=\"http:\/\/sourceforge.net\/projects\/x264vfw\/files\/x264vfw64\/\" title=\"64 bits x264vfw\" target=\"_blank\">64 bits version<\/a> as well (you may not be able to do it in a 32 bit system).<\/p>\n<p>Now, install the latest version of <a title=\"camstudio\" href=\"http:\/\/camstudio.org\/\" target=\"_blank\">camstudio<\/a>. It is a great program that will allow you to record your voice and your desktop. Make sure that you also install the <strong>Lossless Video Codec<\/strong> as well.<\/p>\n<p>OK, now you should have camstudio and its Lossless Video Codec installed. <strong>Make sure that you have your mic and\/or video camera connected to your computer<\/strong>. Now we are going to configure camstudio to make it screencast ready.<\/p>\n<p>Start camstudio and set the following options:<\/p>\n<ul>\n<li>Options-&gt; Record audio from microphone<\/li>\n<li>Options-&gt; Program Options -&gt; Play AVI file when recording stops -&gt; Do not play AVI file<\/li>\n<li>Options-&gt; Program Options -&gt; Name of AVI file -&gt; Automatic file naming (use date and time)<\/li>\n<li>Options-&gt; Program Options -&gt; Minimize program on start recording (not checked)<\/li>\n<li>Options-&gt; Program Options -&gt; Directory for recording -&gt; Use user specified directory&#8230; (and specify a directory where you want your videos to be saved)<\/li>\n<\/ul>\n<p>Now, go to Options-&gt; Video options, and select the following:<br \/>\n<a href=\"http:\/\/www.samontab.com\/web\/2013\/01\/how-to-make-an-hd-screencast-using-free-tools\/camstudio_lossless\/\" rel=\"attachment wp-att-263\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.samontab.com\/web\/wp-content\/uploads\/2013\/01\/camstudio_lossless.png\" alt=\"camstudio_lossless\" width=\"471\" height=\"457\" class=\"alignnone size-full wp-image-263\" srcset=\"https:\/\/www.samontab.com\/web\/wp-content\/uploads\/2013\/01\/camstudio_lossless.png 471w, https:\/\/www.samontab.com\/web\/wp-content\/uploads\/2013\/01\/camstudio_lossless-300x291.png 300w\" sizes=\"auto, (max-width: 471px) 100vw, 471px\" \/><\/a><\/p>\n<ul>\n<li>Compressor: CamStudio Lossless Codec 1.5 (<em>or newer<\/em>)<\/li>\n<li>Quality 100<\/li>\n<li>Select Auto Adjust<\/li>\n<li>Move the slider to where you have a Playback rate of 25 frames \/ second (the default one is 200 fps!)<\/li>\n<\/ul>\n<p>Now go to Options-> Audio options-> Audio options for microphone, and select the following:<br \/>\n<a href=\"http:\/\/www.samontab.com\/web\/2013\/01\/how-to-make-an-hd-screencast-using-free-tools\/camstudio_audio\/\" rel=\"attachment wp-att-264\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.samontab.com\/web\/wp-content\/uploads\/2013\/01\/camstudio_audio.png\" alt=\"camstudio_audio\" width=\"316\" height=\"451\" class=\"alignnone size-full wp-image-264\" srcset=\"https:\/\/www.samontab.com\/web\/wp-content\/uploads\/2013\/01\/camstudio_audio.png 316w, https:\/\/www.samontab.com\/web\/wp-content\/uploads\/2013\/01\/camstudio_audio-210x300.png 210w\" sizes=\"auto, (max-width: 316px) 100vw, 316px\" \/><\/a><\/p>\n<ul>\n<li>Audio Capture Device: Select your device<\/li>\n<li>Recording Format, select 44.1kHz, stereo, 16 bit.<\/li>\n<li>Compressed format: PCM<\/li>\n<\/ul>\n<p>Now we are going to set which area of the screen to record. Go to Region-&gt;Fixed Region and set these values:<br \/>\n<a href=\"http:\/\/www.samontab.com\/web\/2013\/01\/how-to-make-an-hd-screencast-using-free-tools\/camstudio_fixedregion\/\" rel=\"attachment wp-att-265\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.samontab.com\/web\/wp-content\/uploads\/2013\/01\/camstudio_fixedregion.png\" alt=\"camstudio_fixedregion\" width=\"259\" height=\"318\" class=\"alignnone size-full wp-image-265\" srcset=\"https:\/\/www.samontab.com\/web\/wp-content\/uploads\/2013\/01\/camstudio_fixedregion.png 259w, https:\/\/www.samontab.com\/web\/wp-content\/uploads\/2013\/01\/camstudio_fixedregion-244x300.png 244w\" sizes=\"auto, (max-width: 259px) 100vw, 259px\" \/><\/a><\/p>\n<ul>\n<li>Left: 80<\/li>\n<li>Top: 25<\/li>\n<li><strong>Width: 1280<\/strong><\/li>\n<li><strong>Height: 720<\/strong><\/li>\n<\/ul>\n<p>The most important thing to note here is the width and height of 1280 and 720 respectively. This is <a href=\"http:\/\/en.wikipedia.org\/wiki\/High-definition_television#High-definition_display_resolutions\" title=\"HD resolutions\" target=\"_blank\">widescreen HD format<\/a> (720p) and it is very important that you use these values. If you use other, non standard values, you will end up with problems in your video. If you have a larger screen, you may want to use a width of 1920 and a height of 1080, which is even better (1080p). The other values, left and top, should be set depending on the actual area that you want to record of your desktop. Remember that <strong>left<\/strong> plus <strong>width<\/strong> and <strong>top<\/strong> plus <strong>height<\/strong> should be less or equal to your total screen width and height respectively.<\/p>\n<p>Alternatively to selecting a specific region in your screen, you can first adjust your screen resolution to 1280&#215;720 (or 1920&#215;1080), and select Region-> Full Screen instead. I prefer using a region because you can show your software in your native resolution, and also you have the option to not show the clock, and the menu bar, etc. This is specially important for continuity when editing videos later.<\/p>\n<p>OK, now go ahead and make a couple of quick tests. Click on the record button(red circle), start talking, moving your mouse, opening folders, etc. After some seconds, press stop(blue square). After a moment, a video should be waiting for you in the location you specified earlier without you having to do anything else. Go there and check it. Make sure that the video came out OK, that you can see the areas that you want, that your voice is loud and clear, that the video resolution and frame rate are what you expected, and that you are comfortable with this recording procedure. Also, always make sure that you have at least a couple of seconds at the beginning and at the end of your recordings. Specially at the end, because the encoding technique that we will use cuts one or two seconds at the end, depending on the length of your video.<\/p>\n<p>Before you start doing real screencasts, let&#8217;s check a couple of issues. Camstudio is a great program, but sometimes it crashes, and it forgets all your settings, which is unfortunate (incredibly annoying and frustrating). That&#8217;s why it is good to save your preferences, which are stored in four files located at the installation directory (<strong>C:\\Program Files (x86)\\CamStudio 2.6b<\/strong>). Once you have set all your preferences, just copy these four files: <strong>Camdata.ini<\/strong>, <strong>CamLayout.ini<\/strong>, <strong>CamShapes.ini<\/strong>, <strong>CamStudio.ini<\/strong> into a safe place (C:\\Users\\Public\\Documents\\camstudioconfig for example). If camstudio crashes and forgets your preferences, simply close the software, copy your files back and continue normally.<\/p>\n<p>After you record a couple of videos, you can edit them. We are going to use a video editor called <a title=\"Virtualdub\" href=\"http:\/\/sourceforge.net\/projects\/virtualdub\/?source=directory\" target=\"_blank\">virtualdub<\/a>. Download and open it. Drag and drop a video there. You can now see all the frames that compose the video. You can select some frames and delete them for example. Also, you can append another video. You can also do many other things, but appending videos and removing frames is all you need to create a nice screencast. It is important that all your videos are recorded with the same settings, like width, height, even sound should be the same. <\/p>\n<p>Before you edit a video, always check these settings in virtualdub:<\/p>\n<ul>\n<li>Make sure that Video-&gt;Full processing mode is selected<\/li>\n<li>Make sure that Audio-&gt;Direct stream copy is selected<\/li>\n<\/ul>\n<p>Now, go to Video-> compression and select x264vfw:<br \/>\n<a href=\"http:\/\/www.samontab.com\/web\/2013\/01\/how-to-make-an-hd-screencast-using-free-tools\/virtualdub_compression\/\" rel=\"attachment wp-att-266\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.samontab.com\/web\/wp-content\/uploads\/2013\/01\/virtualdub_compression-300x176.png\" alt=\"virtualdub_compression\" width=\"300\" height=\"176\" class=\"alignnone size-medium wp-image-266\" srcset=\"https:\/\/www.samontab.com\/web\/wp-content\/uploads\/2013\/01\/virtualdub_compression-300x176.png 300w, https:\/\/www.samontab.com\/web\/wp-content\/uploads\/2013\/01\/virtualdub_compression.png 541w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Click on configure and set the following options:<br \/>\n<a href=\"http:\/\/www.samontab.com\/web\/2013\/01\/how-to-make-an-hd-screencast-using-free-tools\/virtualdub_configuration\/\" rel=\"attachment wp-att-267\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.samontab.com\/web\/wp-content\/uploads\/2013\/01\/virtualdub_configuration-300x263.png\" alt=\"virtualdub_configuration\" width=\"300\" height=\"263\" class=\"alignnone size-medium wp-image-267\" srcset=\"https:\/\/www.samontab.com\/web\/wp-content\/uploads\/2013\/01\/virtualdub_configuration-300x263.png 300w, https:\/\/www.samontab.com\/web\/wp-content\/uploads\/2013\/01\/virtualdub_configuration.png 664w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<ul>\n<li>enable zero latency<\/li>\n<li>enable virtualdub hack<\/li>\n<\/ul>\n<p>Click OK, OK<br \/>\nNow you can edit the screencast by appending your videos, and removing frames. You can take a look at what virtualdub has to offer <a href=\"http:\/\/www.virtualdub.org\/features.html\" title=\"virtualdub features\" target=\"_blank\">here<\/a>.<br \/>\nOnce you are finished editing your screencast, you can go to File-&gt;save as avi. It will generate the first version of your screencast, but we need to compress it even further and change it into a different format.<\/p>\n<p>Now comes the final step. Install and open <a title=\"VLC\" href=\"http:\/\/www.videolan.org\/vlc\/index.html\" target=\"_blank\">vlc<\/a> and select Media-&gt;Convert\/Save. Under file selection, click Add and select the AVI file you just created with virtualdub. Click on Convert\/Save. On Destination folder, copy the same file path as the source, but <strong>end the filename with mp4 instead of avi<\/strong>. Under profile, make sure that <strong>Video H.264 + AAC (MP4)<\/strong> is selected. Click on start, and after some minutes, you will have your HD screencast ready in the same folder that you selected at the beginning.<\/p>\n<p>Note:<br \/>\nIf you need to make a screencast of Linux, or other operating system, you can use <a title=\"VirtualBox\" href=\"https:\/\/www.virtualbox.org\/\" target=\"_blank\">virtualbox<\/a>. Just use it as a normal windows application, and everything will be recorded. Make sure that your region is set so that it covers the area that you want to record. If you are interested in a native application, you can take a look at <a href=\"http:\/\/recordmydesktop.sourceforge.net\/about.php\" title=\"recordmydesktop\" target=\"_blank\">recordmydesktop<\/a>.<\/p>\n<p>Note 2:<br \/>\nIf you already have a recording in camstudio and want to change the frame rate, you can do that easily with virtualdub. Open the video in virtualdub, go to video, select direct stream copy. Go to video, select frame rate.<br \/>\nUnder frame rate conversion, select convert to fps, and put 25 (or the desired value). Go to file, select save as avi. It should process the file quickly.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A screencast is basically a video of your computer screen with your voice as the audio. A screencast is very useful for tutorials or teaching how to use something with your computer. There are a couple of paid programs that allow you to create screencasts, but in this post I will show you how to [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[21],"tags":[],"class_list":["post-241","post","type-post","status-publish","format-standard","hentry","category-open-source"],"_links":{"self":[{"href":"https:\/\/www.samontab.com\/web\/wp-json\/wp\/v2\/posts\/241","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.samontab.com\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.samontab.com\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.samontab.com\/web\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.samontab.com\/web\/wp-json\/wp\/v2\/comments?post=241"}],"version-history":[{"count":0,"href":"https:\/\/www.samontab.com\/web\/wp-json\/wp\/v2\/posts\/241\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.samontab.com\/web\/wp-json\/wp\/v2\/media?parent=241"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.samontab.com\/web\/wp-json\/wp\/v2\/categories?post=241"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.samontab.com\/web\/wp-json\/wp\/v2\/tags?post=241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}