Presentation is loading. Please wait.

Presentation is loading. Please wait.

Able Player: A Fully Accessible Media Player for Higher Ed Terrill Thompson Technology Accessibility Specialist University of

Similar presentations


Presentation on theme: "Able Player: A Fully Accessible Media Player for Higher Ed Terrill Thompson Technology Accessibility Specialist University of"— Presentation transcript:

1 Able Player: A Fully Accessible Media Player for Higher Ed Terrill Thompson Technology Accessibility Specialist University of Washington tft@uw.edu @terrillthompson http://ableplayer.github.io/ableplayer

2 Video can be inaccessible to... People who are unable to hear the video People who are unable to see the video People who are unable to operate a mouse People who don't understand the spoken language People who need to search the video's content People who are unable to play the video (due to deaf-blindness, bandwidth, technology limitations, or a busy schedule)

3 Our mission Explore all aspects of video accessibility using HTML5 and Able Player

4 HTML5 Media Supports Accessibility Captions Subtitles Audio description (as text) Adjustable playback rate

5 But the players all look different

6 And some are more accessible than others

7 Able Player improves accessibility and works across browsers

8 See it live at uw.edu/doit/video

9 Instructions for Hands-on Activity 1.Open sandbox.html 2.Try it using various browsers 3.Make it an Able Player 4.Add captions 5.Add subtitles 6.Add chapters 7.Add audio description (two different ways) 8.Add sign language

10 Step 3. Make it an Able Player

11 Step 4. Add captions

12 Step 5-7a. Add subtitles, chapters, & description (as text) Change kind to "subtitles", "chapters", "descriptions" For each, change filename, srclang, and label

13 Step 7b. Add a separate described version of the video <source src="media/wwa.webm" data-desc-src="media/wwa_described.webm"> <source src="media/wwa.mp4" data-desc-src="media/wwa_described.mp4">

14 Step 8. Add sign language <source src="media/wwa.webm" data-sign-src="media/wwa_sign.webm"> <source src="media/wwa.mp4" data-sign-src="media/wwa_sign.mp4">


Download ppt "Able Player: A Fully Accessible Media Player for Higher Ed Terrill Thompson Technology Accessibility Specialist University of"

Similar presentations


Ads by Google