Tutorial 7 Working with Multimedia
description
Transcript of Tutorial 7 Working with Multimedia
![Page 1: Tutorial 7 Working with Multimedia](https://reader035.fdocuments.us/reader035/viewer/2022062815/56816931550346895de07dc4/html5/thumbnails/1.jpg)
Tutorial 7
Working with Multimedia
![Page 2: Tutorial 7 Working with Multimedia](https://reader035.fdocuments.us/reader035/viewer/2022062815/56816931550346895de07dc4/html5/thumbnails/2.jpg)
XPXPXPXPXPIntroducing 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, Comprehensive 2
![Page 3: Tutorial 7 Working with Multimedia](https://reader035.fdocuments.us/reader035/viewer/2022062815/56816931550346895de07dc4/html5/thumbnails/3.jpg)
XPXPXPXPXPIntroducing 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, Comprehensive 3
![Page 4: Tutorial 7 Working with Multimedia](https://reader035.fdocuments.us/reader035/viewer/2022062815/56816931550346895de07dc4/html5/thumbnails/4.jpg)
XPXPXPXPXPExploring 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, Comprehensive 4
![Page 5: Tutorial 7 Working with Multimedia](https://reader035.fdocuments.us/reader035/viewer/2022062815/56816931550346895de07dc4/html5/thumbnails/5.jpg)
XPXPXPXPXPExploring Digital Audio
New Perspectives on HTML and XHTML, Comprehensive 5
![Page 6: Tutorial 7 Working with Multimedia](https://reader035.fdocuments.us/reader035/viewer/2022062815/56816931550346895de07dc4/html5/thumbnails/6.jpg)
XPXPXPXPXPExploring Digital Audio
New Perspectives on HTML and XHTML, Comprehensive 6
![Page 7: Tutorial 7 Working with Multimedia](https://reader035.fdocuments.us/reader035/viewer/2022062815/56816931550346895de07dc4/html5/thumbnails/7.jpg)
XPXPXPXPXPWorking 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, Comprehensive 7
![Page 8: Tutorial 7 Working with Multimedia](https://reader035.fdocuments.us/reader035/viewer/2022062815/56816931550346895de07dc4/html5/thumbnails/8.jpg)
XPXPXPXPXPWorking 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, Comprehensive 8
![Page 9: Tutorial 7 Working with Multimedia](https://reader035.fdocuments.us/reader035/viewer/2022062815/56816931550346895de07dc4/html5/thumbnails/9.jpg)
XPXPXPXPXPWorking with Embedded Objects
New Perspectives on HTML and XHTML, Comprehensive 9
![Page 10: Tutorial 7 Working with Multimedia](https://reader035.fdocuments.us/reader035/viewer/2022062815/56816931550346895de07dc4/html5/thumbnails/10.jpg)
XPXPXPXPXPWorking with Embedded Objects• Use the width and height attributes to determine
the object’s width and height
New Perspectives on HTML and XHTML, Comprehensive 10
![Page 11: Tutorial 7 Working with Multimedia](https://reader035.fdocuments.us/reader035/viewer/2022062815/56816931550346895de07dc4/html5/thumbnails/11.jpg)
XPXPXPXPXPWorking 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, Comprehensive 11
![Page 12: Tutorial 7 Working with Multimedia](https://reader035.fdocuments.us/reader035/viewer/2022062815/56816931550346895de07dc4/html5/thumbnails/12.jpg)
XPXPXPXPXPWorking with Embedded Objects
New Perspectives on HTML and XHTML, Comprehensive 12
![Page 13: Tutorial 7 Working with Multimedia](https://reader035.fdocuments.us/reader035/viewer/2022062815/56816931550346895de07dc4/html5/thumbnails/13.jpg)
XPXPXPXPXPWorking 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, Comprehensive 13
![Page 14: Tutorial 7 Working with Multimedia](https://reader035.fdocuments.us/reader035/viewer/2022062815/56816931550346895de07dc4/html5/thumbnails/14.jpg)
XPXPXPXPXPWorking with ActiveX Components
New Perspectives on HTML and XHTML, Comprehensive 14
![Page 15: Tutorial 7 Working with Multimedia](https://reader035.fdocuments.us/reader035/viewer/2022062815/56816931550346895de07dc4/html5/thumbnails/15.jpg)
XPXPXPXPXPIE Conditional Comments
New Perspectives on HTML and XHTML, Comprehensive 15
![Page 16: Tutorial 7 Working with Multimedia](https://reader035.fdocuments.us/reader035/viewer/2022062815/56816931550346895de07dc4/html5/thumbnails/16.jpg)
XPXPXPXPXPCreating 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, Comprehensive 16
![Page 17: Tutorial 7 Working with Multimedia](https://reader035.fdocuments.us/reader035/viewer/2022062815/56816931550346895de07dc4/html5/thumbnails/17.jpg)
XPXPXPXPXPExploring Digital Video
New Perspectives on HTML and XHTML, Comprehensive 17
![Page 18: Tutorial 7 Working with Multimedia](https://reader035.fdocuments.us/reader035/viewer/2022062815/56816931550346895de07dc4/html5/thumbnails/18.jpg)
XPXPXPXPXPExploring 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, Comprehensive 18
![Page 19: Tutorial 7 Working with Multimedia](https://reader035.fdocuments.us/reader035/viewer/2022062815/56816931550346895de07dc4/html5/thumbnails/19.jpg)
XPXPXPXPXPExploring QuickTime Video
New Perspectives on HTML and XHTML, Comprehensive 19
![Page 20: Tutorial 7 Working with Multimedia](https://reader035.fdocuments.us/reader035/viewer/2022062815/56816931550346895de07dc4/html5/thumbnails/20.jpg)
XPXPXPXPXPExploring Windows Media Player
New Perspectives on HTML and XHTML, Comprehensive 20
![Page 21: Tutorial 7 Working with Multimedia](https://reader035.fdocuments.us/reader035/viewer/2022062815/56816931550346895de07dc4/html5/thumbnails/21.jpg)
XPXPXPXPXPIntroducing 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, Comprehensive 21
![Page 22: Tutorial 7 Working with Multimedia](https://reader035.fdocuments.us/reader035/viewer/2022062815/56816931550346895de07dc4/html5/thumbnails/22.jpg)
XPXPXPXPXPIntroducing 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, Comprehensive 22
![Page 23: Tutorial 7 Working with Multimedia](https://reader035.fdocuments.us/reader035/viewer/2022062815/56816931550346895de07dc4/html5/thumbnails/23.jpg)
XPXPXPXPXPApplets and Java Virtual Machines
New Perspectives on HTML and XHTML, Comprehensive 23
![Page 24: Tutorial 7 Working with Multimedia](https://reader035.fdocuments.us/reader035/viewer/2022062815/56816931550346895de07dc4/html5/thumbnails/24.jpg)
XPXPXPXPXPApplets• 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, Comprehensive 24
![Page 25: Tutorial 7 Working with Multimedia](https://reader035.fdocuments.us/reader035/viewer/2022062815/56816931550346895de07dc4/html5/thumbnails/25.jpg)
XPXPXPXPXPWorking with Java Applets
New Perspectives on HTML and XHTML, Comprehensive 25
![Page 26: Tutorial 7 Working with Multimedia](https://reader035.fdocuments.us/reader035/viewer/2022062815/56816931550346895de07dc4/html5/thumbnails/26.jpg)
XPXPXPXPXPCreating 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
<marquee attributes>content</marquee>
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, Comprehensive 26