Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P46 pptx

Of Plug-Ins and Players

Version 10 of Windows Media Player can play the following file types:
● WMF Windows Media Format
● WMA Windows Media Audio
● MP3 MPEG Layer 3 audio format
● MPG, MPEG Standard MPEG Layer 1 video and Layer 2 audio formats
● WAV, AU, AIFF Legacy sound files
● AVI Audio/Video Interleaved video (Microsoft)
● ASF Advanced Systems Format (Microsoft)
● MID MIDI sound files
● RMI Remote Method Invocation
Macromedia Flash
Developed by Macromedia, the Flash Player is a popular plug-in that was originally designed to allow
publishers to include low-bandwidth animations (created using Macromedia Flash) into web pages. Flash
animations are extremely compact in comparison to traditional bitmap animations. The Flash Player
offers the advantage of streaming the animations as your browser receives them rather than having to
wait for the entire animation to download.
Flash is becoming a platform for deploying all sorts of web content. Not only can users create
animations, but they can also create application interfaces because Flash is scriptable using JavaScript.
You can also stream audio and video files to the browser through Flash. In fact, if you are publishing
audio or video on the Web and are willing to buy the Flash tools, this may be the best option, because
Flash is almost as common as web browsers themselves. For further information, visit the Macromedia
Flash website at
/>file:///G|/1/0672328860/ch11lev1sec5.html (2 von 5) [19.12.2006 13:49:27]
Of Plug-Ins and Players
Macromedia Shockwave
Shockwave is a plug-in that enables Macromedia Director movies to be played as inline multimedia on a
web page. Macromedia Director is a popular tool among professional multimedia developers for creating
presentations that include sound, video, and 3D graphics. It is also a popular choice for creating games
that can be embedded within web pages. If you're used to working with Director, Shockwave provides

an easy way to put Director presentations on the Web. Or, if you're looking to do serious multimedia
work on the Web or anywhere else, Director is definitely a tool to check out. You can find additional
information on Macromedia Shockwave at
/>Caution
Flash is sometimes referred to as Shockwave Flash, but they are separate formats, and
Shockwave requires additional software beyond the Flash Player.

Apple QuickTime
Apple QuickTime is both a file format and a player. The player, available from Apple at www.apple.com/
quicktime, plays Apple's QuickTime movies (QT, MOV) along with audio and video files in a number of
other formats, and is available for both Macintosh and Windows platforms (see
Figure 11.12).
Figure 11.12. Use the QuickTime player to play saved or streaming QuickTime
movies.

When you install QuickTime, it automatically installs plug-ins for your browsers.
file:///G|/1/0672328860/ch11lev1sec5.html (3 von 5) [19.12.2006 13:49:27]
Of Plug-Ins and Players
In addition to playing QuickTime movies, QuickTime VR (for virtual reality) is also supported. These
aren't movies per se, but rather interactive images that provide a three-dimensional view of a scene. For
example, using QuickTime VR, you can provide an image of a car that allows the user to view it from
any angle.
Apple also offers the iTunes music player, an application for organizing and playing music stored on your
computer. It supports MP3 and AAC files, and can play audio streamed over the Internet as well.
RealPlayer
RealNetworks started out by specializing in steaming audio that you could listen to over a low bandwidth
connection. They have since expanded to cover the same ground as the other major media players with
support for streaming video, playing audio from CDs, and ripping songs to your computer and burning
new CDs. There's a free version that you can use if you just want to view RealAudio and RealVideo
streams over the Internet (see

Figure 11.13).
Figure 11.13. Use RealPlayer to check out streaming audio and video.

RealPlayer plays streaming RealAudio and RealVideo files of the following variety:
● RM, RA, RAM RealAudio/RealVideo streamed content
● RT Real Text streamed text formats
● RP RealPix streamed GIF and JPG images
● GIF, JPG Standalone JPG and GIF images
● MP3 MPEG Layer 3 audio format
● SWF RealFlash and Shockwave Flash animation
● SMIL, SMI SMIL-formatted (multiple data type layout) files
● .VIV, .VIVO Vivo video files
● .MPG, .MPEG Standard MPEG Layer 1 video and Layer 2 audio formats
● WAV, AU, AIFF Legacy sound files
● QT, MOV QuickTime video (uncompressed)
● AVI Audio/Video Interleave video (Microsoft)
file:///G|/1/0672328860/ch11lev1sec5.html (4 von 5) [19.12.2006 13:49:27]
Of Plug-Ins and Players
● ASF Active Streaming Format (Microsoft)
● MID MIDI sound files
WinAmp
WinAmp is the quintessential MP3 player. It was one of the first popular MP3 players, and it has
remained very popular even as nearly every other audio application has added support for MP3 files. Not
only can WinAmp play MP3 files that you create yourself or download over the Internet, but it can tune
into Internet radio stations that stream MP3 audio and can play other popular audio formats, such as
WAV. WinAmp appears in
Figure 11.14.
Figure 11.14. The WinAmp interface.

file:///G|/1/0672328860/ch11lev1sec5.html (5 von 5) [19.12.2006 13:49:27]
Summary



Summary
Well, today's lesson was certainly an eye- and earful! You learned that there are only two ways to
include audio and video files in your web pages: linking to them and embedding them.
External multimedia files are files that are linked to directly rather than being embedded inside web
pages. When you link to these files, your browser will launch the appropriate plug-in or external
application for the file or, in some cases, ask you to save it. You also learned how external multimedia
works, how to use sound and video files as external multimedia, and some hints for designing by using
external multimedia files.
Much of this lesson focuses on examples of embedding multimedia files directly into the web browser.
You can use the
<embed> element, or a combination of <embed> and <object>.
Table 11.10 shows a summary of the tags you learned about in this lesson.
Table 11.10. Tags for Inline Multimedia
Tag Attribute Use
<a> href
Links to a sound or video file exactly as you link to any other type of
file.
<embed>

