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.

Slides:



Advertisements
Similar presentations
 2004 Prentice Hall, Inc. All rights reserved. Chapter 28 – Multimedia: Audio, Video, Speech Synthesis and Recognition Outline 28.1 Introduction 28.2.
Advertisements

What is Multimedia ? Multi ( Multiple ) and Media ! So…. Information in multiple formats, including text, images, audio, video and animation :) It makes.
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.
HTML. The World Wide Web Protocols Addresses HTML.
 Multimedia is everything you can hear or see: texts, books, pictures, music, sounds, CDs, videos, DVDs, Records, Films, and more.  Multimedia comes.
Dreamweaver CS4 Concepts and Techniques Chapter 8 Media Objects.
INF Web Design Using Multimedia on the Web Video - Part 1.
School of Computer Science & Information Technology G6DPMM - Lecture 18 Synchronized Multimedia Integration Language (SMIL)
Chapter Concepts Review Markup Languages
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,
Computers Going Online Internet Browsers Browsers retrieve and view Internet-based information interact with servers download and upload information ©
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.
Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.
XP 1 Using Multimedia on the Web Enhancing a Web Site with Sound, Video, and Applets Tutorial 8.
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 11 Adding Media and Interactivity. Flash is a software program that allows you to create low-bandwidth, high-quality animations and interactive.
Web Development & Design Foundations with XHTML Chapter 11 Key Concepts.
© 2011 Delmar, Cengage Learning Chapter 11 Adding Media and Interactivity with Flash and Spry.
XP Tutorial 6New Perspectives on HTML and XHTML, Comprehensive 1 Creating Web Page Forms Designing a Product Registration Form Tutorial 6.
XP Tutorial 7New Perspectives on Creating Web Pages with HTML, XHTML, and XML 1 Working with Cascading Style Sheets Creating a Style for Online Scrapbooks.
CSCI N241: Fundamentals of Web Design Copyright ©2004  Department of Computer & Information Science Adding Sound.
1 Web Developer Foundations: Using XHTML Chapter 10 Helper Applications and Plug-in Concepts.
Web Developer & Design Foundations with XHTML
Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.
Creating an Animated Web Page
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.
HTML, XHTML, and CSS Chapter 8 Adding Multimedia Content to Web Pages.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 11 Key Concepts 1 Copyright © Terry Felke-Morris.
Contents MULTIMEDIA –Audio –Video –Animation –PDF.
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
Supplementary Materials on Web Authoring. Insert Anchors & Add Hyperlinks Insert other multimedia elements: Flash animations Video clips & Audio clips.
Web Pages with Features. Features on Web Pages Interactive Pages –Shows current date, get server’s IP, interactive quizzes Processing Forms –Serach a.
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.
Tutorial 7 Planning and Creating a Flash Web Site.
XP Tutorial 7New Perspectives on HTML and XHTML, Comprehensive 1 Working with Cascading Style Sheets Tutorial 7.
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.
JavaScript - A Web Script Language Fred Durao
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.
Using Plug-Ins Adding Multimedia to an HTML Document.
Web Pages with Features. Features on Web Pages Interactive Pages –Shows current date, get server’s IP, interactive quizzes Processing Forms –Serach a.
Embedding Multimedia in Web Pages  Multimedia is a popular buzzword for sound, motion video, and interactive animation.  Some problems or obstacles.
XP Tutorial 7 Creating a Flash Web Site. XP New Perspectives on Macromedia Flash 82 Objectives Plan and create a Flash Web site Create a Flash template.
And Writing HTML Chang-Yang Lin Eighth Annual Meeting of the Minds Conference Eastern Kentucky University September 11, 2004.
1 CSC317/318 INTERNET PROGRAMING / DYNAMIC WEB APPLICATION DEVELOPMENT Siti Nurbaya Ismail Faculty of Computer Science & Mathematics, Universiti Teknologi.
Multimedia. What is multimedia? Multimedia is everything you can hear or see: texts, books, pictures, music, sounds, CDs, videos, DVDs, Records, Films,
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.
HTML Overview Part 8 – Java Applets 1. Applets 2  A Java applet is a small application embedded in your HTML document which runs in the browser window.
XP Review 1 New Perspectives on JavaScript, Comprehensive1 Introducing HTML and XHTML Creating Web Pages with HTML.
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.
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.
CHAPTER 8 Multimedia 1. Using Multimedia ❖ Multimedia: the combination of text, sound, and video to express an idea or convey a message. ❖ Podcasts: a.
XP Tutorial 7New Perspectives on HTML and XHTML, Comprehensive 1 Working with Cascading Style Sheets Creating a Style for Online Scrapbooks Tutorial 7.
Web Design, 5 th Edition 6 Multimedia and Interactivity Elements.
Working with Cascading Style Sheets
Section 9.1 Section 9.2 Identify multimedia design guidelines
Using Multimedia on the Web
Learn HTML Basics Lesson No : 10
Tutorial 7 Working with Multimedia
Integrating Multimedia: Sound, Video and More
HTML5 Media.
DREAMWEAVER MX 2004 Chapter 9 Adding Media Elements
Working with Multimedia
About Multimedia Files
Presentation transcript:

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 each second. – Consider bandwidth when working with multimedia on a Web site New Perspectives on HTML and XHTML, Comprehensive2

