Concepts & Techniques for Accessible, Closed Captioned Web-Based Video 10th Annual Accessing Higher Ground: Accessible Media, Web and Technology Conference.

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

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.
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.
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
12 Media Streaming.
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.
ACCESSING HIGHER GROUND 2010 Norman Coombs CEO EASI
Techniques for Creating Accessible, Closed Captioned Web-Based Video California State University - Northridge 21st Annual International Technology and.
Presents… “Best Encoding Practices” For use with.
Embedding Multimedia Content in WebPages Seth Subramanian.
VCT May 20, 2009 Sapna Blesson Advisor: Dr.Christopher Pollett.
Define objects and their relationships to multimedia Explain the fundamentals of C, C++, Java, JavaScript, JScript, C#, ActiveX and VBScript Discuss security.
1 Final Year Project 2003/2004 LYU0302 PVCAIS – Personal Video Conference Archives Indexing System Supervisor: Prof Michael Lyu Presented by: Lewis Ng,
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.
1 Taking the Classroom Experience to the Web Innovative Ways to Use Streaming Media in E-Learning Geoff Spencer Higher Education Market Manager Accordent.
 Video and Audio Files can be played online just by selecting them  Video are flash files and will not work with Quicktime (Apple) or Windows Media.
HYPERTEXT MARKUP LANGUAGE (HTML)
Flash Video Flash ActionScript 3.0 Introduction to Thomas Lövgren, Flash developer
Chapter Objectives Explain Web page multimedia issues
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.
Session: 11. © Aptech Ltd. 2HTML5 Audio and Video / Session 11  Describe the need for multimedia in HTML5  List the supported media types in HTML5 
Using Multimedia on the Web
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.
Chapter 14-Designing for the World Wide Web. Overview Introducing multimedia on the Web. Designing text for the Web. Creating images for the Web. Adding.
Web Design, 3 rd Edition 6 Multimedia and Interactivity Elements.
E0262 – MIS – Multimedia Storage Techniques SMIL – Synchronized Multimedia Integration Language.
Copyright © 2012 Certification Partners, LLC -- All Rights Reserved Lesson 5: Multimedia on the Web.
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.
Audio and Video on the Web Presentation by Cheryl Deas and Pasha Souvorin Multimedia for Web Designers.
Multimedia Web Design Professor Frank. Multimedia Combine text, graphics, sounds, and moving images in meaningful ways Use stable technology.
Multimedia From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 1 Introduction Important Multimedia Issues Audio Movies.
Streaming Media A technique for transferring data on the Internet so it can be processed as a steady and continuous stream.
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.
Adobe Flash CS4 – Illustrated Unit A: Getting Started with Adobe Flash.
California State University, LA Presented by Amanda Steven StevenAamirObaid.
Advanced Website Design Professor: Jared Kozel Class Description: Are you already familiar with how to construct a basic Website? This class will teach.
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.
Web Design, 5 th Edition 6 Multimedia and Interactivity Elements.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
Supervisor: Prof Michael Lyu Presented by: Lewis Ng, Philip Chan
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Web Programming– UFCFB Lecture 8
2.02G Publishing Animated Videos
2.02F Publishing Animated Videos
HTML HYPERTEXT MARKUP LANGUAGE.
Lesson 5: Multimedia on the Web
Web Programming– UFCFB Lecture 8
Presentation transcript:

Concepts & Techniques for Accessible, Closed Captioned Web-Based Video 10th Annual Accessing Higher Ground: Accessible Media, Web and Technology Conference Boulder, Colorado November 7, 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  Compression  Captioning (activity)  (Break?)  QuickTime (activity)  Our Flash player (activity)  Embedding content in a web page

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

Our Needs  Provide accessible web-based training  Quality video with high quality audio  Closed captions  Transcripts  Supporting documents (PowerPoints, Handouts, etc.)  Different formats (QuickTime, Windows Media Player, Flash)  Efficient production, development, and deployment  Frustrated with “player wars”

Our Video  /dpn_112004_index.html /dpn_112004_index.html /dpn_112004_index.html  Over 100 hours of online video for training  Mostly talking heads

Feature Choices  Player choice  Flash player (default)  QuickTime  Windows Media Player  Uncaptioned versions  Embedded in web page vs. standalone  Automatic play vs. user initiated  Resizable  Metadata, transcript, supporting documents

Overview of the Technologies

Players  QuickTime  Windows Media Player  Flash Player

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

Clients vs. Servers Server Clients

Server vs. Client  Server  Stores HTML, video, caption text, other files  Files can be stored on different servers  Some dynamic content (e.g., databases)  Client  Displays content  Interface to the user  Dynamic  Assembles files / content into a whole presentation

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  XML  Extensible Markup Language  SMIL  Synchronized Multimedia Integration Language  SAMI  Microsoft® Synchronized Accessible Media Interchange  QuickTime caption file  Apple  DFXP  Adobe Flash

Creating Accessible Video  Start with video / audio of highest possible quality  Acquire secondary audio source and/or CART (real- time caption) file if possible  Capture, edit and compress video  3 output formats:.mov,.wmv, and.flv  Attention to first frame  Black  Titling

Video Compression Examples  Find folder “ahg2007CD” on desktop  Open folder (double click)  Double click “index.html”  Select “Compare compression methods”

Web-Based Video Methods  Download & play  Video downloads completely; then plays  Streaming  Server sends packets of video to client  “Progressive” download  Video downloads, but starts playing as soon as possible

Download & Play  Pros  Reduces bandwidth issues  Can play back without freezes  Download and store for later play  Cons  Wait for file to download before playing  Can be a long time  No copy protection  Archive only; not live video

Streaming  Pros  Short wait for start of video  Can start in middle of video  Cons  High bandwidth required  Freezes not uncommon  Problems at client end (firewalls)  Can be expensive  Can copy protect  Required for live video  Useful for archived video

“Progressive” download  Pros  Short wait for start of video, depending on bandwidth  Low bandwidth possible  Store for later play  Freezes possible but replay without freezes  Copy resistance but no protection  Archive only; no live video