CSci 220 - Lecture 18

Web Page Design

© Morris Firebaugh

 
 


Multimedia on the Web

 



A. Multimedia Concepts and the WWW Environment

Multimedia is the "emerging technology"


Notice the pattern


Evolution of the Technology


Browsers typically play multimedia using "plug-ins"




B. Audio on the Web

Audio file types include


Two General Classifications include

  1. Nonstreaming (Static) Audio
  2. Streaming Audio


Basic Digital Audio Concepts


Three modes for embedding audio files in your HTML document:

1. Simple anchor and href:

<a href="Laugh.AIFF">Silly Laugh</a>

Silly Laugh


2. Use of the <EMBED> tag

<embed src="DELIUS.MOV" width="128" height="20" autostart="true">


3. Linking to a sound file on the WWW

<a href="http://chooser.mp3.com/cgi-bin/play/play.cgi/AAICQiG0BADABG5vcm1QAwAAAFLIBAAAUQIAAABDcm7WOPHjONUoB4ZpzbKbKCT384c-/lord_of_the_dance.m3u">Lord of the Dance</a>

Lord of the Dance



SoundEffects
can help you process sound files:




C. Video on the Web - QuickTime Movies

The HTML Syntax for embedding a standard quicktime movie is:


 
<A HREF="Bear.mov">QuickTime Movie</A>

 


Example 1:

The QuickTime Movie file, Camel, is linked by:

<A HREF="Camel.mov">Camel</A>

Observations:

1. Link is identical to that of any other URL

2. When clicked, browser calls up appropriate Plug-in (QuickTime) to play it

3. This leaves an awkward open Quicktime window when completed.

 


Example 2:

The QuickTime Movie player can be embedded to give better control:

is produced by the code:

<embed src="Golly.mov" width="160" height="136" align="bottom" type="video/quicktime" autoplay="false" controller="true" cache="true">

 


Other attributes of <EMBED>



QuickTime Movies can carry a strong advertising wallop:

 



D.  Virtual Reality on the Web

 

 

 

 

 

 

A good survey of VRML Virtual Reality projects is presented by the IML Lab of Millersville University



E.  QTVR Protocol

 

 

 

 


F. VRML Protocol

An excellent set of Links to VRML

An excellent resource on VRML is The VRML Repository

 

 

 


Example 1: Temple.wrl

 

 

Temple.wrl

 

Observations:

1. VRML Models do not have the realism of QTVR photos

2. VRML Models allow you to "walk through" them, wander at will

3. VRML Models typically consume less space than QTVR images.

 


G. Virtual Reality Design Tools



 


Revised March 13, 2001