XP Introducing Multimedia Multimedia can be added to a Web page two different ways: – External media: media file accessed through a link Useful for a low bandwidth – Embedded media: placed within a Web page as an embedded object New Perspectives on HTML and XHTML, Comprehensive3

XP Exploring Digital Audio Every sound wave is composed of two components: – Amplitude- the height of the wave Relates to sound’s volume – Frequency- the speed at which the sound wave moves Relates to sound’s pitch New Perspectives on HTML and XHTML, Comprehensive4

XP Exploring Digital Audio New Perspectives on HTML and XHTML, Comprehensive5

XP Exploring Digital Audio New Perspectives on HTML and XHTML, Comprehensive6

XP Working with Embedded Objects An embedded object is any media clip, file, program, or other object that can be run or viewed from within a Web page. – Browsers need the appropriate plug-ins to run embedded objects New Perspectives on HTML and XHTML, Comprehensive7

XP Working with Embedded Objects Embed objects using the object element The MIME types identify the type of data contained in the file New Perspectives on HTML and XHTML, Comprehensive8

XP Working with Embedded Objects New Perspectives on HTML and XHTML, Comprehensive9

XP Working with Embedded Objects Use the width and height attributes to determine the object’s width and height New Perspectives on HTML and XHTML, Comprehensive10

XP Working with Embedded Objects Parameters define the appearance and behavior of embedded objects The src parameter is common to most plug-ins for embedded sounds New Perspectives on HTML and XHTML, Comprehensive11

XP Working with Embedded Objects New Perspectives on HTML and XHTML, Comprehensive12

XP Working with ActiveX Components ActiveX is a technology that allows components to run from within a variety of Windows programs Only designed for Windows ActiveX objects are referred to as ActiveX controls Each ActiveX control is identified by a class id cab or cabinet files automatically install the necessary software on the user’s computer New Perspectives on HTML and XHTML, Comprehensive13

XP Working with ActiveX Components New Perspectives on HTML and XHTML, Comprehensive14

XP IE Conditional Comments New Perspectives on HTML and XHTML, Comprehensive15

XP Creating Background Sound The parameters for Windows Media Player to create a hidden clip that starts automatically are: You can also use the bgsound element New Perspectives on HTML and XHTML, Comprehensive16

XP Exploring Digital Video New Perspectives on HTML and XHTML, Comprehensive17

XP Exploring Digital Video A Shockwave Flash or swf file contains the video, audio, animations, interactive scripts, program controls, and other features that provide real- time interactive animation New Perspectives on HTML and XHTML, Comprehensive18

XP Exploring QuickTime Video New Perspectives on HTML and XHTML, Comprehensive19

XP Exploring Windows Media Player New Perspectives on HTML and XHTML, Comprehensive20

XP Introducing the embed Element To make your pages backward compatible, you can use the embed element along with the object tag to insert multimedia content New Perspectives on HTML and XHTML, Comprehensive21

XP Introducing Java Oak was developed by Sun Microsystems as an operating system intended to be used by common appliances and devices Oak was renamed Java in 1995 Each Java program works with a Java Virtual Machine (JVM) New Perspectives on HTML and XHTML, Comprehensive22

XP Applets and Java Virtual Machines New Perspectives on HTML and XHTML, Comprehensive23

XP Applets Applets are displayed as embedded objects on a Web page in an applet window Several libraries of Java applets are available A Java program is stored in an executable file called a class file New Perspectives on HTML and XHTML, Comprehensive24

XP Working with Java Applets New Perspectives on HTML and XHTML, Comprehensive25

XP Creating a Scrolling Marquee with Internet Explorer An alternative to using an applet to create a box with scrolling text is to create a marquee element content where attributes is one or more of the marquee elements, and content is the page content that appears in the marquee box New Perspectives on HTML and XHTML, Comprehensive26