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

Slides:

Advertisements

Similar presentations

Accessible Video in a Diverging Web Environment CSUN Conference: Technology and Persons with Disabilities Los Angeles, CA March 16, 2005 David Klein K.

Advertisements

Samsung Smart TV is a web-based application running on an application engine installed on digital TVs connected to the Internet.

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

Multimedia Authoring1 Animation Animation File Formats Animated GIF It is a version of the GIF image format. GIF89a allows multiple images to be put into.

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 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,

Chapter 11 Media and Interactivity Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.

Chapter 11 Media and Interactivity Basics Key Concepts

HTML Structure & Web Design Basics

© De Montfort University, Synchronised Presentations using Windows Media Howell Istance School of Computing De Montfort University.

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.

Quicktime Howell Istance School of Computing De Montfort University.

ALPS CETL: | York St John University: Going Mobile Developing video learning resources.

SM5312 week 11: Flash Objects in HTML1 Flash Objects in HTML Nick Foxall.

EE-Video Yossi Biton Nir Yakobovski Outline  The concept  Main functionality  Challenges & Solutions  Design considerations Layers Class diagram.

Define objects and their relationships to multimedia Explain the fundamentals of C, C++, Java, JavaScript, JScript, C#, ActiveX and VBScript Discuss security.

HTML Elements. HTML documents are defined by HTML elements.

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.

 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.

Flash Video Flash ActionScript 3.0 Introduction to Thomas Lövgren, Flash developer

How to Play Movies in PowerPoint with the Windows Media Player Control.

Paul Trani Adobe Certified Instructor/Expert Resources:

® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ADOBE® ACCESSIBILITY Video Accessibility in Adobe Flash Andrew Kirkpatrick Adobe Systems.

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

Chapter 11 Adding Media and Interactivity. Flash is a software program that allows you to create low-bandwidth, high-quality animations and interactive.

Technical Workshops | Esri International User Conference San Diego, California ArcGIS Viewer for Flex – Advanced Topics Lloyd Heberlie Björn Svensson July.

© 2011 Delmar, Cengage Learning Chapter 11 Adding Media and Interactivity with Flash and Spry.

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.

E0262 – MIS – Multimedia Storage Techniques SMIL – Synchronized Multimedia Integration Language.

1 Lecture 12: Multimedia Not in Web 101 Text  Important Multimedia Issues  Audio  Movies and Video  Multimedia and HTML Documents.

Adobe Flash CS5.5. What is Adobe Flash? formerly Macromedia Flash Is software is a powerful authoring environment for creating animation and multimedia.

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

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.

Tutorial 7 Working with Multimedia. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Explore various multimedia applications.

Tutorial 7 Working with Multimedia. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Explore various multimedia applications.

Chapter 16 Video. Importing Video Into Flash  Once you import video into Flash, you can control it using behaviors and very basic ActionScript, target.

Building Rich Web Applications with Ajax Linda Dailey Paulson IEEE – Computer, October 05 (Vol.38, No.10) Presented by Jingming Zhang.

Web Development Products Learning Team Project Week 5 Donna Bonassisa Holden Contreras Jeffrey Henry.

HTML5 Audio and Video. Slide 2 History Playing audio and video used to be something of a novelty You would embed a control (with the element) into your.

Flash for CFers An Introduction to Rich Internet Application Development.

Adobe Dreamweaver CC: The Professional Portfolio Project 3: Photographer’s Web Site Working with static images Controlling backgrounds with CSS Working.

Introduction to Interactive Media Interactive Media Tools: Authoring Applications.

Back to the Basics - Video Nick Kwiatkowski Michigan Flex Users Group.

Unit-IV - Flash Player - Flex framework - MXML introduction - Action script introduction - Working with Action script - Flex data binding - Common UI components.

Chapter 11 Adding Media and Interactivity. Chapter 11 Lessons Introduction 1.Add and modify Flash objects 2.Add rollover images 3.Add behaviors 4.Add.

FLASH, VIDEO & AUDIO How to add Flash movies into your site How to add video and audio to your site HTML5 and elements.

CS 200 Multimedia Objects in Web Pages. MultiMedia Objects Three primary types of multimedia objects  Audio  Video Includes Flash Objects  Images.

