[media] demos of Google with WebVTT

Hi all,

Thought this would be of interest to people here: Naomi from the
Google a11y team showed some demos for use of WebVTT for captions,
text descriptions and navigation (chapter style). You can watch the
video here:

http://www.youtube.com/watch?v=tua3DdacgOo#t=10m47s

I've helped create those demos and Naomi actually allowed me to make
those publicly available that do not depend on the custom compiled
Chromium, but only on already released HTML5 Web browsers.

You can check them out for yourself at the following addresses. You
will need a screen reader to see the effects. We've tested them with
ChromeVox in Google Chrome, but I would be very curious to see whether
other screen readers are able to deal with the examples, too. (I think
they should but if there are any bugs, let me know.)

This one shows how we can expect text descriptions to work:
http://www.html5videoguide.net/demos/google_io/2_audesc/
It relies heavily on the use of aria-live. There are problems when the
text cues are longer than the author expected them to be based on an
average reading rate. This cannot be resolved in JavaScript alone and
needs a proper a11y API for text descriptions.


This one shows how we can do navigation:
http://www.html5videoguide.net/demos/google_io/3_navigation/
It relies on the use of lists to provide the navigation on the player
controls. Please try and test them heavily. The navigation on the
right is just there to expose the availabe "table of content" more
visually. You get the names of the chapter, too, when you just mouse
over the segments on the player controls.


Please note that all of this is experimenting with new user interfaces
for video, so have some patience and give us feedback if the controls
are not working in the way that you expect them to work.

Cheers,
Silvia.

Received on Tuesday, 7 June 2011 02:03:05 UTC