Techniques for Creating Accessible, Closed Captioned Web-Based Video California State University - Northridge 21st Annual International Technology and.

Slides:



Advertisements
Similar presentations
HTML I. HTML Hypertext mark-up language. Uses tags to identify elements of a page so that a browser such as Internet explorer can render the page on a.
Advertisements

Combining the strengths of UMIST and The Victoria University of Manchester 15 th June 2006 Keep SMILing Institutional Web Management Workshop 10 th June.
Accessible Video in a Diverging Web Environment CSUN Conference: Technology and Persons with Disabilities Los Angeles, CA March 16, 2005 David Klein K.
Techniques for Creating Accessible, Closed Captioned Web-Based Video California State University - Northridge 21st Annual International Technology and.
Concepts & Techniques for Accessible, Closed Captioned Web-Based Video 10th Annual Accessing Higher Ground: Accessible Media, Web and Technology Conference.
Concepts & Techniques for Accessible, Closed Captioned Web-Based Video 10th Annual Accessing Higher Ground: Accessible Media, Web and Technology Conference.
Techniques for Creating Accessible, Closed Captioned Web-Based Video California State University - Northridge 22nd Annual International Technology and.
Guidelines for Presenting Archived Video on the Web: An Overview AECT Annual Convention Dallas, TX October 12, 2006 David Klein K. “Fritz” Thompson.
Concepts & Techniques for Accessible, Closed Captioned Web-Based Video 10th Annual Accessing Higher Ground: Accessible Media, Web and Technology Conference.
Accessible Video in a Diverging Web Environment Association for Educational Communications and Technology (AECT) 2005 International Convention - Orlando,
Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.
CSS Cascading Style Sheets. Objectives Using Inline Styles Working with Selectors Using Embedded Styles Using an External Style Sheet Applying a Style.
Cascading Style Sheets
ASHIMA KALRA.  WHAT IS HTML WHAT IS HTML  HTML TAGS HTML TAGS  FORMATTING TAGS FORMATTING TAGS.
ADA Compliant Websites & Documents What the heck am I supposed to do?
1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 1.
Techniques for Creating Accessible, Closed Captioned Web-Based Video California State University - Northridge 21st Annual International Technology and.
Concepts & Techniques for Accessible, Closed Captioned Web-Based Video 10th Annual Accessing Higher Ground: Accessible Media, Web and Technology Conference.
Techniques for Creating Accessible, Closed Captioned Web-Based Video California State University - Northridge 21st Annual International Technology and.
Captioning Windows Media Files Windows Media Player Version 7 and Later.
Introduction to HTML CPS470 Software Engineering Fall 1998.
Web Accessibility With the User in Mind Insights and Techniques Kathy Kimball Candace Lee Egan Copyright 2002 California State University Fresno All rights.
Office of Campus Life - Disability Support Services In-House Captioning! By Kamran Rasul
CAPTIONING VIDEOS FOR YOUTUBE Marisol Miranda, Beth Coombs.
Techniques for Creating Accessible, Closed Captioned Web-Based Video California State University - Northridge 21st Annual International Technology and.
Techniques for Creating Accessible, Closed Captioned Web-Based Video California State University - Northridge 21st Annual International Technology and.
The Wonderful World of Accessible Media Captioning Basics and MAGpie.
Techniques for Creating Accessible, Closed Captioned Web-Based Video California State University - Northridge 21st Annual International Technology and.
Basics of HTML.
Timed Media Accessibility: Surveying the terrain David Singer, with help from the web media team Apple Inc.
E0262 – MIS – Multimedia Storage Techniques SMIL – Synchronized Multimedia Integration Language.
Accessibility of Open Course Library Materials Terrill Thompson Technology Accessibility Specialist
Creating a Basic Web Page
Birkbeck University of London Business Workshop Web Accessibility Accessible web page content © Copyright Janet Billinge Adapted from Accessible.
Lights, Camera, Caption! Presented by Kaela Parks.
CS134 Web Design & Development Creating a Basic Web Page Mehmud Abliz.
Introduction to HTML Today we will look at: Separating style and content The purpose of a text editor such as Notepad How web-pages are made Creating a.
Objectives: 1. Create a Skeleton HTML 2. View a Skeleton File Through a Server and Browser 3. Learn HTML Body Tags for the Display of Text and Graphics.
Web Accessiblity Carol Gordon SIU Medical Library.
CP2022 Multimedia Internet Communication1 HTML and Hypertext The workings of the web Lecture 7.
Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.
Html Basic Codes Week Two. Start Your Text Editor Windows use 'Notepad’ Macintosh use 'Simple Text'
Concepts & Techniques for Accessible, Closed Captioned Web-Based Video 10th Annual Accessing Higher Ground: Accessible Media, Web and Technology Conference.
Just Enough HTML How to Create Basic HTML Documents.
INTRODUCTION. What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language,
Introduction to HTML Wah Yan College (Hong Kong) Mr. Li C.P.
WEB ACCESSIBILITY. WHAT IS IT? Web accessibility means that people with disabilities can use the Web. Web accessibility encompasses all disabilities that.
McLean HIGHER COMPUTER NETWORKING Lesson 5 HTML Description of HTML web page Creating a simple HTML web page.
Cascading Style Sheets Creating a Uniform Site. Style Sheets  Style sheets are used for conformity on a web page or web site.  Style sheets eliminate.
Accessible Media Using Video and Audio to meet the needs of a diverse populations Presented by Kaela Parks.
Accessibility in Online Instruction Terrill Thompson Technology Accessibility Specialist
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
 Look especially at › File Tips and Shortcuts › Student video.
