30 June, 2009
Cool Firefox 3.5 HTML 5 demos
Posted by Ben Rowland in Web technology, Cool!,
Firefox 3.5 has launched and includes HTML 5 support, with features such as built-in video support, animated PNG, dynamic content injection, CSS-based transformations, and cross-site XMLHttpRequest.
Check out this great list of HTML 5 demos supported by Firefox 3.5. Slate also has posted a nice review of Firefox 3.5. There are lots of new features, such as Web Workers (background processing), private browsing, just-in-time javascript compliation, the ability to "drag" a tab to create a new window, geolocation, native json, and more. Check out the full list of features for developers.
One of the most promising features is its ability to "
connect video to the web." Firefox can now natively stream video into the browser without the help of Flash. Going a step further, the video can be connected directly to the Firefox javascript engine and a generic graphics engine directly in the browser. This will enable all nature of new web/video applications. For instance, it's now possible to use Ajax and javascript to add subtitles to videos. Developers can actually read and manipulate pixels in a video via javascript, enabling "
green screen" applications or even
motion capture and face detection (this
video includes a rather simplistic implementation based on t-shirt color). This
demo includes video of a space shuttle launch with a countdown and shuttle speed and altitude data and charts overlayed.
Web designers should love its support for beautiful fonts, which allow designers to reference TrueType and OpenType type faces. There are some nice demos here here and here.