{"id":1313,"date":"2021-12-08T08:55:00","date_gmt":"2021-12-08T08:55:00","guid":{"rendered":"https:\/\/writingagame.com\/?p=1313"},"modified":"2022-07-11T15:56:23","modified_gmt":"2022-07-11T15:56:23","slug":"video-davinci-resolve","status":"publish","type":"post","link":"https:\/\/writingagame.com\/index.php\/2021\/12\/08\/video-davinci-resolve\/","title":{"rendered":"Video. DaVinci Resolve"},"content":{"rendered":"\n<p>I reached the point in my blog where I had to share not just a screenshot, but video. This task splits in a few steps:<\/p>\n\n\n\n<p><strong>1. Capturing the video<\/strong><\/p>\n\n\n\n<p>So, I have an animation on my screen, which I want to record\/capture.<\/p>\n\n\n\n<p>Windows 10 offers a <em>Capture Utility<\/em> to record your display. It&#8217;s a part of the <em>Xbox Game Bar<\/em>. To activate it &#8211; press <strong>Windows+G<\/strong>. Alternatively, you can open the <em>Start menu<\/em> and launch the <em>Xbox Game Bar<\/em> application. <\/p>\n\n\n\n<p>Open <em>Widgets Menu<\/em> in the Bar and pick <em>Capture<\/em> tool. Looks like this:<\/p>\n\n\n\n<p><img decoding=\"async\" src=\"https:\/\/writingagame.com\/img\/b03\/c02\/001.jpg\"><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Guess, it&#8217;s clear enough what to do with it (just Start and Stop recording). After video recorded, it will be saved in your <em>Video <\/em>folder, which you can find in <em>C:\\Users\\???\\Videos\\Captures<\/em>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p><strong>2. Video editing<\/strong><\/p>\n\n\n\n<p>For this we&#8217;ll need some Video editor. Up to me &#8211; simpler is better. My second requirement (actually, first) &#8211; it must be free. I tried a few, ended up settling on <strong>Davinci Resolve 17<\/strong>. Not the simplest one, but accompanied by a bunch of nice tutorials, which makes things much easier.<\/p>\n\n\n\n<p>2.1. You can <a href=\"https:\/\/www.blackmagicdesign.com\/products\/davinciresolve\/?gclid=CjwKCAiA55mPBhBOEiwANmzoQnlYM3PdtdCyL3zlc_F_G5vjC2XPYbGrp8o1W4OSa8vYrkhN1O1AkBoCxAIQAvD_BwE\" target=\"_blank\" rel=\"noreferrer noopener\">download it here<\/a>.<\/p>\n\n\n\n<p>Start. The first screen you see is:<\/p>\n\n\n\n<p><img decoding=\"async\" src=\"https:\/\/writingagame.com\/img\/b03\/c02\/01.jpg\"><\/p>\n\n\n\n<p>Obviously, double-click on &#8220;Untitled Project&#8221;.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p>2.2. Main screen:<\/p>\n\n\n\n<p><img decoding=\"async\" src=\"https:\/\/writingagame.com\/img\/b03\/c02\/02.jpg\"><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>The first thing you will need &#8211; your video source files.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p>2.3. Load your video: <em>Top menu -&gt; File -&gt; Import -&gt; Media<\/em>:<\/p>\n\n\n\n<p><img decoding=\"async\" src=\"https:\/\/writingagame.com\/img\/b03\/c02\/03.jpg\"><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Pick your video file. It may ask: &#8220;Change Project Frame Rate?&#8221; &#8211; Change.<\/p>\n\n\n\n<p>Now it&#8217;s in your Media Pool area (top left section).<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p>2.4. Drag-and-drop it to Timeline section:<\/p>\n\n\n\n<p><img decoding=\"async\" src=\"https:\/\/writingagame.com\/img\/b03\/c02\/04.jpg\"><\/p>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p>2.5. Select your clip start frame position:<\/p>\n\n\n\n<p><img decoding=\"async\" src=\"https:\/\/writingagame.com\/img\/b03\/c02\/05.jpg\"><\/p>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p>2.6. Remember it: <em>Trim -&gt; Trim Start<\/em><\/p>\n\n\n\n<p><img decoding=\"async\" src=\"https:\/\/writingagame.com\/img\/b03\/c02\/06.jpg\"><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Same with the end position: select ending frame, then <em>Trim -&gt; Trim End<\/em>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p>2.7. In my case it was enough, ready to save the job, which requires to switch to &#8220;<strong>Deliver<\/strong>&#8221; screen. The button is in the bottom tool-bar:<\/p>\n\n\n\n<p><img decoding=\"async\" src=\"https:\/\/writingagame.com\/img\/b03\/c02\/07.jpg\"><\/p>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p>2.8. Set output file name and location, select file format:<\/p>\n\n\n\n<p><img decoding=\"async\" src=\"https:\/\/writingagame.com\/img\/b03\/c02\/08.jpg\"><\/p>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p>2.9. And then &#8211; <em>Add to Render Queue<\/em>:<\/p>\n\n\n\n<p><img decoding=\"async\" src=\"https:\/\/writingagame.com\/img\/b03\/c02\/09.jpg\"><\/p>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p>2.10. And &#8211; <em>Render All<\/em>:<\/p>\n\n\n\n<p><img decoding=\"async\" src=\"https:\/\/writingagame.com\/img\/b03\/c02\/10.jpg\"><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>When ready &#8211; that&#8217;s it, see your clip in the destination folder.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p><strong>3. Video hosting<\/strong><\/p>\n\n\n\n<p>The output file (mp4) is relatively big, so better to keep it somewhere outside of your server. <em>Youtube <\/em>looks like a nice alternative. So, go to <em>youtube.com<\/em>, click on your icon in the top-right corner, add a channel, upload your video, answer a few questions and publish!<\/p>\n\n\n\n<p>It will give you a link to your video, so now you can embed it into your web page.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p><strong>4. Linking to your page<\/strong><\/p>\n\n\n\n<p>Youtube can also provide an HTML code to embed the video into your page. In my case I had to modify it a bit to fit the page better and to re-play it repeatedly:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;iframe width=\"100%\" height=\"400\" \nsrc=\"https:\/\/www.youtube.com\/embed\/eZ5UKOL3plY?controls=0&amp;autoplay=1&amp;loop=1&amp;playlist=eZ5UKOL3plY\" \ntitle=\"Shader groups\" frameborder=\"0\" allow=\"accelerometer; \nautoplay; clipboard-write; encrypted-media; gyroscope; \npicture-in-picture\" allowfullscreen=\"\"&gt;&lt;\/iframe&gt;<\/code><\/pre>\n\n\n\n<p>Insert it into your web page, publish. Result:<\/p>\n\n\n\n<iframe loading=\"lazy\" width=\"100%\" height=\"400\" src=\"https:\/\/www.youtube.com\/embed\/eZ5UKOL3plY?controls=0&amp;autoplay=1&amp;loop=1&amp;playlist=eZ5UKOL3plY\" title=\"Shader groups\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p class=\"mb-2\">I reached the point in my blog where I had to share not just a screenshot, but video. This task splits in a few steps: 1. Capturing the video So, I have an animation on my screen, which I want to record\/capture. Windows 10 offers a Capture Utility to record your display. It&#8217;s a part [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1314,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-1313","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-side-notes"],"_links":{"self":[{"href":"https:\/\/writingagame.com\/index.php\/wp-json\/wp\/v2\/posts\/1313","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/writingagame.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/writingagame.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/writingagame.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/writingagame.com\/index.php\/wp-json\/wp\/v2\/comments?post=1313"}],"version-history":[{"count":5,"href":"https:\/\/writingagame.com\/index.php\/wp-json\/wp\/v2\/posts\/1313\/revisions"}],"predecessor-version":[{"id":1589,"href":"https:\/\/writingagame.com\/index.php\/wp-json\/wp\/v2\/posts\/1313\/revisions\/1589"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/writingagame.com\/index.php\/wp-json\/wp\/v2\/media\/1314"}],"wp:attachment":[{"href":"https:\/\/writingagame.com\/index.php\/wp-json\/wp\/v2\/media?parent=1313"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/writingagame.com\/index.php\/wp-json\/wp\/v2\/categories?post=1313"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/writingagame.com\/index.php\/wp-json\/wp\/v2\/tags?post=1313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}