March 2013
September 2012
iPhone 5 website teardown: How Apple compresses video using JPEG, JSON, and <canvas>
by 1 otherThe "Design" page for iPhone 5 includes an auto-playing video of the device being unlocked. But there's no video element, just a canvas. And if you check the "Network" tab of the inspector, you won't find any video there either.
But you will find some strange JPEG images:
August 2012
video + canvas = magic | HTML5 Doctor
You’ve already learned about the video and canvas elements, but did you know that they were designed to be used together? In fact, the two elements are absolutely wondrous when you combine them! I’m going to show off a few super-simple demos using these two elements, which I hope will prompt cool future projects from you fellow web authors. (All of these demos work in every modern browser except Internet Explorer.)
Manipulating video using canvas | Mozilla Developer Network
By combining the capabilities of the video element with a canvas, you can manipulate video data in real time to incorporate a variety of visual effects to the video being displayed. This article, adapted from this blog post by Paul Rouget, demonstrates how to perform chroma-keying (also known as the "green screen effect") using JavaScript code.
1
(5 marks)
