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

Slides:



Advertisements
Similar presentations
What is Multimedia ? Multi ( Multiple ) and Media ! So…. Information in multiple formats, including text, images, audio, video and animation :) It makes.
Advertisements

JavaScript FaaDoOEngineers.com FaaDoOEngineers.com.
Using Multimedia on the Web Enhancing a Web Site with Sound, Video, and Applets.
CNIT 132 – Week 9 Multimedia. Working with Multimedia Bandwidth is a measure of the amount of data that can be sent through a communication pipeline each.
1 Multimedia on the Web: Issues of Bandwidth Bandwidth is a measure of the amount of data that can be sent through a communication pipeline each second.
HTML5, OVERVIEW AND NEW FEATURES PowerPoint by Mason O’Mara.
HTML 5 and CSS 3, Illustrated Complete Unit L: Programming Web Pages with JavaScript.
HTML 5 and CSS 3, Illustrated Complete Unit K: Incorporating Video and Audio.
UNIT K: INCORPORATING VIDEO AND AUDIO 1 Encoding: the process of transforming moving image and/or sound into a digital file. Each encoding method known.
 Multimedia is everything you can hear or see: texts, books, pictures, music, sounds, CDs, videos, DVDs, Records, Films, and more.  Multimedia comes.
INF Web Design Using Multimedia on the Web Video - Part 1.
XP Information Technology Center - KFUPM1 Microsoft Office FrontPage 2003 Creating a Web Site.
Chapter Concepts Review Markup Languages
Web Security A how to guide on Keeping your Website Safe. By: Robert Black.
COS 125 DAY 27. Agenda Assignment # 8 Due April 27 Assignment #9 Posted in Webct  Last one!!!!  Due May 4, 8AM Exam #5 is April 30  Castro Chap13,
Introduction to Web Application Architectures Web Application Architectures 18 th March 2005 Bogdan L. Vrusias
COS 125 DAY 25. Agenda Assignment 7 is corrected  5 A’s, 2 B’s, 1 C and 1 F Assignment 8 (last one) is posted  Due May 2 Left to do  3 rd and final.
Active X Microsoft’s Answer to Dynamic Content Reference: Using Active X by Brian Farrar QUE
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
Define objects and their relationships to multimedia Explain the fundamentals of C, C++, Java, JavaScript, JScript, C#, ActiveX and VBScript Discuss security.
Introduction to eValid Presentation Outline What is eValid? About eValid, Inc. eValid Features System Architecture eValid Functional Design Script Log.
Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.
Chapter 15 HTML 5 Video and Audio Intro to HTML5 1.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
Explaining the principles of web animation Gladys Nzita-Mak.
HYPERTEXT MARKUP LANGUAGE (HTML)
Web Design Basic Concepts.
Introduction to Java Programming. Contents 1. Java, etc. 2. Java's Advantages 3. Java's Disadvantages 4. Types of Java Code 5. Java Bytecodes 6. Steps.
Audio and Video on the Web Sec 5-12 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
Session: 11. © Aptech Ltd. 2HTML5 Audio and Video / Session 11  Describe the need for multimedia in HTML5  List the supported media types in HTML5 
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.
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.
Copyright © 2012 Certification Partners, LLC -- All Rights Reserved Lesson 5: Multimedia on the Web.
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.
Multimedia and the Web Chapter Overview  This chapter covers:  What Web-based multimedia is  how it is used today  advantages and disadvantages.
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
Introduction to Silverlight. Slide 2 What is Silverlight? It’s part of a Microsoft Web platform called Rich Internet Applications (RIA) There is a service.
1 Chapter 2 & Chapter 4 §Browsers. 2 Terms §Software §Program §Application.
Web Browser Security Prepared By Mohammed EL-Batta Mohammed Soubih Supervised By Eng. Eman alajrami Explain Date 10. may University of Palestine.
Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.
Microsoft Internet Explorer and the Internet Using Microsoft Explorer 5.
Silverlight Technology. Table of Contents 1.What is Silverlight Technology? 2.Silverlight Overview. 2.1 How it works 2.2 Silverlight development tools.
JavaScript, Fourth Edition
Cross Site Integration “mashups” cross site scripting.
XP Tutorial 8New Perspectives on Creating Web Pages with HTML, XHTML, and XML 1 Using Multimedia on the Web Enhancing a Web Site with Sound, Video, and.
Tutorial 7 Working with Multimedia
Tutorial 7 Designing a Multimedia Web Site
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.
Windows and frames and the anchor tag. Frames Independent, scrollable portions of a Web browser window, with each frame capable of containing its own.
Cs332a_chapt10.ppt CS332A Advanced HTML Programming DHTML Dynamic Hypertext Markup Language A term describing a series of technologies Not a stand-a-lone.
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.
CHAPTER 15 HTML 5 VIDEO AND AUDIO Intro to HTML5 1.
HTML 5. Introduction In modern browsers, adding a video to your page is as easy as adding an image. No longer do you need to deal with special plug-ins.
Reading Flash. Training target: Read the following reading materials and use the reading skills mentioned in the passages above. You may also choose some.
Contents : What is Silverlight? Silverlight Overview Silverlight Toolkit Overview Timeline & Packaging Silverlight V1.0 & V1.1 Properties of V1.0 Properties.
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.
Lesson 5 MULTIMEDIA. Multimedia on the Web has expanded rapidly as broadband connections have allowed users to connect at faster speeds. Almost all Web.
Learning Aim B.  In this section, you will consider the resources necessary for designing your website.  You will also think about any constraints that.
CHAPTER 8 Multimedia 1. Using Multimedia ❖ Multimedia: the combination of text, sound, and video to express an idea or convey a message. ❖ Podcasts: a.
Chapter 9 HTML 5 Video and Audio
Creating Dynamic Web Pages with FrontPage Barry Sosinsky Valda Hilley
Chapter 4: HTML5 Media - <video> & <audio>
Tutorial 7 Working with Multimedia
Introduction to Silverlight
Playing Audio (Part 1).
Silverlight Technology
About Multimedia Files
Lesson 5: Multimedia on the Web
Presentation transcript:

