Recent Updates

Case Study: Building Technitone.com

Feb. 27, 2012 By gskinnerdot com Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported audio webgl webaudio

graphics multimedia

How Technitone.com was built with the Web Audio API, WebGL, WebSockets, and a decent amount of magic.

Capturing Audio & Video in HTML5

Feb. 22, 2012 By Eric Bidelman Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported getusermedia

multimedia

How to capture audio and video using the navigator.getUserMedia() API.

Mixing Positional Audio and WebGL

Feb. 16, 2012 By Ilmari Heikkinen Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported webaudio webgl

multimedia

How to use the positional audio features in Web Audio API with Three.js.

WebGL Fundamentals

Feb. 9, 2012 By Gregg Tavares Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported webgl

graphics

Fundamentals of using WebGL as a 2D drawing API and using shaders for image processing.

Getting Started With the Track Element

Feb. 8, 2012 By Sam Dutton Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported accessibility audio video

multimedia

The track element provides a simple, standardized way to add subtitles and captions to video and audio, but can also be used with other kinds of timed data, to improve searchability and enable deep linking.

Google Photography Prize Gallery

Feb. 7, 2012 By Ilmari Heikkinen Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported closure

Building the gallery widget for the Google Photography Prize site using Closure.

Animating a Million Letters Using Three.js

Jan. 30, 2012 By Ilmari Heikkinen Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported webgl three.js

graphics

A guide to using shaders to animate large amounts of particles.

Case Study: Building the Stanisław Lem Google doodle

Dec. 21, 2011 By Marcin Wichary Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported doodle

graphics

A walk through of the HTML5 tech behind the Stanisław Lem Google doodle.

Migrating your WebSQL DB to IndexedDB

Dec. 5, 2011 By Ido Green Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported business indexeddb

offline

A look at what it would take to port a WebSQL based application to IndexedDB.

Using CORS

Oct. 26, 2011 By Monsur Hossain Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported cors xhr2

nuts_and_bolts

An introduction to Cross Origin Resource Sharing (CORS), which gives scripts the ability to make cross-origin XHRs.

The Synchronous FileSystem API for Workers

Oct. 25, 2011 By Eric Bidelman Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported filesystem workers

storage file_access

The HTML5 FileSystem API offers an synchronous version to be used in the context of Web Workers. The tutorial introduces the Synchronous API, and gives practical examples of using it.

Getting Started with Web Audio API

Oct. 14, 2011 By Boris Smus Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported gaming webaudio

multimedia

A gentle introduction to loading and playing, cross-fading, and filtering sound using the Web Audio API.

HTML5 Techniques for Optimizing Mobile Performance

Sept. 19, 2011 By Wesley Hales Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported mobile

performance

Learn the fundamentals of an HTML5 mobile framework. From network detection to sliding, flipping, and more.

Introduction to Raphaël.js

Sept. 8, 2011 By James Williams Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported svg raphaeljs

graphics

Learn how to use Raphaël.js to create cross-platform SVG scenes.

Measuring Page Load Speed with Navigation Timing

Aug. 31, 2011 By Sam Dutton Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported navigationtiming

performance

Get accurate and detailed timing statistics-natively-for page navigation and load events.

Multi-touch Web Development

Aug. 21, 2011 By Boris Smus Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported mobile

Introduction on touch events for mobile devices.

Improving HTML5 Canvas Performance

Aug. 16, 2011 By Boris Smus Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported gaming canvas

graphics performance

Ten tips to make your canvas applications and games faster. Every technique is backed up by a performance test.

Integrating Canvas into your Web App

Aug. 5, 2011 By David Tong Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported canvas

graphics

Use the HTML5 canvas element to create, edit, open, export images and tips on how these techniques can be applied to an existing web application.

How Browsers Work: Behind the scenes of modern web browsers

Aug. 5, 2011 By Tali Garsiel Paul Irish Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported internals

performance

In this comprehensive primer, you will learn what happens in the browser between when you type google.com in the address bar until you see the Google page on the browser screen.

