HTML 5 playground

This page is valid html 5. You should hear the sound of a piano playing start soon.

This page does not contain any javascript, flash, or other embedded stuff - only clean html 5.

PS: Html 5 was still in development as of writing this document (July 2010). The standard may change in the future.

Video

Webm format video | Mkv format video | Mkv format + .webm extension

Here's a demo in the WebM format. The WebM container format is a simplification of the .mkv container format, and is designed to contain ogg vorbis audio and VP8 video.

WebM (On2 VP8 video + ogg vorbis audio) playback:

How i made the video file

This is the command line i used to encode the video. Unfortunately ffmpeg (version SVN-r24248) seems to disregard both audio and video bitrate, leaving the video bitrate way too high and audio bitrate way too low and silent:

ffmpeg -i source.avi -vcodec libvpx -acodec vorbis -strict experimental -s 320x240 -vb 160000 -ab 96000 -me_method esa html5.webm

SVG vector graphics

The examples I found on how to put SVG into html didn't quite work, so here's an ugly html 4 style <embed> tag. I guess we'll be stuck with those for now...