CSci 120 - Lecture 29

Multimedia Design

© Morris Firebaugh


I. Introduction

A. Survey of Advanced WebPage Tools

B. Image Maps

C. Sound in HTML Documents

D. Video in HTML Documents

E. Virtual Reality Models - QuickTime VR

II. Survey of Advanced WebPage Tools

A good introduction to advanced WebPage Tools is given by Professor

R. David Lankes

He discusses and references the following technologies:

Professor Lankes has this to say about advanced tools:

The Internet will be in 3D

3D, in my humble opinion, is one of the most unexploited computing technology of our time. We live in 3 dimensions, work in 3 dimensions, but compute in two. There are many reasons for this; the amount of computing horsepower to manipulate 3D data, the complexity of creating 3D images, the lack of spatial organization in computing. Let's face it, we just don't organize our computer desktops according to which file is "bigger." The Internet promises to change all of this. Three new technologies are becoming popular for representing worlds in 3D.

VRML or Virtual Reality Modeling Language was one of the first to allow people to fly through the Internet. It has not gained the wide scale acceptance everyone expected. There just aren't a lot of "worlds" out there. The software has been slow to develop, and is not commonly available on all platforms. However, with this software you can download small files and view them in helper applications. You can embed hypertext links within these worlds so that you can be moving through a museum, click on a painting, and bring that painting and a description up in your Web browser.

Apple has also been busy on the 3D front with two new technologies: QuickDraw 3D and QuickTime VR. QuickDraw 3D is virtually identical in function to VRML. It is intended to become a part of the MacOS, so you can copy, paste and manipulate 3D models in programs just like any other graphic (that's right...copy a model in ClarisWorks and paste it into Excel). QuickTime VR, on the other hand, is a cross between 3D and movies (just like the name implies). You download a QuickTime movie, but then instead of running it like a movie, you pan around a scene. Or, you download a movie of a model in the latest fashions, and then "spin" her around to she the outfit from all angles. You can even link from one movie to another, so you pan around your classroom, then - click - you can pan around the hall -click - you're in the gym.

III. Image Maps

Consider the following GIF Image:

Let's turn it into an Image Map

Steps using GoLive:

1. Create or identify objects you wish to link to (html URLs, image file names, etc).
2. Click on image you wish to use as MAP (e.g., image5.gif above).

2.1 N.B. It is critical that the extension be ".gif", not ".GIF"

3. Select the Map Tab and click the Use Map box

4. Select the type of region (circle, rectangle, or polygon) and drag around object.

5. In the "Clickable Image Map Inspector", link these regions to (e.g. Monitor.html) by Browsing or typing in the URL.

5. The code generated by GoLive turning this into an Image Map is:

<p><a href=""><img ismap src="image5.gif"
naturalsizeflag="3" height="202" width="277" align="BOTTOM"
usemap="#image5b4752e37"><map name="image5b4752e37"><area href="Mouse.html"
coords="176,183,208,200" shape="rect"><area href="Keyboard.html"
coords="3,175,3,175,151,197, 176,168,38,147" shape="polygon"><area href="Server.html" coords="181,46,273,173" shape="rect"><area
href="Monitor.html" coords="50,4,179,151" shape="rect"></map></a></p>

6. Edit all associated links to the correct relative address for your object-oriented file structure.

IV. Sound in HTML Documents

An Google search of Audio+HTML produces 285,000 responses

The Original HTML audio system was Real Audio

Real Audio was the first program that allowed you to play audio in
real-time over the Internet. Although there are several other programs,
such as StreamWorks and Iwave, that allow for real-time streaming of
audio, RealAudio technology is at the forefront.

1. What is it?


Real Audio permits sound files to be super-compressed in a special format
so that they can be transferred in real time. Providing you have a 28.8
or faster modem, there is virtually no downloading time. In addition to
audio streaming, you can also broadcast live events over the
Internet. Normally sound files take a substantial amount of time to
download. Real Audio technology has changed this.

Real Audio changes data from an encoded string of ones and zeros to audio as soon as it gets the data, not waiting for the whole file to download.


Real Audio is a software family which includes an encoder, server and player. It is made by Progressive Networks in Seattle, WA. Real Audio works with Mac and Windows and UNIX machines - provided they support sound.

Real Audio 1.0 appeared on the Internet last year. While it eliminated download times, the quality was not very good. Real Audio 2.0 beta which is currently available on the Net, has improved quality to some extent. Still Real Audio provides the potential to broadcast live events via the Net. For example, in February, Microsoft aired the first national talk show on the Web while Sony on-line and Epic records produced the first Internet
broadcast of an arena concert. The Grammy's were also broadcast over
Internet for the first time this year.

While these events are entertaining, it is easy to imagine the
educational opportunities Real Audio could provide.

RealAudio Player 2.0 features include: Audio-on-demand over 14.4 Kbps and faster Internet connections Music-quality audio (requires 28.8 Kbps or faster connection) Live RealAudio cybercasts, including concerts, breaking news, and other live events. RealAudio Plug-in Synchronized Multimedia for compelling Internet presentations Optimal sound quality for your connection speed Support for Windows, Macintosh, and UNIX platforms Firewall support.

V. Video in HTML Documents

Most video, annimation, audio, and virtual reality information embedded in HTML files still needs "Plug-Ins" to make them play on NetScape.

There are two kinds of QuickTime Movies



All of these movies are embedded by the very simple 2-step GoLive process of

VI. Virtual Reality Models - QuickTime VR

There are two modes of Virtual Reality

VR CAD Models

QuickTime VR

VII. Laboratory Assignment # 15

Click Here

Updated November 27, 2000