Case Study: Auto-Resizing HTML5 Games

July 3, 2011 By Derek Detweiler Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported gaming canvas

Resizing your game to fit a variety of form factors and window sizes.

Simple Asset Management for HTML5 Games

July 2, 2011 By Seth Ladd Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported gaming

Centralize and manage the asset downloads for your HTML5 game.

Feature, Browser, and Form Factor Detection: It's Good for the Environment

June 27, 2011 By Michael Mahemoff Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported mobile feature detection

Tune your app to the environment it's running in using Feature Detection, Browser Detection, and Form Factor detection.

HTML5 vs Native: The Mobile App Debate

June 3, 2011 By Michael Mahemoff Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported mobile

There are still compelling reasons to go native, and clearly, many developers are indeed going that route. This article is a debate on native versus web. We'll examine each point in favor of native, then we'll let the web come in and give its best defense.

Making Forms Fabulous with HTML5

June 2, 2011 By Jan Kleinert Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported forms

semantics

Take advantage of improved forms support in HTML5 to build better forms, more easily.

An Introduction to Shaders

June 2, 2011 By Paul Lewis Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported webgl gaming shaders

graphics

Want to learn about WebGL shaders but don't know where to start? I'm here to help!

Getting Started with Three.js

June 2, 2011 By Paul Lewis Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported canvas webgl gaming

graphics

Three.js is a powerful engine for doing native 3D work in your browser. But how do you get going?

Working Off the Grid with HTML5 Offline

June 1, 2011 By Paul Kinlan Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported business mobile

offline

This article covers practical techniques and examples for handling connectivity flakiness.

Rendering HTML5 in older browsers with Google Chrome Frame

May 30, 2011 By Malte Ubl Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported chromeframe

HTML5 adds a multitude of new awesome tools to the web developer toolbox. Google Chrome Frame helps bringing these features to older browsers. This article will tell you how to use Chrome Frame on your site.

New Tricks in XMLHttpRequest2

May 27, 2011 By Eric Bidelman Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported binary xhr2

nuts_and_bolts

There has been a slew of improvements to our old friend XMLHttpRequest for working with different types of data. This tutorial covers the new hotness.

Image Filters with Canvas

May 25, 2011 By Ilmari Heikkinen Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported canvas

graphics

A quick guide to writing custom image filters with <canvas>.

Chrome Experiments Demo Harness

May 25, 2011 By Ilmari Heikkinen Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported canvas wegl

graphics

Experiences from building a kiosk-style demo station with HTML and WebGL.

This End Up: Using Device Orientation

April 29, 2011 By Pete LePage Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported device devicemotion deviceorientation mobile

Learn how to use device orientation and device motion events to tell when your computer is moving.

Case Study: Real-time Updates in Stream Congress

March 17, 2011 By Luigi Montanez Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported eventsource websockets

connectivity

Choosing the right technology to accomplish real-time, asynchronous updates.

Case Study: Converting Wordico from Flash to HTML5

March 10, 2011 By Adam Mark Adrian Gould Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported gaming canvas

graphics

Learn how we converted our Wordico crossword game from Flash to HTML5.

"Mobifying" Your HTML5 Site

March 3, 2011 By Eric Bidelman Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported mobile

A guide on how to create a mobile version of an existing HTML5 website. This study looks at what was required to make html5rocks.com friendly to mobile users.

Typographic effects in canvas

March 1, 2011 By Michael Deal Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported webfonts canvas

graphics

Effects in canvas inner/outer shadows, neon-glows, reflections, space-age, pattern/gradient overlays, stereoscopic imaging, and other text/vector-effects...

Improving the Performance of your HTML5 App

Feb. 14, 2011 By Malte Ubl Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported canvas css

performance presentation

Optimization strategies and techniques for HTML5 applications.

Case Study: Onslaught! Arena

Feb. 10, 2011 By Matt Hackett Geoff Blair Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported canvas gaming

Learn how Onslaught! Arena created their fast-paced, arcade-style medieval fantasy shoot 'em up.

