Google I/O 2011: HTML5 Showcase for Web Developers: The Wow and the How
Why Stack Overflow recommends it
Stack Overflow users link it when answering questions about HTML5 audio, binary XHR and the HTML5 terminal demo, since it shows working code for each.
Recommended by 3 people across 2 different months, 2011 to 2012.
What it is
A one-hour Google I/O 2011 conference talk by Eric Bidelman and Arne Roomann-Kurrik that demos bleeding-edge HTML5 features in Chrome and then breaks down how each demo was built. It covers graphics, performance, audio and system integration, including the HTML5 terminal demo.
What people said
Strong rec Quasdunk · 2012-06 · Stack Overflow · on “Is It Possible to create a music player with PHP?”
Concerning audio stuff you should **definetly** check out this video from Google I/O 2011 ( [this video] ). The talk about HTML5 Audio starts at about 37:00, the *really* nasty stuff starts at ca. 42:00. This goes *way* beyond zippyshare, and the best thing about it is that it only uses native HTML5 elements. And it's just incredible! And awesome... Incredibly awesome!
Recommends Garrett Vlieger · 2011-11 · Stack Overflow · on “Any Idea on on how does the HTML 5 Terminal work?”
The actual presentation for the demos is from the Google I/O conference, and the talk was called HTML5: The Wow and the How. If you watch the video, they go over everything that's implemented in the terminal demo: [this video] It's very cool stuff.
Recommends no_name_here · 2011-11 · Stack Overflow · on “Javascript library that has event listeners for music queues?”
See the presentation "HTML5 The Wow and the How at Google I/O 2011": [this video] specifically see the slide 64 (00:43min or directly from [LINK] ), it has an example of an equalizer, very similar to what you want to create.
Cites user278064 · 2011-08 · Stack Overflow · on “Downloading binary data using XMLHttpRequest, without overrideMimeType”
Google I/O 2011: HTML5 Showcase for Web Developers: The Wow and the How [this video] Fetch binary file: new hotness var xhr = new XMLHttpRequest(); xhr.open('GET', ' [LINK] ', true); xhr.responseType = 'arraybuffer'; xhr.onload = function(e) { if (this.status == 200) { var uInt8Array = new Uint8Array(this.response); // Note:not xhr.responseText for (var i = 0, len = uInt8Array.length; i < len; ++i) { uInt8Array[i] = this.response[i]; } var byte3 = uInt8Array[4]; // byte at offset 4 } } xhr.send();