Universal Media Player Terrill (UMP)

Media Players Then

Media Players Now

What if your browser doesn't support MP3?

Your browser doesn't support HTML5 ?

The Same Code Works for Video

The player works well in IE9 and higher Tab gives the player focus Space toggles play/pause Right/left arrows fast forward/rewind Up/down arrows control volume Controls have informative labels for screen reader users

It sort of works in Firefox Tab gives the player focus Space and arrow keys work as they do in IE, but not if screen reader is running Screen readers announce controls – Very high precision on the progress bar

It sort of works in Chrome and Safari Tab gives the player focus, but then what? Player doesn't respond to keyboard commands

Accessibility of the player controls are the same for audio and video But HTML5 video has other cool features too...

Can't hear the audio?

WebVTT Format Stands for "Web Video Text Tracks" Based on SubRip format (*.srt) The draft spec:

WebVTT Example WEBVTT 00:00: > 00:00: You want these people. 00:00: > 00:00: They order your products, sign up for your services, 00:00: > 00:00: enroll in your classes, read your opinions, 00:00: > 00:00: and watch your videos.

Internet Explorer 10+ has good support for captions + accessible controls

Captions in Other Browsers Firefox will support captions in 28.0 (current version is ) Chrome, Safari, and Opera support captions but they all have issues:

Can't see the visual content?

Another WebVTT Example WEBVTT 00:00: > 00:00: A blue circle has pairs of arching pairs inside. Underneath, DO-IT. 00:00: > 00:00: Words appear in a white box: World Wide Access. 00:00: > 00:00: Terrill Thompson:

Browser Support for Description

Summary Browsers have some support for accessible HTML5 media, but it's still less than ideal HTML5 media has a robust API, so we can make our own player...

Resources UMP My Blog These Slides DO-IT Video