No Tears Guide to HTML5 Games

Feb. 1, 2011 By Daniel X. Moore Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported canvas gaming

Building an HTML5 game using <canvas>, the no tears way.

Case Study: HTML5 MathBoard

Jan. 28, 2011 By Jeremy Chone Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported

A discussion on how the iPad's popular MathBoard application was ported to HTML5.

Case Study: Page Flip Effect from 20thingsilearned.com

Jan. 20, 2011 By Hakim El Hattab Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported canvas

Learn how to re-create the page flip effect found on 20thingsilearned.com using the Canvas API.

SVG Puzzle

Jan. 18, 2011 By Eric Bidelman svg

graphics

Solve the puzzle! Hover over the correct area to place tiles, click to rotate.

Orientation Physics

Jan. 18, 2011 By Eric Bidelman deviceorientation video canvas

multimedia

Break up a video into lots of boxes and move them around by titling your machine.

WebGL Globe

Jan. 18, 2011 By Paul Irish webgl CSS 3D video

graphics

A WebGL sphere of news stories. Open stories by clicking. When you find the video, hit p to play.

ASCII Art

Jan. 18, 2011 By Malte Ubl websockets

performance

Synchronized ASCII art video via WebSockets. All current viewers see the same video frame at the same time. Move your mouse over the video to change the color.

Exploring the FileSystem APIs

Jan. 4, 2011 By Eric Bidelman Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported filewriter filesystem

file_access storage

The FileSystem APIs give applications the ability to read/write files and directories in a secure, sandboxed file system on a user's local machine.

A Simple TODO list using HTML5 IndexedDB

Dec. 20, 2010 By Paul Kinlan Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported business indexeddb

storage

IndexedDB represents the future of query-able client-side storage. This tutorial presents a real world application implementing the basics of the IndexedDB API.

Case Study: Getting Entangled with HTML5 Canvas

Dec. 14, 2010 By Derek Detweiler Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported canvas gaming

Entanglement is a puzzle game made by Gopherwood Studios. This article talks about Entanglement's usage of the <canvas> tag.

Stream Updates with Server-Sent Events

Nov. 30, 2010 By Eric Bidelman Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported eventsource

performance

The EventSource API is designed for receiving push notifications from a server, removing the need for client-size XHR polling.

Introducing WebSockets: Bringing Sockets to the Web

Oct. 20, 2010 By Malte Ubl Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported websockets gaming

connectivity

Learn how to use WebSockets to add low latency bidirectional client-server communication to your web app.

Web SQL Database - Async Transactions

Oct. 10, 2010 By Ernest Delgado webdatabase

offline storage

Web Workers - Inline Workers

Oct. 10, 2010 By Hanrui Gao workers

performance

CSS - Columns

Oct. 10, 2010 By Ernest Delgado css

presentation

CSS - 2d Transforms

Oct. 10, 2010 By Ernest Delgado css

presentation

CSS - Flex Box Model

Oct. 10, 2010 By Hanrui Gao css

presentation

Notifications - Simple Notifications

Oct. 10, 2010 By Ernest Delgado notifications

nuts_and_bolts

HTML - Audio Element

Oct. 10, 2010 By Ernest Delgado audio

multimedia

HTML - Canvas Element 3d (WebGL)

Oct. 10, 2010 By Ernest Delgado webgl

graphics

HTML - Selectors API

Oct. 10, 2010 By Ernest Delgado

nuts_and_bolts

HTML - Microdata

Oct. 10, 2010 By Ernest Delgado

semantics

Geolocation API - Get Current Position

Oct. 10, 2010 By Ernest Delgado geolocation

Quota API - Show usage and quota request

Oct. 10, 2010 By Ernest Delgado

file_access storage

HTML - Track Element

Oct. 10, 2010 By Ernest Delgado video

multimedia

Web Storage - sessionStorage

Oct. 10, 2010 By Ernest Delgado

offline storage

HTML - Form Fields