Advanced Website Design Professor: Jared Kozel Class Description: Are you already familiar with how to construct a basic Website? This class will teach.

An Introduction.  Introduction  Logging in from D1  Raison d'être  RSS and Podcasting  DragonDrop is…  What does it do?  Upload  Available Output.

Tutorial 7 Adding Behaviors and Rich Media. Objectives Session 7.1 – Learn about behaviors – Add behaviors to a page – Add a custom script to a page Session.

Copyright © Terry Felke-Morris Web Development & Design Foundations with HTML5 8 th Edition CHAPTER 11 KEY CONCEPTS 1.

LOGO FLV PLAYER. Company Logo ABOUT FLV PLAYER Feast for your eyes and ears. The most advanced HD FLV Player designed thus far has.

Using Video, and Flash Components, and Printing Flash Content

Background Information

Using Templates A template is a special type of document that you use to design a “fixed” page layout; you can then create documents based on the template.

Using Templates A template is a special type of document that you use to design a “fixed” page layout; you can then use the web page to create a template.

Uses and Principles of animation

Playing Video (Part 1).

Thưa quí bạn, các hình ảnh được lấy trong một Adobe Flash Video từ Internet, tại address sau: Tất.

Basics of Web Design Chapter 11 Media and Interactivity Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D.

Using Templates A template is a special type of document that you use to design a “fixed” page layout; you can then create documents based on the template.

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

Flash  Video is played back by Flash Player  Version 7 or above of the Flash Player required for the end user  Interface (controls, layout) located in.swf file

Flash Video  De facto Web standard because of “player wars”  Lack of standards compliance  Continual, relentless upgrades  Difficulty in upgrading – pushing users toward paid versions  Hijacking of media types / file extensions  People just want video to work

Flash History  Becoming more accessible by version 6  Full integration with video by version 7  Ubiquitous (around 97% share)  YouTube, MySpace  Handles video well  Sorenson Spark codec  ON2VP6 codec  Fast  Developer-level flexibility  Can revise interface as needed  Control over accessibility (within Flash capabilities)

Captioned Flash Video  Flash Video Player (ours)  CC for Flash / ccPlayer (National Center for Accessible Media – WGBH)  FLVPlayback / FLVPlaybackCaptioning Components for Flash (Adobe)

Flash Video Player  Allows captioned video without Flash programming  Open source  Major or minor customization possible  Flash 7.0 and above

CC for Flash / ccPlayer  ccPlayer allows captioned video without Flash programming  Flash components  Skins  Little Flash knowledge needed  Closed source, so customization is limited  DFXP caption files  Flash 8.0

FLVPlaybackCaptions  Flash programming required  Minimal Flash knowledge needed  Skins  Closed source, so customization is limited  DFXP caption files  Flash 9.0 (CS3)

Flash Files  Video .flv  Caption file  We use the QuickTime caption file  XML configuration file  Integrates video and caption files  Flash player (Shockwave) .swf compiled from Flash code  HTML  Flash code file (.fla)  Optional for further development

Flash Video Player Assembly Flash program file videoname.swf Video file videoname.flv Caption file videoname_captions.txt (Same file as used for QT) Caption control file captions.xml (Video and caption file locations) Flash code file videoname.fla (optional)

Captions.xml File Characteristics  Use XML standards  Tags case sensitive  All elements closed  xxx (open and close tags)  (no explicit close tag; use the slash)

XML Configuration <flashcaptioning><ccconfig> captionfile.txt captionfile.txt video.flv video.flv <XMLFileUsed></XMLFileUsed></ccconfig></flashcaptioning>

Flash Video Player Activity  Handout: Activity 3: Flash Video Player  Objective:  Modify an XML file and assemble the QuickTime captions file with the Flash video player to create a web-enabled, captioned, Flash video.

Flash Video Player Files  Place all files together in a folder  Video (.flv)  Caption file (video_caption.txt)  XML file (caption.xml)  Flash video player file (.swf)

Flash Security  Keep files in same folder when possible  Use BASE attribute in HTML  </object  Or  Or  Test thoroughly, especially among browsers and browser versions  More:  