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

3rd and final Capstone progress report OVER due 1 Quiz on May 2

Chaps 7 17, Skip Chap 13 20 M/C, 4 Short essays

Capstone projects on May 6 @ 3 PM Lecture/Discuss Multimedia Examples

http://www.cookwood.com/html6ed/examples/#c18

Whoops

I forgot to add the following to your assignment 8 Create a hidden field called “flag” with a

default value of “1” <form …… > <input type="hidden" name="flag"

value=1> …..</form>

Multimedia

It what makes the web so popular Graphics Sound Animations Movies

Problem areas File size

10 secs of CD quality sound takes 60 secs to download through a modem

Movies are even worse Different computers Different browsers Different formats

Multimedia wars

Netscape develops MIME Associates file type with application that utilizes it Created embed element that allows multimedia file to be

included into Html Created plug-ins which are helper applications to play the

multimedia files Microsoft implements the W3C object element for

multimedia Did not implement as W3C intended and only works for

ActiveX controls which only runs on Microsoft O/S Object works in Netscape 6.0 The way to make multimedia work is to use both the embed and object elements

Getting the players

Visitors can only view multimedia files if the have the correct players Often users have to download and install the

correct player May require user to stop and restart Browser

Moves them away from your web site Microsoft ActiveX doesn’t require restart

You can look at your browser to see what plug-ins you all ready have

Netscape plugins

Getting Multimedia Files

Create your own Lots of free software to create files Windows Media Player

Download from web Read license agreements carefully Stick to standard formats

Requires user to download new helper applications if file is not common

Linking media Files

Upload multimedia file to server Type

<a href=“damediafile.ext”>A picture</a> http://catalunyalive.blogspot.com/2006/

06/we-are-nation.html

Embedding A QuickTime Movie

Create or Download A Quicktime movie Requires a Macintosh computer to create Has .mov extension

For IE browsers use activeX control

<object classid="clsid:02bf25d5-8c17-4b23-bc80-d3488abddc6b" width="240"height="196" codebase="http://www.apple.com/qtactivex/qtplugin.cab">

<param name="src" value="madmax.mov"> <param name="autoplay" value="false"> <param name="controller" value="true"> </object>

http://www.cookwood.com/html6ed/examples/multimedia/justforie.html

Embedding QuickTime Movies

For Browser other than IE <object type="video/quicktime"

data="http://www.sarahsnotecards.com/catalunyalive/diables.mov"

width="320" height="256"> <param name="autoplay" value="false" /> <param name="controller" value="true" /> </object>http://www.cookwood.com/html6ed/examples/multimedia/forstandards.html

Embedding QuickTime Movies

For All Broswers <object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"

codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="320" height="256"> <param name="src"

value="http://www.sarahsnotecards.com/catalunyalive/diables.mov" /> <param name="controller" value="true" /> <param name="autoplay" value="false" />

<object type="video/quicktime" data="http://www.sarahsnotecards.com/catalunyalive/diables.mov" width="320" height="256"><param name="autoplay" value="false" /><param name="controller" value="true" />

</object></object>

http://www.cookwood.com/html6ed/examples/multimedia/forall.html http://www.cookwood.com/html6ed/examples/multimedia/hide2ndobject.html

Hints

Width and height set the size of the box the movie is played in and not the size of the movie

Classid’s are complicated and hard to remember Create a template file for each file type

and just change the <param> sections Use Microsoft ActiveX Control Pad

Microsoft ActiveX Control Padhttp://msdn2.microsoft.com/en-us/library/ms968493.aspx

Scaling a quick time movie

Adjust the size of the movie Two parts

The size of the box Height=h, width=w

The size of the movie For object <param name=“scale” value=“factor”> For embed <embed …. scale=“factor”> Factor can be

tofit – movie is size of box aspect – movie is size of box but maintains aspect ratio N – a multiplier (2 is twice as big)

Looping a QuickTime Movie

Make the movie play over and over again For object <param name=“loop” value=“option”> For embed <embed …. loop=“option”> option can be

true - plays forever false – plays once palindrome – plays forward, then backward, then

forward…

Pitting QuickTime Sounds QuickTime plays many sound files

including MP3 Code is same as for movies except

Src should be a sound file Height=16 and width=240 so that the user

only see the controller bar

http://www.cookwood.com/html6ed/examples/multimedia/embedmp3-new.html

Hiding QuickTime sounds

Creates background music Same as adding just sound except In object

<param name=“hidden” value=“true”> In embed

<embed .. hidden>

Load the sound at the end of your xHTML file Visitors can look at page while waiting for the

sound

Embedding Windows Media Player files

Almost the same as QuickTime Different classid Different parameters<object id="MediaPlayer1" width="240" height="252"

classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" type="application/x-oleobject">

<param name="autostart" value="false"> <param name="filename" value="madmax.avi"> <param name="showcontrols" value="true"> <param name="ShowStatusBar" value="true"> </object>

http://www.cookwood.com/html6ed/examples/multimedia/hide2ndwmv.html

Windows Media for embed

<embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="madmax.avi"

width="240" height="252"

autostart="0"

showcontrols="1"

showstatusbar="1">

</embed>

Inserting Java Applets

Find an applet (something.class) Only has object (no embed)<object codetype="application/java"

classid="java:Clock2.class" width="170" height="150">

</object>

http://www.cookwood.com/html6ed/examples/multimedia/javaobject.html

Embedding Other Multimedia Files

Go the web site of the company the develops the player for the file you are interested in

Look for developer sections Classid info Param info

Linking to Multimedia files

One way of including Multimedia files is to link them instead of imbedded <a href=‘Multimedia.ext”>file</a> If the user has the right plugin the file will

play in a new window If the user doesn’t have the plugin, the

file will be open in an external player If the user doesn’t have a plugin or player

then they can download the file

Creating a Automatic Slide Show

You can create a xHTML page that loads another page after a predetermined time interval Within the head section

<meta http-equiv=“refresh” content=“n; url=anotherpage.url” />

N is number of seconds till next page is loaded

Example

Page 1

Page 4

STOP

Page 2

Page 3

Creating a Marquee

Creates text that scrolls across page Works in IE and newer versions of Netscape

<marquee behavior=“type” direction=“left or right” loop=“N or infinite” scrollamount=“n (pixels)” scrolldelay=“n (milliseconds)” … >The text </marquee>

type can be Scroll Slide Alternate

You can also add the following attributes Height, width, hspace, vspace , align, bgcolor

http://perleybrook.umfk.maine.edu/samples/multimedia/marquee.html

Adding a background sound

Works in IE only <bgsound src=“sound.ext” loop=“n”> N can be

A number “-1” or “infinite” for continuous looping

Can only sound file of the following types .wav .au .mp3 .mid

http://perleybrook.umfk.maine.edu/samples/multimedia/bgsound.html

Capstone Update

Place your capstone project files in the capstone directory on the ftp server

Call the start page of your website “main.htm” and place in the capstone directory

Place your PowerPoint Presentation in this same directory

You will be able get to capstone through the menu

Assignment #8

Create a Guest Book Students Create the input form

Collect the following info Name E-mail Age Status Favorite URL Comments

Instructor wrote the ASP Scripts that create the guest book

The script will give you errors if your form isn’t correct

Assignment #8If you get this after submitting your form, than your form is either incorrect Or the user did not use the form correctly

Assignment #8If you get this after submitting your form, than your form is correct

Assignment #8