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

Slides:



Advertisements
Similar presentations
Workshop Servers (Server Software) Browsers Media Delivery Technologies: o Flash o QuickTime o Windows Media o Real. New Internet technology: XML XHTML.
Advertisements

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.
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.
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,
2.02F Publishing Animated Videos 2.02 Develop Computer Animations.
What is Multimedia ? Multi ( Multiple ) and Media ! So…. Information in multiple formats, including text, images, audio, video and animation :) It makes.
Chapter 11 Media and Interactivity Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
Chapter 11 Media and Interactivity Basics Key Concepts
10 C H A P T E R © 2001 The McGraw-Hill Companies, Inc. All Rights Reserved1 Streaming Media and Synchronized Multimedia One of the ways the Internet is.
1 © Netskills Quality Internet Training, University of Newcastle Multimedia Web Pages © Netskills, Quality Internet Training, University of Newcastle Netskills.
1 Introduction to Computer Science بسم الله الرحمن الرحيم MULTIMEDIA LEVEL -9 King Khalid University Kingdom of Saudi Arabia Ministry of Higher Education.
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.
3.02 Publishing Animations
Video Streaming in Flash CSCI 4220 – Network Programming Kacper Harabasz.
Issues effecting the deployment of e-learning materials. Brian Mulligan Institute of Technology Sligo.
Define objects and their relationships to multimedia Explain the fundamentals of C, C++, Java, JavaScript, JScript, C#, ActiveX and VBScript Discuss security.
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.
HYPERTEXT MARKUP LANGUAGE (HTML)
Paul Trani Adobe Certified Instructor/Expert Resources:
Techniques for Creating Accessible, Closed Captioned Web-Based Video California State University - Northridge 21st Annual International Technology and.
Using Multimedia on the Web
© 2011 Delmar, Cengage Learning Chapter 11 Adding Media and Interactivity with Flash and Spry.
E0262 – MIS – Multimedia Storage Techniques SMIL – Synchronized Multimedia Integration Language.
Copyright © 2012 Certification Partners, LLC -- All Rights Reserved Lesson 5: Multimedia on the Web.
Computer Concepts 2014 Chapter 7 The Web and .
DIS Multimedia Productions Video On Demand March 14th 9:30-10:15 AM.
1 Web Developer Foundations: Using XHTML Chapter 10 Helper Applications and Plug-in Concepts.
Lights, Camera, Caption! Presented by Kaela Parks.
Introduction to Computers Section 8A. home How the Internet Works Anyone with access to the Internet can exchange text, data files, and programs with.
1 Lecture 12: Multimedia Not in Web 101 Text  Important Multimedia Issues  Audio  Movies and Video  Multimedia and HTML Documents.
2.02G Publishing Animated Videos 2.02 Develop Computer Animations.
Lights, Camera, Action! The Role of Multimedia in Web Applications Leading Multimedia Formats in Use Today What You Need to Know to Include Them in Your.
Concepts & Techniques for Accessible, Closed Captioned Web-Based Video 10th Annual Accessing Higher Ground: Accessible Media, Web and Technology Conference.
Chapter 13-Tools for the World Wide Web. Overview Web servers. Web browsers. Web page makers and site builders. Plug-ins and delivery vehicles. Beyond.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 11 Key Concepts 1 Copyright © Terry Felke-Morris.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 11 Key Concepts 1 Copyright © Terry Felke-Morris.
Internet Business Foundations © 2004 ProsoftTraining All rights reserved.
Audio and Video on the Web Presentation by Cheryl Deas and Pasha Souvorin Multimedia for Web Designers.
Introduction to HTML Tutorial 1 eXtensible Markup Language (XML)
Multimedia Web Design Professor Frank. Multimedia Combine text, graphics, sounds, and moving images in meaningful ways Use stable technology.
CHAPTER TEN AUTHORING.
Streaming Media A technique for transferring data on the Internet so it can be processed as a steady and continuous stream.
By: Michael K. Pa’ekukui Grand Canyon University TEC 539.
Lesson 31: Plug-Ins and Java Applets. Objectives Apply plug-in/viewer technology to Web pages to support various file types Create rich media streaming.
PLUG INS flash, quicktime, java applets, etc. Browser Plug-ins Netscape wanted a method to extend features of the browser became an unofficial standard.
Multimedia Web Pages. Multimedia displays Browser can load web pages that contains multimedia elements 1. Helper applications: stand-alone programs that.
Application Software System Software.
Accessibility in Online Instruction Terrill Thompson Technology Accessibility Specialist
A computer contains two major sets of tools, software and hardware. Software is generally divided into Systems software and Applications software. Systems.
California State University, LA Presented by Amanda Steven StevenAamirObaid.
CHAPTER 8 Multimedia 1. Using Multimedia ❖ Multimedia: the combination of text, sound, and video to express an idea or convey a message. ❖ Podcasts: a.
The Internet Salihu Ibrahim Dasuki (PhD) CSC102 INTRODUCTION TO COMPUTER SCIENCE.
Week-5 (Lecture-1) Streaming media: Audio video content over internet Played immediately No wait for download file Use the data packet Advantages: Video.
Streaming Media. What is Streaming Media The delivery of audio, video and other multimedia content across the internet using streaming media servers.
Copyright © Terry Felke-Morris Web Development & Design Foundations with HTML5 8 th Edition CHAPTER 11 KEY CONCEPTS 1.
Uploading, Encoding and Tracking Files.  Introduction  Source vs. Published File Types  Streaming vs. Downloaded files  The Upload Tab  Playlists.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
Web Programming– UFCFB Lecture 8
2.02G Publishing Animated Videos
2.02F Publishing Animated Videos
Lesson 5: Multimedia on the Web
Web Programming– UFCFB Lecture 8
Presentation transcript:

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