Oct. 10, 2010 By Ernest Delgado forms

semantics

CSS - Transitions

Oct. 10, 2010 By Ernest Delgado css

presentation

CSS - New Selectors

Oct. 10, 2010 By Ernest Delgado

nuts_and_bolts

HTML - Canvas Element

Oct. 10, 2010 By Ernest Delgado canvas

graphics

HTML - Ruby Element

Oct. 10, 2010 By Ernest Delgado ruby

semantics

HTML - Text inside SVG

Oct. 10, 2010 By Ernest Delgado svg

graphics

Web Storage - localStorage

Oct. 10, 2010 By Ernest Delgado

offline storage

XD Communication - postMessage

Oct. 10, 2010 By Ernest Delgado

nuts_and_bolts

CSS - Web Fonts

Oct. 10, 2010 By Ernest Delgado css webfonts

presentation

CSS - Text Wrapping

Oct. 10, 2010 By Ernest Delgado css

presentation

CSS - Animations

Oct. 10, 2010 By Ernest Delgado css

presentation

CSS - Flex Box Model - Complex

Oct. 10, 2010 By Hanrui Gao css

presentation

File API - Using FileReader

Oct. 10, 2010 By Ernest Delgado filereader

file_access

HTML - Link Relations

Oct. 10, 2010 By Ernest Delgado

semantics

CSS - Text Stroke

Oct. 10, 2010 By Ernest Delgado css

presentation

CSS - Gradients

Oct. 10, 2010 By Ernest Delgado css

presentation

CSS - Text and Box Shadow

Oct. 10, 2010 By Hanrui Gao css

presentation

Notifications - Web Notifications

Oct. 10, 2010 By Ernest Delgado notifications

Native Drag and Drop - Drag and Drop

Oct. 10, 2010 By Ernest Delgado dnd

nuts_and_bolts

HTML - Video Element

Oct. 10, 2010 By Ernest Delgado video

multimedia

HTML - Semantic Markup

Oct. 10, 2010 By Ernest Delgado

semantics

HTML - Inline SVG

Oct. 10, 2010 By Hanrui Gao svg

graphics

CSS - Rounded Corners

Oct. 10, 2010 By Ernest Delgado css

presentation

Quick hits with the Flexible Box Model

Oct. 5, 2010 By Paul Irish Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported css

presentation

An introduction to flexbox, an alternative CSS layout scheme based on vboxes and hboxes.

Client-Side Storage

Oct. 1, 2010 By Michael Mahemoff Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported business webdatabase filesystem indexeddb

offline storage

An overview of client-side storage techniques: Web Storage (local/session storage), Web SQL Database, Indexed Database, Filesystem.

Native HTML5 Drag and Drop

Sept. 30, 2010 By Eric Bidelman Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported dnd filereader

Drag-and-drop is yet another first class citizen in HTML5! This article explains how to enhance your web applications by adding native DnD functionality.

Case Study: HTML5 in deviantART muro

Sept. 28, 2010 By Mike Dewey Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported canvas svg

Learn how deviantART used HTML5 drawing features in deviantART muro.

Case Study: Drag and Drop Download in Chrome

Sept. 25, 2010 By David Tong Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported dnd

Learn how Box.net implemented GMail's attachment drag and drop to the desktop.

3D and CSS

Sept. 7, 2010 By Paul Kinlan Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported 3D CSS

graphics presentation

Learn how to build exciting 3D user interfaces using the power of CSS.

Video Cube

Aug. 13, 2010 By Paul Irish video canvas CSS

presentation

Build a cube of ASCII reflecting a video in realtime and reposition the view.

Slideshow

Aug. 13, 2010 By Ernest Delgado CSS

presentation

A minimal version of the HTML5 Slide Deck, ready for you to adapt to your uses.

Notification Time!

Aug. 13, 2010 By Michael Mahemoff notifications

multimedia

Schedule a countdown to a notification, like an alarm clock.

Drag n Drop Photos

Aug. 13, 2010 By Eric Bidelman dragndrop file filereader