Embeds objects into web pages.
<object> <object>

Embeds objects into web pages.
<param> </param>

Specifies parameters to be passed to the embedded object. Used in
the
object element.
<img> dynsrc
Includes a sound or video file instead of an image. If the file cannot
be found or played, the normal image (in
src) is shown. Used by
Internet Explorer only.
<bgsound>

Plays a background sound. Used by Internet Explorer only.



file:///G|/1/0672328860/ch11lev1sec6.html [19.12.2006 13:49:27]
Workshop


Workshop
The following workshop includes questions you might ask about including sound and video in web pages,
quizzes to test your knowledge, and two quick exercises.
Q&A
Q What's the quickest way to get started adding multimedia to my site?
A
Remember that you can use at least one absolutely sure-fire method to include sound
and video in your web pages: Link to them. Although that might not be as exciting as
embedding them in the web browser window, you know the web page will work. Of
course, the person visiting your site must have the appropriate application to play the
file, but you can help her out by providing links to any required players or plug-ins.

Q Should I be worried about web browser and HTML compatibility when it
comes to audio and video?
A
Unfortunately, yes. Most other HTML elements and techniques are standardized to the
point that you can be confident that your code will work across most popular web
browsers. Embedding audio and video is a completely different ballgame. Generally if
you stick with the guidelines provided by whoever created the plug-in used to listen to
or view your files, you'll be OK.
Q What are the differences between AVI, MPEG, and QuickTime movies?
A
The underlying differences are beyond the scope of this lesson, but it has to do with
how the audio and video data is encoded, compressed, and stored in the resulting
files. Each file type uses different methods that are all unique. The practical difference
is that each one might require a different player to be heard/viewed properly.
Q Should I bother using the techniques solely compatible with Internet
Explorer, such as
dynsrc?
A
My advice is not to bother with them because you might be ignoring (and hence
alienating) a good portion of your audience. If you're in an environment that's IE-only,
you can feel free to use them. Ultimately, the choice is up to you.
Quiz
file:///G|/1/0672328860/ch11lev1sec7.html (1 von 3) [19.12.2006 13:49:27]
Workshop
1.
What are the differences between a helper application (also called a player) and a plug-
in?
2.
In what ways can you insert multimedia into your web pages?
3.

What are the advantages and disadvantages of using plug-ins?
4.
What is streaming multimedia?
Quiz Answers
1.
Helper applications run externally to your web browser and open files that your
browser does not support. The browser downloads a file and then passes it on to an
external helper application that reads and plays the file. Plug-ins work within the
browser to read and play files.
2.
You can link to them or embed them.
3.
The advantage to using plug-ins is that they enable you to insert many different types
of content into your pages. The disadvantage to using them is that you can't
guarantee that everyone will have them or will want to take the time to download
them to experience your site. Some people use browsers that don't support them, and
not all plug-ins are universally supported across web browsers and operating systems.
4.
Streaming multimedia plays as it's transmitted to the client, unlike media types that
send an entire file to the client before it can be played. In fact, with streaming media,
you don't even have to start at the beginning of a fileyou can jump in anywhere on the
stream or listen to a live feed.
Exercises
file:///G|/1/0672328860/ch11lev1sec7.html (2 von 3) [19.12.2006 13:49:27]
Workshop
1.
Tour the Web and visit sites that use multimedia. You might start out at
http://www.
youtube.com for an example of video, and for streaming
audio. Macromedia's Showcase at

always features sites that
create multimedia content. See how others include it in their websites. Try visiting the
same site using Internet Explorer and Netscape Navigator. Is there a difference? What
prompts you to download a plug-in?
2.
View the source for some pages that present multimedia files and see whether they
use
<embed>, <object>, or both.


file:///G|/1/0672328860/ch11lev1sec7.html (3 von 3) [19.12.2006 13:49:27]
Part IV: JavaScript and Dynamic HTML


Part IV: JavaScript and Dynamic HTML

12 Introducing JavaScript

13 Using JavaScript in Your Pages

14 Working with Frames and Linked Windows

15 Creating Applications with Dynamic HTML and AJAX


file:///G|/1/0672328860/part04.html [19.12.2006 13:49:28]
Lesson 12. Introducing JavaScript


Lesson 12. Introducing JavaScript

JavaScript is a scripting language for adding functionality to HTML pages. Its scripts are embedded in
HTML files and run completely within the browser. JavaScript turns the browser into an application that
runs other applications, rather than one that just displays documents. Support for JavaScript is included
in Netscape, Internet Explorer, Mozilla Firefox, and Opera. The ongoing evolution of JavaScript is being
managed by ECMA, a European standards body.
As with most technologies in use on the Internet, and especially the World Wide Web, JavaScript is
under constant development. It moved rapidly from version 1.0 in Netscape Navigator 2 to version 1.1
in Navigator 3, version 1.2 in Navigator 4, version 1.3 in Navigator 4.5, and version 1.5 in Netscape 6.
Meanwhile, Microsoft introduced JScript, its own variation on JavaScript that was first supported in
Internet Explorer 3.0. Each of these variations and versions has subtle differences and inconsistencies.
Instead of dealing with these differences, this discussion of JavaScript looks at the basic features that
are common to all implementations of JavaScript.
In this Lesson
Today, you learn about the basics of JavaScript by exploring the following topics:
● What JavaScript is
● Why you would want to use JavaScript
● The <script> tag
● Basic commands and language structure
● Basic JavaScript programming


file:///G|/1/0672328860/ch12.html [19.12.2006 13:49:28]