Techniques for Creating Techniques for Creating Accessible, Closed Accessible, Closed

Captioned Web-Based Captioned Web-Based VideoVideo

California State University - NorthridgeCalifornia State University - Northridge21st Annual International Technology and 21st Annual International Technology and

Persons with Disabilities ConferencePersons with Disabilities Conference

Los Angeles, CaliforniaLos Angeles, CaliforniaMarch 22, 2007March 22, 2007

http://disability.law.uiowa.edu/lhpdc/publications/kleinpubs.htmlhttp://disability.law.uiowa.edu/lhpdc/publications/kleinpubs.html

David Klein David Klein K. “Fritz” ThompsonK. “Fritz” Thompson

QuickTime Text Track QuickTime Text Track Embedded Open (Burned Embedded Open (Burned

In) CaptioningIn) Captioning QuickTime Pro requiredQuickTime Pro required Embedded in video file itselfEmbedded in video file itself

Video & captions self-containedVideo & captions self-contained Hard to modifyHard to modify Captions can’t be eliminated without separate Captions can’t be eliminated without separate

video or scriptvideo or script Easier to deploy (1 file), unless script usedEasier to deploy (1 file), unless script used May start faster in browserMay start faster in browser

Embedded Closed Embedded Closed Captioning QuickTime Text Captioning QuickTime Text

TrackTrack Demo of embedding text track into QuickTime Demo of embedding text track into QuickTime

(see “extras” folder on CD)(see “extras” folder on CD) Also see WebAIM:Also see WebAIM:

http://www.webaim.org/techniques/captions/qhttp://www.webaim.org/techniques/captions/quicktime/add_captions.phpuicktime/add_captions.php

Also see Also see Accessible Digital Media Accessible Digital Media http://ncam.wgbh.org/publications/adm/index.http://ncam.wgbh.org/publications/adm/index.htmlhtml ( (link in Resources page)link in Resources page)

QuickTime Captioned QuickTime Captioned VideoVideo

SMIL file optionSMIL file option Requires 3 filesRequires 3 files Relatively easy to modify captions and videoRelatively easy to modify captions and video Video and caption files can be reusedVideo and caption files can be reused Captions separate, so Captions separate, so

Can be eliminatedCan be eliminated Easy to editEasy to edit Can be reformattedCan be reformatted

Harder to deploy than open captioned QuickTimeHarder to deploy than open captioned QuickTime

Embedded Captioned Video Embedded Captioned Video – Multiple Files– Multiple Files

Embed in HTML File

Server ClientVideo File

Caption File

Combine Files in Player

QuickTime Captioning & QuickTime Captioning & Deployment FilesDeployment Files

Video Video .mov file and others (.mpg, .m4v, etc.).mov file and others (.mpg, .m4v, etc.)

Caption file Caption file .txt .txt QuickTime caption file formatQuickTime caption file format

SMIL SMIL .smi, .sml, or .mov.smi, .sml, or .mov Integrates video and caption filesIntegrates video and caption files

HTMLHTML Integrates video, captions, player, text, other filesIntegrates video, captions, player, text, other files

Final Assembly Final Assembly (QuickTime)(QuickTime)

The video - videoname.movThe video - videoname.mov The caption file – videoname.en_US.qt.txtThe caption file – videoname.en_US.qt.txt The SMIL file – videoname.smlThe SMIL file – videoname.sml

Avoid .smi file extensionAvoid .smi file extension .mov or .sml extension elicits QT playback.mov or .sml extension elicits QT playback

Captions display automatically as part of Captions display automatically as part of SMIL standardSMIL standard

SMIL File CharacteristicsSMIL File Characteristics

Use XML standards (mostly)Use XML standards (mostly) Tags case sensitiveTags case sensitive All elements closedAll elements closed

<tag>xxx</tag> (open and close tags)<tag>xxx</tag> (open and close tags) <tag /> (no explicit close tag; use the slash)<tag /> (no explicit close tag; use the slash)

““SMILText” identifier specific to QuickTime SMILText” identifier specific to QuickTime playbackplayback

SMIL File LayoutSMIL File Layout

SMILtext<?xml version="1.0" encoding="UTF-8"?>SMILtext<?xml version="1.0" encoding="UTF-8"?><smil><smil> <head><head> <layout><layout> <!-- layout tags specify display settings --><!-- layout tags specify display settings --> </layout></layout> </head></head> <body><body> <!-- body tags specify content and content parameters --><!-- body tags specify content and content parameters --> </body></body></smil></smil>

SMIL FileSMIL File ““SMILText” tag, encoding, QuickTime associationSMILText” tag, encoding, QuickTime association HeaderHeader

Metadata (video name, copyright info)Metadata (video name, copyright info) Player layout (“region” sizes, background / text colors)Player layout (“region” sizes, background / text colors) Container IDs for linking partsContainer IDs for linking parts

BodyBody Video durationVideo duration Start (and end) timesStart (and end) times File locations File locations Links to regionsLinks to regions

SMIL and the Player SMIL and the Player LayoutLayout

Root LayoutRoot Layout

Video regionVideo region

Text regionText region

SMIL File ActivitySMIL File Activity

Handout: Handout: QuickTime SMIL Activity - Assemble QuickTime SMIL Activity - Assemble filesfiles

Objective: Objective: Modify MAGpie files to assemble Modify MAGpie files to assemble a captioned QuickTime video.a captioned QuickTime video.