The Accessible Video Interface GabrielMcGovern - Portland Community - - PowerPoint PPT Presentation

▶

Dec 05, 2022 209 likes •498 views

The Accessible Video Interface GabrielMcGovern - Portland Community College eLearning 2009 Portland, Oregon Slides, notes, code and questions HTTP www.gabrielmcgovern.com MailTo gabriel.mcgovern@pcc.edu Twitter @gabrielmcgovern eLearning

SLIDE 1

eLearning 2009 ■ Portland, Oregon

The Accessible Video Interface

GabrielMcGovern - Portland Community College

SLIDE 2

eLearning 2009 ■ Portland, Oregon

Slides, notes, code and questions

HTTP

www.gabrielmcgovern.com

MailTo

gabriel.mcgovern@pcc.edu

Twitter

@gabrielmcgovern

SLIDE 3

eLearning 2009 ■ Portland, Oregon

Internet killed the TV star

SLIDE 4

eLearning 2009 ■ Portland, Oregon

Internet killed the TV star

50% 0% September 2006 June 2007 March 2008 Read blogs Start a blog Watch video clips online Download a podcast Join a social network Subscribe to an RSS feed

“Thinking about using the Internet, which of the following have you ever done?”

100% 82.8%

SLIDE 5

eLearning 2009 ■ Portland, Oregon

Internet killed the TV star

Brazil China France Germany Italy India Japan Russia

S. Korea

Spain UK USA

49% 35% 21% 12% 41% 29% 24% 16% 29% 26% 18% 16% 45% 46% 27% 23% 10% 15% 7% 50% 17% 41% 24% 6% 44% 25% 15% 37% 31% 8% 44% 18% 9% 7% 39% 13% 47% 25% 16% 10% 48% 21% 49% 10% 6% 37% 7% 7%

Watch Daily Weekly Monthly Less often

SLIDE 6

eLearning 2009 ■ Portland, Oregon

Internet killed the TV star

0% 100% Adobe Flash Java Media Player QuickTime Shockwave RealOne Silverlight 25% 44% 59% 64% 75% 81% 99%

SLIDE 7

eLearning 2009 ■ Portland, Oregon

Internet killed the TV star

SLIDE 8

eLearning 2009 ■ Portland, Oregon

Requirements

Accessible

The degree to which a system can be used by the population.

Sustainable

The ability to maintain a system or process indefinitely.

Customizable

The capacity to adapt the system to meet your changing needs.

SLIDE 9

eLearning 2009 ■ Portland, Oregon

Requirements: Options

Hosted Video Custom Interface

SLIDE 10

eLearning 2009 ■ Portland, Oregon

Requirements: Options

Hosted Video Custom Interface Ease of use

High Low

Accessible

Med High

Sustainable

Med High

Customizable

Low High

SLIDE 11

eLearning 2009 ■ Portland, Oregon

Custom Interface: What’s Involved?

SLIDE 12

eLearning 2009 ■ Portland, Oregon

Gather the Pieces:

SLIDE 13

eLearning 2009 ■ Portland, Oregon

Gather the Pieces:

SLIDE 14

eLearning 2009 ■ Portland, Oregon

Gather the Pieces: Interface

SLIDE 15

eLearning 2009 ■ Portland, Oregon

Gather the Pieces: Interface

SLIDE 16

eLearning 2009 ■ Portland, Oregon

Gather the Pieces: Interface

Interface Webpage Smil File Captions Image Other Data Video High Video Med Video Low Video 56k

SLIDE 17

eLearning 2009 ■ Portland, Oregon

Gather the Pieces: Compress the Video

SLIDE 18

eLearning 2009 ■ Portland, Oregon

Gather the Pieces: Create the smil.xml

SLIDE 19

eLearning 2009 ■ Portland, Oregon

Gather the Pieces: Now for the Captions

SLIDE 20

eLearning 2009 ■ Portland, Oregon

Gather the Pieces: Poster Image

SLIDE 21

eLearning 2009 ■ Portland, Oregon

Construct the Interface

SLIDE 22

eLearning 2009 ■ Portland, Oregon

Construct the Interface: Components

FLVPlayback FLVPlaybackCaptioning UILoader

SLIDE 23

eLearning 2009 ■ Portland, Oregon

Construct the Interface: Add Controls

SLIDE 24

eLearning 2009 ■ Portland, Oregon

Construct the Interface: Accessibility Panel

SLIDE 25

eLearning 2009 ■ Portland, Oregon

Construct the Interface: ActionScript

For what the components can’t do directly:

Read variables from the html. Set up the video and handle video events. Estimate the bandwidth. Add the access key behaviors.

SLIDE 26

eLearning 2009 ■ Portland, Oregon

Beyond the basic

SLIDE 27

eLearning 2009 ■ Portland, Oregon

Share and share alike www.gabrielmcgovern.com

The sample files, source code and more.

Special thanks to:

The National Center for Accessible Media Geoff Stearns, the author of SWFObject Robert Reinhardt for his quick help on the GoToAndPlay forum Everyone on the PCC web team

Screenshots and data:

Chart data from ‘Power to the PeoPle SoCIAl MeDIA trACKer’ by www.universalmccann.com www.youtube.com, tv.boingboing.net, www.comedycentral.com Remix icon from creativecommons.org