https://www.hascode.com/tags/codec/ Recent content in Codec on Micha Kops' Tech Notes Hugo en Copyright © 2010 - 2025 Micha Kops. #e9d956c0c0154a221ad83c925346a8fa0e72f866 Sun, 05 Aug 2012 00:00:00 +0200 https://www.hascode.com/video-manipulation-using-html-5-and-javascript/ Sun, 05 Aug 2012 00:00:00 +0200 https://www.hascode.com/video-manipulation-using-html-5-and-javascript/ <div id="preamble"> <div class="sectionbody"> <div class="paragraph"> <p>Some funny stuff can be done using HTML 5, canvas elements and the video events API.</p> </div> <div class="paragraph"> <p>In the following example we’re using these techniques to apply graphic effects to a video embedded in a HTML page..</p> </div> </div> </div> <div class="sect1"> <h2 id="_the_goal">The Goal</h2> <div class="sectionbody"> <div class="paragraph"> <p>Please take a look at the following <a href="http://www.youtube.com/v/ng9bWUgj0UQ">screencast on YouTube</a> to get an idea of what the final example looks like or just take a look at the <a href="http://app.hascode.com/html5-video-manipulation/index.html">demo page</a>.</p> </div> <div class="paragraph"> <p>As you can see a video is rendered and a clone is displayed with a strange swirl effect applied.</p> </div>