Able Player: A Fully Accessible Media Player Terrill Thompson, University of Washington Ken Petri, The Ohio State University These slides: goo.gl/D9ZG9t.

Slides:

Advertisements

Similar presentations

Terrill Thompson AccessComputing, University of Teaching Standards-Based, Accessible Web Design.

Advertisements

Case Studies: Universal Design in Technology Education Sheryl Burgstahler & Terrill Thompson University of Washington Daniela Marghitu Auburn University.

Stanford Online Accessibility Program. Definitions: At the W3C “A vocabulary and associated APIs for HTML and XHTML” -

Web Accessibility 101 Terrill Thompson Technology Accessibility Specialist University of Washington

Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.

Accessible Video in Two Parts Terrill Thompson Techology Accessibility Specialist University of Washington

Accessibility of online instructional tools and documents Terrill Thompson ATUS Technology Accessibility Consultant x 2136

Universal Media Player Terrill (UMP)

Marquees and Standards Module 2: HTML Basics LESSON 9.

Terrill Thompson Experience IT: Testing IT For Accessibility.

Session: 11. © Aptech Ltd. 2HTML5 Audio and Video / Session 11  Describe the need for multimedia in HTML5  List the supported media types in HTML5 

© 2011 Delmar, Cengage Learning Chapter 11 Adding Media and Interactivity with Flash and Spry.

Click to edit Master text styles Second level Third level Fourth level Fifth level The trials of an accessible video player.

CHAPTER 18 INTEGRATING AUDIO AND VIDEO. LEARNING OBJECTIVES How the HTML 5 and tag pair can be used to include a video file within a webpage How video.

Using HTML 5.  HTML 5 uses a standard method to embed audio into Web pages.  Prior to HTML 5, browser plug-ins or separate applications such as Windows.

Application Software.

HTML. What is HTML?  HTML is a language for creating web pages.  HTML stands for Hyper Text Markup Language  A markup language has tags which are codes.

CSCI N241: Fundamentals of Web Design Copyright ©2004  Department of Computer & Information Science Adding Sound.

Multimedia Digital Library Marcia Johnson. Collection 25 text documents 25 text documents In HTML, PDF, TXT formats (source: Project Gutenberg) In HTML,

Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.

Computing Theory: HTML Year 11. Lesson Objective You will: o Be able to define what HTML is - ALL o Be able to write HTML code to create your own web.

HTML Use of Multimedia on web page. HTML Media Q. How to call Image file in our web page ? A. That is the easy syntax for defining an image. 2.

How People with Disabilities Access the Web Web Design – Sec 2-5 Part or all of this lesson was adapted from the University of Washington’s “Web Design.

Tutorial 7 Working with Multimedia. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Explore various multimedia applications.

Tutorial 7 Working with Multimedia. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Explore various multimedia applications.

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

Scenario 2: Isolated Individual User: Fatma (an isolated individual) Tasks: Signing in to the web application Searching an event in Istanbul Booking a.

PODSERVER, INSTAGRAM AND TUMBLR. By Casey. PODSERVER Current format for GEOG – 3530/8530 Uses HTML code  Relatively simple coding language to learn 

Unit 2 Module 6: HTML Video.  Use the tag  Use the for adding closed captions or other timed text  Why learn coding skills?  From the experts 

Recommendations Adam would like you to create a list of recommended mobile phones for three different types of user: Teenagers Business Users Senior Citizens.

 The meaning of multimedia is the use of a variety of artistic or communicative media.

Web Design. How do web pages work? Webpages are written in a code called HTML. Programs like Internet Explorer read the code, and then show it as a web.

Creating a Podcast. What is a podcast? A podcast is a media file that is shared over the Internet that can be played on mobile devices i.e. iPods or MP3.

International “Road Warriors” or individual in businesses use audio called “On- Point Cell Cast” as a tool for creating and distributing surveys, assessments.

All About Video Terrill Thompson University of Washington Ken Petri The Ohio State University Sean Keegan President, ATHEN

Windows Movie Maker. Definition You can use Windows Movie Maker to capture audio and video to your computer from a video camera, Web camera, or other.

Inserting CD Audio Tracks Inserting Audio Tracks From Media Player Inserting Movies Creating a Thumbnail Gallery Welcome to Advanced Power Point Inserting.

Touchshow Introduction. Slide show tool, based on PPT format but show your slides on all platforms, with many amazing features What is Touchshow.

FLASH, VIDEO & AUDIO How to add Flash movies into your site How to add video and audio to your site HTML5 and elements.

California State University, LA Presented by Amanda Steven StevenAamirObaid.

Stand out from the Crowd with Proclaim! Video Messaging with Proclaim Quick. Unique. Engaging.

By Shomari Edwards.  The iPhone allows conferencing, call holding, call merging, caller ID, and integration with other cellular network features and.

Web Site Syndication Reading and Creating Syndicated Content Lisa Wolfisch US Census Bureau

Chapter 8 Adding Multimedia Content to Web Pages HTML5 & CSS 7 th Edition.

World Wide Web 16 World Wide Web 16. World Wide Web 16 Everyone also talks about the Web But people don’t really understand how it works You need to know.

Is your digital communication accessible? Terrill Thompson Technology Accessibility Specialist University of

Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”

HTML Structure & syntax

Making videos accessible – Mandatory guidelines

How People with Disabilities Access the Web

HTML 5 By Michael Hurley.

Chapter 4: HTML5 Media - <video> & <audio>

Problem Solving For Dummies

Building a Custom Video Player

Audio Description in Higher Education

Tutorial 7 Working with Multimedia

Playing Audio (Part 2).

Playing Video (Part 2).

Video the UW: Overview & How We're Doing

Media Player Accessibility: Insights from Interviews and Focus Groups

HTML5 Audio Language Learning Tool for the Blind

Adobe Visual Design Apply procedures to export publications 7%

Basic HTML and Embed Codes

How do I know you know (I.T.) accessibility?

Working with Multimedia

Bryan Gould WGBH National Center for Accessible Media (NCAM)

Preparing Accessible Documents

Video Accessibility Part 1

Web Standards and Accessible Design.

Presentation transcript:

Able Player: A Fully Accessible Media Player Terrill Thompson, University of Washington Ken Petri, The Ohio State University These slides: goo.gl/D9ZG9t

Media Players Then

Media Players Now

Your browser doesn't support MP3?

Your browser doesn't support HTML5 ?

The Same Code Works for Video

Can't hear the audio?

WebVTT Format Stands for "Web Video Text Tracks" 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.

Can't see the visual content?

HTML5 Media Rocks A11y!

But the players all look different

And some are more accessible than others

Comparing Player Accessibility W3C Media Accessibility User Requirements Media Player Accessibility Comparison Matrix

Introducing Able Player 2.0