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

Slides:

Advertisements

Similar presentations

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

Advertisements

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,

Essentials for Design JavaScript Level One Michael Brooks

Power Point 2007 Embedding Videos. How to embed a video that is hosted online.

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

Chapter 11 Media and Interactivity Basics Key Concepts

Ideas to Layout Beginning web layout using Cascading Style Sheets (CSS). Basic ideas, practices, tools and resources for designing a tableless web site.

Neal Stublen Pre-HTML5 Solutions  Audio and video were embedded in pages using plug-ins Apple Quicktime Microsoft Silverlight Adobe.

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

The Web Warrior Guide to Web Design Technologies

HTML 5. What is HTML5? HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. The previous version of HTML came in The web has changed.

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.

INF Web Design Using Multimedia on the Web Video - Part 1.

HTML 5 Tutorial Chapter 1 Introduction. What is HTML5? HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. The previous version of HTML.

Embedding Multimedia Content in WebPages Seth Subramanian.

Retrieving compound pages This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: none IT concepts:

Computers Going Online Internet Browsers Browsers retrieve and view Internet-based information interact with servers download and upload information ©

Lecture 18. HTML5 and JavaScript Instructor: Jie Yang Department of Computer Science University of Massachusetts Lowell Exploring the Internet,

Web Workshop Maurice Farmer Web Manager Business School Chair, Web User Panel.

Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.

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.

Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 9: Frames © 2007 Prosoft Learning Corporation All rights reserved ITD 110 Web Page Design.

Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 9: HTML Frames.

Web Accessibility. Ensuring people of all abilities have equal access to web content Disability Discrimination Act – Web Access Advisory notes 2010 Required.

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 

Web Development & Design Foundations with XHTML Chapter 11 Key Concepts.

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

HTML5. What is HTML5? HTML5 will be the new standard for HTML. HTML5 is the next generation of HTML. HTML5 is still a work in progress. However, the major.

PLUG INS flash, quicktime, java applets, etc. Browser Plug-ins Netscape wanted a method to extend features of the browser became an unofficial standard.

HTML 5 New Standardization of HTML. I NTRODUCTION HTML5 is The New HTML Standard, New Elements New Attributes Full CSS3 Support Video and Audio 2D/3D.

Computer Concepts 2014 Chapter 7 The Web and .

Tutorial 7 Working with Multimedia. XP Introducing Multimedia Bandwidth is a measure of the amount of data that can be sent through a communication pipeline.

CS346 - Javascript 1, 21 Module 1 Introduction to JavaScript CS346.

1 Web Developer Foundations: Using XHTML Chapter 10 Helper Applications and Plug-in Concepts.

Chapter 17 - Deploying Java Applications on the Web1 Chapter 17 Deploying Java Applications on the Web.

CSCE Chapter 5 (Links, Images, & Multimedia) CSCE General Applications Programming Benito Mendoza 1 By Benito Mendoza Department.

Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.

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 Chapter 11 Key Concepts 1 Copyright © Terry Felke-Morris.

Multimedia Web Design Professor Frank. Multimedia Combine text, graphics, sounds, and moving images in meaningful ways Use stable technology.

Contents MULTIMEDIA –Audio –Video –Animation –PDF.

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.

Introduction | Examples | Solutions | Tools | Q&A Visit the Active Content Developer Center: 1 The Changes.

Introduction to JavaScript CS101 Introduction to Computing.

PLUG INS flash, quicktime, java applets, etc. Browser Plug-ins Netscape wanted a method to extend features of the browser became an unofficial standard.

Using Plug-Ins Adding Multimedia to an HTML Document.

Embedding Multimedia in Web Pages  Multimedia is a popular buzzword for sound, motion video, and interactive animation.  Some problems or obstacles.

HTML JAVASCRIPT. CONTENTS Javascript Example NOSCRIPT Tag Advantages Summary Exercise.

HTML 5 The Future of Web Development. What is HTML5? “HTML5 is a specification of how the web’s core language, HTML, should be formatted and utilized.

XP Review 1 New Perspectives on JavaScript, Comprehensive1 Introducing HTML and XHTML Creating Web Pages with HTML.

Introduction to the World Wide Web & Internet CIS 101.

1 CSC160 Chapter 1: Introduction to JavaScript Chapter 2: Placing JavaScript in an HTML File.

Chapter 8 Adding Multimedia Content to Web Pages HTML5 & CSS 7 th Edition.

The Internet Salihu Ibrahim Dasuki (PhD) CSC102 INTRODUCTION TO COMPUTER SCIENCE.

HTML 5 Tutorial Chapter 1 Introduction.

Tutorial 7 Working with Multimedia

Client-Side Internet and Web Programming

About Multimedia Files

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

Embedding Videos into HTML  Media Player and RealPlayer better external, not embedded  QuickTime & Flash generally better embedded  Internet Explorer generally better with Flash  Controversy in use of and tags

Conventional Embedding    Object parameters  File location    Embed parameters  File location    

Embedding QuickTime <object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="260" height="316" codebase=" <param name="src" value=" /> <embed src=" width="260" height="316" pluginspage="

Embedding Flash Video Player <object classid="clsid:d27cdb6e-ae6d-11cf-96b " codebase=" cab#version=7,0,0,0" width="340" height="440" id="video"> <param name="movie" value=" /> <embed src=" quality="high" width="340" height="440" name="video" type="application/x-shockwave-flash" base="." pluginspage=" /> </object>

Embedding Issues    Not a standard  Doesn’t validate for XHTML  tag not supported the same on all browsers  Player versioning  Downloading / upgrading versions a major pain  Frequently a showstopper for many users  Earlier required versions may show garbage (or blank space) instead of error message

Flash Embedding Alternatives  Object Only method  Validates for XHTML  Tricks browsers into correctly displaying content  Uses graceful failure rule  When one OBJECT tag doesn’t work, it’s ignored  Moves to the next OBJECT tag

OBJECT Only Method </object></object>

Flash Embedding Alternatives  Flash Object method (uses JavaScript) to determine versions and handle errors gracefully  Avoid unacceptable use of or tags  Uses alternative text as a default when all else fails   Works in Internet Explorer to avoid double click interaction

Contact  Law, Health Policy & Disability Center   LHPDC Bulletin Board (download Flash playback engine)  David Klein Boyd Law Bldg. College of Law University of Iowa Iowa City, IA K. “Fritz” Thompson Boyd Law Bldg. College of Law University of Iowa Iowa City, IA