Firefox + Ogg = Firefogg (Demo!)

So you've heard of this thing called <video> on the interwebs but aren't convinced yet.  That it is free/libre.  That it is trivial to implement, but it is scalable and can also be extended.  That it makes life simpler.

Step 1) Install Firefox 3.5.

Step 2) Visit this website and install the Firefogg extension.  The red box should now read "Firefogg installed."

Step 3) Visit this page again...

Step 4) Upload your own video/audio.  Most formats, sizes, and lengths work.  The file is automatically transcoded on your machine and simultaneously uploaded to the server.  (If your file is already Ogg Theora and you would like to bypass reencoding, name your file "passthrough.ogg".)



The encoder utilizes the Thusnelda development branch (a.k.a. Theora 1.1), which offers better image detail, faster encoding, and smaller filesizes relative to the original Theora encoder (1.0).

I suggest this video (H.264+AAC) from the Open Video Conference and track 1 (MP3) from this Hidden Fortress release as source material.

Step 5) To make a local copy of a Ogg Theora video with full control of encoding parameters, visit this site.  The video is not uploaded to any web server.

Bonus points: Visit this page, click the icon, read the description, drag the play icon preceding the URL to your Bookmarks Toolbar, return to this page, then press the play button you just created after uploading a video.  A JavaScript bookmarklet has taken over <video> controls on your behalf and gives you new buttons, a skin, and drag-and-drop resizing.  For more fun, visit Dailymotion's demo page featuring on–the–fly video effects.

This is a demo page—click here to return to the main post.  Please report problems in the comments.

Updated 17-September-2009.