PLUG INS flash, quicktime, java applets, etc

Browser Plug-ins Netscape wanted a method to extend features of the browser became an unofficial standard Later, Microsoft added Active-X controls unprecedented # of security problems it is more secure than it used to be

Plug-in Future todays will be around a long time XML namespaces allow any number of XML formats to be combined in the SAME document Plug-ins will adapt into XML file type handlers with tight HTML integration

Issues Browser without the plug-in will either bug the user about it ignore it Users don’t like to install plug-ins beginners are afraid & should be advanced users are skeptical

Issues Browser can’t be trusted to educate the user! Plug-ins lower browser stability and can waste resources Plug-ins add more security holes, can weaken the OS too Plug-in quality/support differs

Issues Users could BLAME YOU for plug-in related problems Inconvenience can scare users away Often plug-in content takes more bandwidth or SLOW page loading (java) Without alternatives, you lock out users

Flash Issues Flash 7+ can use a microphone or webcam initially, they were on by default! Its not easy to check the settings Flash has LARGE cookies it can store outside browser cookies Advertisers are using flash to watch you

Flash Benefits REALLY GOOD browser integration Javascript cross communication Used to hack in support in older browsers Fonts, javascript audio, PDF, video SVG:

Flash Threat SVG: OPEN xml version of Vector Graphics HTML 5: video, audio, javascript, 2D, 3D DOM3: more options than Flash Java Applets - historically poorly treated Most potential for missing abilities

What’s the tag? IE 5.5 and higher no longer support xHTML 1+ killed is the FUTURE - ( including JAVA applets)

How do I do it? Read plug-in author’s directions tags are easy, but SKIP USING THEM tags are complex and have many parameters you can pass to the plug-in Most plug-ins have tools out there to aid in generating the HTML

Backward Support HTML 4 : Use BOTH for 90s browsers XHTML: Use XHTML transitional and use both Validators will not be happy but OLD browsers will handle it Provide alternatives; old browsers likely don’t have the plug-in

Java Java applets are slow to load Run anywhere; no extra plug-ins Secure + great track record Must check what version java of java they have (in the java applet) Java is no longer installed by default in Windows

Plug-ins in use All video/audio formats are plug-ins Common:.mp3.mp4.avi.wav Flash is often installed BY DEFAULT Java is common but often not installed PDF not very common (yet)

Alternatives Direct file link NO plug-in: download the file (might auto open the file too) If plug-in: displayed in the browser Link to alternate formats (manual or auto)

Javascript Some plug-ins support javascript access allows you to manipulate the object; or just talk to it...it depends. documentation is often located at the developer’s website Java applets support it Quicktime (video control, even editing!)

Checking for a plug-in Browser Object: navigator.plugins plugins is an array of plug-ins you loop thru it and compare names: if (navigator.plugins) { for (i=0; i < navigator.plugins.length; i++ ) { if (navigator.plugins[i].name.indexOf("QuickTime") >= 0) { haveqt = true; } }

Example

HTML 5 & MIME MP3, MP4, OGG, WAV, MIDI,MOV Multiple types can be listed at 1 time does NOTHING without properties or javascript to cause it to play

click me

Graceful HTML5 if supported: is used OTHER tags are ignored If not supported: OTHER tags are used - use If object doesn't work, it should show HTML