HTML and CSS Reference
In-Depth Information
Figure 12-9.
Displays WebRTC functionality in the Chrome browser
The possibilities are really endless when you can get this form of user interaction. You can even use motion
trackers and detect where a user is within the video frame. A really amazing example of this is allowing the user to
play the virtual xylophone (
http://soundstep.com/blog/experiments/jsdetection
), but it doesn't end there.
What about placing their head on a game character or even playing virtual drums and collaborating with other band
members around the world? For a really good demo of WebRTC, visit
http://html5rocks.com/en/tutorials/
■
Note
You'll need to test this WebrtC demo on a local or remote server in order to see the video stream.
Media Source API
One of the biggest limitations with HTML5 video is the universal spec for streaming video. Now with the Media
Source API, you can “chunk” or segment a WebM video file and use JavaScript to stitch the video chunks back
together for a seamless video playback experience to the end user. This method is great to use in web advertising
with video because the streaming video doesn't incur the additional k-weight set by publishers. At the time of this
writing, the only example can be found at
http://html5-demos.appspot.com/static/media-source.html
.
Be sure
to visit
chrome://flags
and enable the API before testing this feature because it's not a native feature or adopted at
the moment; instead, this is a future solution to streaming WebM video formats to the Chrome browser. For more
■
Note
at time of writing, only the WebM video container is supported for the media source api.
Web Audio API
The Web Audio API provides real-time processing and analysis of audio waves directly inside the browser.
It's essentially a low-level audio manipulation API that allows you to produce and manipulate audio waves using
JavaScript without the need of a plug-in. It uses effects such as spatial panning, low/high-pass filters, convolution
filters, gain control, and sine-wave generation. With the Web Audio API, you could effectively build sophisticated
audio platforms that mimic Pro Tools-like features right within your web content. Say you have an ad experience