performance

Drag files in from your machine, get an instant preview

Geolocation

Aug. 13, 2010 By Eric Bidelman geolocation

multimedia

Peruse local job listings and envision your commute.

Slider Carousel

Aug. 13, 2010 By Eiji Kitamura CSS

presentation

Image gallery in a carousel UI. Page through the images quickly, and click to view full size.

Video PiP

Aug. 13, 2010 By Paul Irish video canvas

multimedia

Use Picture-in-picture to swap between two video sources while enjoying a color glow effect. Custom pause, mute and progress bar.

Newspaper Columns

Aug. 13, 2010 By Eric Bidelman CSS

presentation

A newspaper-like layout provided by CSS3. Adjust the sliders to understand the styles.

Podcast Player

Aug. 13, 2010 By Eric Bidelman audio CSS

multimedia

Load in podcast feeds dynamically, then listen to episodes in a custom player UI. The player UI is a semi-opaque skin on top of the background color.

Page Flip

Aug. 13, 2010 By Paul Irish CSS

presentation

An animated page flip of real HTML content.

HTML5 Video

Aug. 3, 2010 By Ernest Delgado Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported video

multimedia

Video is one of the most interesting and widely supported features of HTML5. This tutorial covers the mechanics of incorporating native video into your site (without a plugin) and gives interesting examples of using the >video< tag.

Quick guide to webfonts via @font-face

Aug. 2, 2010 By Paul Irish Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported CSS webfonts

presentation

Webfonts give new typographic freedom to designers while retaining scalability and accessibility.

"Offline": What does it mean and why should I care?

Aug. 2, 2010 By Michael Mahemoff Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported business

performance offline

A discussion of what it means to take an application "offline" and the options available to developers for doing so.

Auditing Your Web App For Speed

July 28, 2010 By Seth Ladd Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported devtools

performance

The Audit Panel is an excellent tool for examining latency in your web apps. It offers customized recommendations to enhance performance and reduce latency.

The Basics of Web Workers

July 26, 2010 By Eric Bidelman Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported workers

performance

Web Workers are a means of spawning background scripts in your application, giving thread-like message passing for handling computationally intensive tasks.

Best Practices for a Faster Web App with HTML5

June 18, 2010 By Paul Irish Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported business appcache webdatabase

performance offline

How to effectively use features from HTML5 to improve the performance and responsiveness of your app.

A Beginner's Guide to Using the Application Cache

June 18, 2010 By Eric Bidelman Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported business appcache

offline performance

A step-by-step guide to taking your web app offline using the application cache APIs.

Introduction to Chrome Developer Tools, Part One

June 18, 2010 By Seth Ladd Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported devtools

performance

An introduction to the tools available in Google Chrome that make a developer's life easier!

Practical Guide to Take Your TODO List Offline

June 18, 2010 By Paul Kinlan Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported appcache

offline

Expanding on the simple TODO list, this tutorial gives a practical guide for taking the sample offline using the application cache.

Reading files in JavaScript using the File APIs

June 18, 2010 By Eric Bidelman Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported filereader dnd

file_access

Starter guide for using the File/FileList/FileReader APIs to process and read binary files in JavaScript.

A Simple Trip Meter using the Geolocation API

May 24, 2010 By Michael Mahemoff Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported geolocation

Learn how to implement geolocation very quickly including a distance calculator

Using the Notifications API

Feb. 24, 2010 By Ernest Delgado Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported notifications

Learn the notification basics creating a twitter notification

A Simple TODO list using HTML5 WebDatabases

Feb. 17, 2010 By Paul Kinlan Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported webdatabase

offline performance

Create a TODO list which persists data using a client side database.

Quick Guide to Implementing the HTML5 Audio Tag

Feb. 5, 2010 By Ernest Delgado Operaunsupported Internet Explorerunsupported Safariunsupported Firefoxunsupported Chromesupported audio flash

multimedia

Learn how to use the HTML5 audio tag and fall back to Flash on platforms which do not support it.