Using Plug-Ins Adding Multimedia to an HTML Document.

Slides:



Advertisements
Similar presentations
PowerPoint © Media Examples This Presentation Explores How Various Media Types are Handled in PowerPoint © and as a Web Page.
Advertisements

What is Multimedia ? Multi ( Multiple ) and Media ! So…. Information in multiple formats, including text, images, audio, video and animation :) It makes.
Computer Fundamentals Multimedia MSCH 233 Lecture 10.
Chapter 11 Media and Interactivity Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
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.
Chapter 11 Media and Interactivity Basics Key Concepts
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.
HTML Structure & Web Design Basics
Section 9.1 Identify multimedia design guidelines Identify sources of multimedia files Explain the ethical use of multimedia files Describe multimedia.
Sounds, Images & Other Objects Website Production.
 Multimedia is everything you can hear or see: texts, books, pictures, music, sounds, CDs, videos, DVDs, Records, Films, and more.  Multimedia comes.
3.02 Publishing Animations
INF Web Design Using Multimedia on the Web Video - Part 1.
Multimedia on the Web. Audio Video Animation Interactivity Plug-ins in the users’ computer –Real Player (.ram,.rpm,.avi) –Quicktime (.mov) –Shockwave.
Web site Design: Using Multimedia Multimedia file formats on the web Basic Multimedia application on the web –A simple page with sound and music –A simple.
Multimedia Presented by Frank H. Osborne, Ph. D. © 2005 Bio 2900 Computer Applications in Biology.
Computers Going Online Internet Browsers Browsers retrieve and view Internet-based information interact with servers download and upload information ©
Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.
HYPERTEXT MARKUP LANGUAGE (HTML)
Section 9.1 Section 9.2 YOU WILL LEARN TO…
Chapter Objectives Explain Web page multimedia issues
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 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.
Using HTML 5.  HTML 5 uses a standard method to embed audio into Web pages.  Prior to HTML 5, browser plug-ins or separate applications such as Windows.
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.
Chapter 9 Graphics and Multimedia on the World Wide Web.
CSCI N241: Fundamentals of Web Design Copyright ©2004  Department of Computer & Information Science Adding Sound.
1 Lecture 12: Multimedia Not in Web 101 Text  Important Multimedia Issues  Audio  Movies and Video  Multimedia and HTML Documents.
Session 9: Multimedia J 0394 – Perancangan Situs Web Program Studi Manajemen Program Studi Manajemen Universitas Bina Nusantara.
Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.
Linking web pages Wah Yan College (Hong Kong) Mr. Li C.P.
XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 1 Using Multimedia on the Web Enhancing a Web Site with Sound, Video, and Applets Tutorial.
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 Chapter 11 Key Concepts 1 Copyright © Terry Felke-Morris.
File Name Extensions Computer Applications 7th grade.
Sound or Audio, whichever you prefer –MIDI Files.midi or.mid (Musical Instrument Digital Interface) use for instrumental music. –This format is supported.
HTML Use of Multimedia on web page. HTML Media Q. How to call Image file in our web page ? A. That is the easy syntax for defining an image. 2.
Contents MULTIMEDIA –Audio –Video –Animation –PDF.
Adding Audio to Your Web Site Adventures in Information February 17, 1999 presented byEileen Flick, ISD.
Supplementary Materials on Web Authoring. Insert Anchors & Add Hyperlinks Insert other multimedia elements: Flash animations Video clips & Audio clips.
Multimedia From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 1 Introduction Important Multimedia Issues Audio Movies.
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.
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.
Other web design features. Flash Flash is a Macromedia Program to create interactive “movies” or interfaces in your website Very cool thing possible Not.
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.
CS 22: Enhanced Web Site Design - Week 5Slide 1 (of 22) Enhanced Web Site Design Stanford University Continuing Studies CS 22 Mark Branom
Multimedia Web Pages. Multimedia displays Browser can load web pages that contains multimedia elements 1. Helper applications: stand-alone programs that.
Multimedia: Audio and Video Kyle Hawver. BGSOUND element Should be placed in the HEAD section of the HTML document Has 4 key properties: – SRC – URL of.
Embedding Multimedia in Web Pages  Multimedia is a popular buzzword for sound, motion video, and interactive animation.  Some problems or obstacles.
Chap 14 Presentation Layer Andres, Wen-Yuan Liao Department of Computer Science and Engineering De Lin Institute of Technology
Chapter 10. The Role of Video in Multimedia  Any presentation or application that uses sound and graphics qualifies as multimedia  Clip A segment of.
Multimedia. What is multimedia? Multimedia is everything you can hear or see: texts, books, pictures, music, sounds, CDs, videos, DVDs, Records, Films,
Chapter 8 Adding Multimedia Content to Web Pages HTML5 & CSS 7 th Edition.
Multimedia Multimedia obuhvata sve što može da se vidi, čuje, pročita Multimedijalni sadržaji mogu biti u različitim formatima Podrška Internet browser-ima.
CHAPTER 8 Multimedia 1. Using Multimedia ❖ Multimedia: the combination of text, sound, and video to express an idea or convey a message. ❖ Podcasts: a.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
Section 9.1 Section 9.2 YOU WILL LEARN TO…
Section 9.1 Section 9.2 Identify multimedia design guidelines
Embedding Media into Web Pages
Chapter 4: HTML5 Media - <video> & <audio>
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Web Design and Development
Tutorial 7 Working with Multimedia
Integrating Multimedia: Sound, Video and More
COM 205 Multimedia Applications
HTML5 Media.
COM 205 Multimedia Applications
Presentation transcript:

Using Plug-Ins Adding Multimedia to an HTML Document

What is a Plug-In?  “Helper” Application that aids the Web browser handle files which are not standard HTML files or standard images  Examples: – QuickTime Player – RealPlayer – Adobe Acrobat Reader – Cosmo Player (VRML)

More About Plug-Ins  Plug-Ins can open a document externally to the Web browser  Or, some plug-ins can be embedded in a Web page

File Types Handled by Plug-Ins  Streaming Audio – RealAudio  Non-streaming Audio –.WAV –.AU  Video –.MPG – QuickTime – AVI  VRML

Adding Non-Streaming Audio  Uses a simple Anchor Container: Using A Link Play a cool sound clip! Audio Clip Example

Adding Non-Streaming Audio  Uses the Container: Embedding the File Audio Clip Example

Adding Non-Streaming Audio  Uses the tag: Background Sound Audio Clip Example

Adding Non-Streaming Video  Uses the Container: Embedding the File Video Clip Example

Adding Non-Streaming Video  Additional Example: Embedding the File Video Clip Example

Questions?