You can learn the HTML5 canvas and video tag today and prepare for the future of the web. The entire web is abuzz with HTML5 news and tutorials, there has never been a better time to learn HTML5. In this post, I present a first of many resources to get started.
Both the canvas and video element are two of the major new elements in HTML5. If you plan on creating a new website in the coming years, you will certainly come across those two. Although there might still be some controversy on the details (like which video codec to use), both elements are standardized and well supported on the major browsers. Unlike some other HTML5 elements, you can start using them today.
Enter HTML5 Doctor’s video and canvas element tutorial. Not only will you learn how easy these elements are to get into. You’ll also see what kind of great effects are possible. Not every website will need to manipulate the video images in real time, but it is good to know the possibilities well and have them in your toolbox.
If you’ve followed my recent posts, you’ll know I’ve been getting into HTML5 web applications. Part of that will be JavaScript, but going through the tutorial, it’s clear that the HTML5 elements will also play a major role. Using the different elements properties, it’s possible to do some incredibly powerful things with fairly simple JavaScript code.
Which is why I think this canvas and video tutorial is a great first step.