Explain that this is a part of a series of discussions on HTML5
Switch out to modernizr_demo.html
Switch out to canvas_demo.html
Switch out to video_demo.html
Switch out to audio_demo.html
There were plans for a git repo but those were axed when DreamHost complicated things. Explain that the gzip lacks the Moon trailer due to redistribution rights.
A Brief Interlude into HTML5
A Brief Interlude into<br />HTML5<br />The future problems with the web, today!<br />
Say hello to my little friends<br />This presentation will focus on three new HTML5 tags exclusively<br /><canvas><br /><audio><br /><video><br />Future presentations will focus on Geolocation, DOM Storage, semantics, and other topics<br />
Should I even ask about IE?<br />Nearly every modern browser supports some HTML5<br />Support varies from browser to browser<br />Internet Explorer does not<br />Good HTML5 must encompass one of two techniques<br />We must design it so it "progressively enhances" content and feature sets on web apps<br />If you run IE, some features should be implemented in JS/Flash or not be supported at all<br />Or we can ignore IE altogether<br />And nothing of value was lost<br />So for the time being HTML5 support is fragmented but it can be used for many things<br />
Detecting HTML5<br />We can use the Modernizr JS library to detect HTML5 support<br />We can also use it to determine codec support for audio and video<br />Also good for detecting CSS3 features<br />
<video><br />Do video in a flash without that other thing<br />Implementation dependant on a browser with codecs compiled<br />This continues to be a sore point with developers and the HTML5 committees<br />We can treat video like any other HTML element, and manipulate it with JS and even the <canvas><br />Where is your god now, Adobe?<br />Two codecs are being used for HTML5 video<br />OggTheora<br />MPEG-4 H.264<br />W3C, WHATWG have not specified what codec to use<br />Originally, WHATWG said to use Ogg<br />
<audio><br />Like video, only without the video<br />OggVorbis is generally the sole accepted codec<br />and WAV<br />MP3 support is set to become the norm in 2011<br />Patents will expire<br />If you can’t wait, Chrome and Safari support it<br />
The Apprehension of the H.246 License<br />Using H.264 is not free at all – it costs money to use the codec<br />And in 2011, you will be required to pay up to 30 cents per view for content provided with H.264<br />OR up to $20,000 per year<br />The licensing issue continues to be a sore point in the W3C and WHATWG steering committees<br />OggTheora not the ‘sawzall’ solution we need because its protection to submarine patents can’t be guaranteed<br />And as such, it is no longer part of the HTML5 standard<br />Licensing future for H.264 and AVC not yet certain<br />Firefox does not support H.264 due to this very issue (Chrome, Safari do)<br />But Chrome also supports OggTheora<br />You see where this is heading, don’t you?<br />
Know the score<br />Get the code<br />http://bit.ly/62AH3A<br />Get this slideshow<br />http://bit.ly/7Pkuxm<br />Explore more HTML5<br />diveintohtml5.org<br />http://bit.ly/6U2tLT<br />html5doctor.com<br />
A particular slide catching your eye?
Clipping is a handy way to collect important slides you want to go back to later.