Cascading Style Sheets I Embedded Style Sheets. Page Design ICSS 2Instructor: Sean Griffin What is a Style Sheet? A style sheet is a text file that contains.
WEEK -1 ACM 262 ACM 262 Course Notes. HTML What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML.
What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup.
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
HTML is the language that allows text and graphics to be displayed as Web pages. It is a set of special codes, called tags, that tells a browser application.
HTML Basics.
HTML – The COMPUTING UNLOCKED GUIDE
What is HTML? Structure of HTML Document HTML TAG HEAD TAG TITLE TAG
Prepared for Md. Zakir Hossain Lecturer, CSE, DUET Prepared by Miton Chandra Datta
Introduction to HTML Today we will look at:
Of HTML, CSS and JavaScript
What is HTML? Structure of HTML Document HTML TAG HEAD TAG TITLE TAG
From compliance to usability
ADA Compliant Website & Documents
HTML – The COMPUTING UNLOCKED GUIDE
HyperText Markup Language
Presentation transcript:

Techniques for Creating Accessible, Closed Captioned Web-Based Video California State University - Northridge 21st Annual International Technology and Persons with Disabilities Conference Los Angeles, California March 22, David Klein K. Fritz Thompson

Captioning Definitions Closed captions Closed captions Captions can be turned on/off by user Captions can be turned on/off by user Separate track in video Separate track in video Often, outside video area Often, outside video area TV and Web different TV and Web different Open captions Open captions Captions always present Captions always present Embedded in video Embedded in video Subtitles Subtitles In UK, used synonymously for closed or open captioning In UK, used synonymously for closed or open captioning In U.S. refers to language translation In U.S. refers to language translation Transcription Transcription Text rendering of the audible portion of an event Text rendering of the audible portion of an event Audio Description Audio Description Verbal description of the salient visual parts of a video Verbal description of the salient visual parts of a video

Process - Transcribing Audio or Video High quality audio makes better movies and better transcripts High quality audio makes better movies and better transcripts Transcribe Transcribe Speaker identification Speaker identification Nonverbal elements: [Laughter], [Inaudible] Nonverbal elements: [Laughter], [Inaudible] Transcript saved in text format Transcript saved in text format Plain.txt for caption file Plain.txt for caption file Turn off smart quotes, other autocorrect options (Word) Turn off smart quotes, other autocorrect options (Word) Smart quotes, Smart quotes, Curly apostrophes Curly apostrophes Em dash Em dash En dash – En dash –

Process - Precaptioning Steps Text is broken up into caption-sized chunks Text is broken up into caption-sized chunks Based on Captioned Media Program guidelines (but note that these are for TV) Based on Captioned Media Program guidelines (but note that these are for TV) Caption timing software (MAGpie, HiCaption, or text editor) Caption timing software (MAGpie, HiCaption, or text editor)MAGpie HiCaptionMAGpie HiCaption Transcribe directly or import prepared text files Transcribe directly or import prepared text files Attach time codes to text Attach time codes to text Export Export Plain text Plain text SAMI SAMI QuickTime SMIL QuickTime SMIL RealPlayer SMIL RealPlayer SMIL

Captioning with MAGpie – Activity Part 1 Handout: MAGpie Part 1 - Attach Time Codes Handout: MAGpie Part 1 - Attach Time Codes Objective: Modify a transcript to become caption text. Objective: Modify a transcript to become caption text.

Captioning with MAGpie – Activity Part 2 Export caption files Export caption files Objective: Based on the caption text created in the last activity, generate three files that will be used to caption movies in further activities. Objective: Based on the caption text created in the last activity, generate three files that will be used to caption movies in further activities.

Caption File Contents Caption text Caption text Time codes for synchronization with video Time codes for synchronization with video Text formatting Text formatting Font and font size Font and font size Carriage returns Carriage returns Bolding, colors, etc. Bolding, colors, etc. Speakers Speakers Language support Language support

Caption File – QuickTime Open your QuickTime caption file (csun2006_captions.txt) Open your QuickTime caption file (csun2006_captions.txt) Note use of curly brackets Note use of curly brackets Heading Heading {QuickTime Text} {QuickTime Text} Timescale Timescale Font/font size Font/font size Background and text color Background and text color Justification Justification Time codes Time codes QuickTime Standards HH:MM:SS.DD QuickTime Standards HH:MM:SS.DD Caption text Caption text

Caption File – SAMI Open your SAMI caption file (csun2006.smi) Open your SAMI caption file (csun2006.smi) XML XML Header Header Style tags Style tags Fonts Fonts Colors Colors Text alignment Text alignment Margins Margins Body Body Time codes (SYNC tags) Time codes (SYNC tags) Speakers Speakers Language Language Captions Captions

Break? Take 15 minutes