Interactive  Who are you?  Why are you here?  What would you like to know?  What are your expectations from this workshop?

Overview  Introduction to accessible web-based video  Creating captions with MAGpie (activity)  QuickTime (activity)  (Break?)  Windows Media Player (activity)  Using a Flash player (activity)  Embedding content in a web page  Process and Compression

Introduction  Law, Health Policy & Disability Center Grant-funded research, technical support, & training

Our Needs  Accessible web-based training  Quality video  Closed captions  Transcripts  Supporting documents (PowerPoints, Handouts)  Different formats  QuickTime  Windows Media Player  Flash)  Efficient production, development, and deployment

Our Video   Over 100 hours of online video for training  Mostly talking heads

Characteristics  User choice  Start with most accessible player – Flash  Multiple players and configurations  Embedded vs. Standalone players  Automatic play vs. press a key to start  Resizable Players  Uncaptioned versions  Platform agnostic (Windows, OS X, Linux)  Available metadata, transcript, supporting documents

Overview of the Technologies

Players  QuickTime  Windows Media Player  Real Player  Flash Player(s)  Others

The Technologies  Clients and servers  Plugins or whatever  Downloading  Embedding video in web pages  Flash

Clients vs. Servers Clients Server

Clients vs. Servers Server Clients Servers

Server  Server  Stores HTML, video, caption text, other files  Files can be stored on different servers  Files  HTML page  Video file  Caption text file  Combining file  Supporting files (transcript, handouts, PowerPoint)

Client  Displays HTML in browser  Launches players  Assembles and displays the pieces  Video  Caption text  Video player and its controls  HTML and surrounding content

Client View Browser Window Embedded Player with Controls Video Captions Links to supporting documents

Embedded Captioned Video Embed in HTML File ServerClient Video File Caption File Combine Files in Player

Captioning Technologies  Open formats  XML  Extensible Markup Language  SMIL  Synchronized Multimedia Integration Language  DFXP  Distribution Format Exchange Profile of the timed-text authoring format (TT AF)  Proprietary formats  QuickTime caption file  Apple proprietary format  SAMI  Microsoft® Synchronized Accessible Media Interchange

Download and Play  Wait for file to download before playing  Can be a long time  Freezes possible but can play back without freezes  Download and store for later play  No copy protection  Archive only

Streaming  Short wait for start of video  High bandwidth required  Fast server or multiple servers  Special network settings may be needed (multiple connections)  Fast connections  Freezes not uncommon  Problems at client end (firewalls)  Can copy protect  Required for live video  Possible for archived video

“Progressive download”  Short wait for start of video, depending on bandwidth  Slow connection possible  Freezes possible but can be replayed without freezes  Download and store for later play  Copy resistance  Archive only

Open Captioning  Simpler  Smaller file size  Embedded (burned in)  Static  May be hard to read  Doesn’t compress well

Closed Captioning  Captions can be closed  Benefit for people who would be distracted by captions  Not much other difference on the Web