Mixing HTML5 Video and Canvas - HTML5 Canvas - page 262

HandBrake ( http://handbrake.fr/ )
This video-converter application for the Macintosh platform creates .mp4
and .ogg file types.
FFmpeg ( http://ffmpeg.org/ )
This is the ultimate cross-platform, command-line tool for doing video conver-
sions. It works in Windows/Mac/Linux and can do nearly any conversion you
desire. However, there is no GUI interface, so it can be daunting for beginners.
Some of the tools above use FFmpeg as their engine to do video conversions.
Basic HTML5 Video Implementation
In the <video> tag's most minimal implementation, it only requires a valid src atrribute.
For example, if we took a nifty little video of the waves crashing at Muir Beach, Cali-
fornia (just north of San Francisco), and we encoded it as an H.264 .mp4 file, the code
might look like this:
<video src="muirbeach.mp4" />
To see an example of this basic code, look at the CH6EX1.html file in
the code distribution.
There are many properties that can be set in an HTML5 video embed. These properties
are actually part of the HTMLMediaElement interface, implemented by the HTMLVideo
Element object. Some of the more important properties include:
src
The URL to the video that you want to play.
autoplay
true or false . Forces the video to play automatically when loaded.
loop
true or false . Loops the video back to the beginning when it has finished playing
(at the time of this writing, this did not work in Firefox).
volume
A number between 0 and 1. Sets the volume level of the playing video.
poster
A URL to an image that will be shown while the video is loading.