They position it as jQuery for video and the little time I’ve had to play with it would certainly support this notion. With the recent announcement from Adobe of their discontinued development of Mobile Flash this comes at a very opportune time. It’s OpenSource and fully extensible with it’s own plugin system (anyone fancy working on VAST support?) which I think will be one of it’s biggest benefits. I’ve got high-hopes for this project, anything that can level the playing field in HTML5 especially in video is to be applauded.

Link: http://mozillapopcorn.org/

Netmining Panel: Mapping the Display Landscape (West Coast Edition) from Netmining on Vimeo. Industry experts discuss how to successfully navigate the constantly evolving display ecosystem and identify valuable best practices for marketers. The panel features Alex Hooshmand of BlueKai, Qasim Saifee of OpenX, Raj Gajwani of TARGUSinfo, Anna Partel of Right Media – Yahoo! and Jeremy Woodlee of Google. Moderated by Maureen Little of Turn.

Download Netmining’s Guide to the Display Landscape here:
http://www.netmining.com/displayguide/

This technique uses the open-source ffmpeg package, you don’t really need to know exactly how ffmpeg works suffice to say it’s an extremely powerful command-line application that allows you to work directly on files, but I will try and explain a little of how it works here. This article is intended as a simple guide as to how easily you could amend a file’s attributes, this process for a 15s video will take approx 5s to process which would free up significant time and stop a lot of too-ing/fro-ing between Ops & Creative Agency.

To reduce (or increase) audio levels is a one line command like this:

ffmpeg -i myinputfile.flv -vcodec copy -acodec copy -vol 128 myoutputfile.flv

The above command is saying to the system – “Run ffmpeg using myinputfile.flv as the input file, copy all video and audio streams to the new file but amend the audio levels to be 50% of the original file”. This isn’t as complex as it looks, I’ll explain what this does:

ffmpeg -i myinputfile.flv -vcodec copy -acodec copy -vol 128 myoutputfile.flv
This runs the program and tells it the file you want to convert is called myinputfile.flv (or whatever you’ve called the file), the -i stands for ‘inputfile’.

ffmpeg -i myinputfile.flv -vcodec copy -acodec copy -vol 128 myoutputfile.flv
This part of the command is telling ffmpeg that you want to simply copy the video stream directly top the output file, ie; you don;t want to convert it or treat it in anyway

ffmpeg -i myinputfile.flv -vcodec copy -acodec copy -vol 128 myoutputfile.flv
This is the same as -vcodec but instead is telling ffmpeg that you simply want to copy the audio stream to the new file (don’t worry we’ll work with audio levels next)

ffmpeg -i myinputfile.flv -vcodec copy -acodec copy -vol 128 myoutputfile.flv
The -vol flag sets the output file’s volume relative to the input volume. To copy the audio at the exact same level as the input file you would write:
-vol 256
To set it to 50% of the input file you would put
-vol 128
To Set it at 150% of the input file’s audio levels you would put
-vol 384

ffmpeg -i myinputfile.flv -vcodec copy -acodec copy -vol 128 myoutputfile.flv
Lastly you need to specify the output file’s filename.

ffmpeg is an extremely powerful tool but the learning curve can be steep, however, it is open-source, there are plenty of training and informational resources available and best of all, it’s free.

Related links and tutorials:
http://ffmpeg.org/
http://linuxers.org/tutorial/ffmpeg-tutorial-beginners
http://www.wikihow.com/Use-FFmpeg
http://www.bala-krishna.com/convert-video-files-to-flv-using-ffmpeg-command/
http://www.tuxradar.com/content/ffmpeg-made-easy

Everything you need to know about HTML5 video and audio [Opera.com]
Is your browser ready for HTML5?. [Webmonkey]
Chrome shows off some fancy HTML5 tricks [Webmonkey]
The HTML5 Test – Score your browser on it’s readiness for HTML5.
HTML5 Browser Readiness
When Can I use? Great browser feature checking system
“WTF is HTML5 and why should we all care?” [Focus]
A Web Developer’s Guide to HTML 5[W3C]
The WHATWG Blog
Dive Into HTML 5
HTML5 Doctor
HTML5 Visual Cheat Sheet
HTML5 Gallery
Coding A HTML 5 Layout From Scratch
HTML 5 and CSS 3: The Techniques You’ll Soon Be Using
Structural Tags in HTML5
How to Make All Browsers Render HTML5 Mark-up Correctly – Even IE6
HTML5 Cheat Sheet
HTML 5 Visual Cheat Sheet
HTML5 Canvas Cheat Shee
HTML 5 Pocket Book

VIDEO:
http://apirocks.com/html5/html5.html
http://jilion.com/sublime/video
http://www.craftymind.com/2010/04/20/blowing-up-html5-video-and-mapping-it-into-3d-space/
Embed Videos In Your Web Pages Using HTML5 [Webmonkey]
http://www.webmonkey.com/2010/08/flashy-html5-experiments-point-to-webs-future/ [Webmonkey]
WhatWG description of the VIDEO element.

CANVAS:
http://www.benjoffe.com/code/
http://alteredqualia.com/canvasmol/
http://9elements.com/io/projects/html5/canvas/
A truly brilliant example of what CANVAS can achieve http://www.andrew-hoyer.com/experiments/cloth

Experiments In HTML5:
http://hakim.se/experiments/
http://www.effectgames.com/demos/canvascycle/?sound=1

Additions:
[2010-10-13] Introduction – HTML5 DOM Storage API Example
[2010-10-19] Admonsters HTML5 Advertising FAQ
[2010-10-21] http://woorkup.com/2009/12/16/html5-visual-cheat-sheet-reloaded

Sources:
Thanks to http://webdesignledger.com and http://www.designer-daily.com and http://www.webmonkey.com/ for a lot of the research in finding these sites.

]]>