Agenda
Assignment # 8 Due April 27 Assignment #9 Posted in Webct
Last one!!!! Due May 4, 8AM
Exam #5 is April 30 Castro Chap13, 14, 15 & 16 25 M/C questions, WebCT 50 min
Capstones Projects Everything due MAY 4 8AM Presentations at that time also
Website for text book http://www.cookwood.com/html5ed/
Website for examples http://perleybrook.umfk.maine.edu/samples/sample.htm
Lecture/Discuss Multimedia Help Session Today and after Quiz on Friday,
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 implement 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
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
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>
Embedding QuickTime Movies
For Browser other than IE
<embed src="madmax.mov" width="240" height="196" autoplay="false" controller="true" pluginspage="http://www.apple.com/quicktime/download/"> </embed>
If you put the <embed..> </embed> inside <object..> </object> then it will work with almost all browsers
Embedding QuickTime Movies<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head>
<title>MadMax Movie</title></head><body><p>Here's my movie:</p><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"><embed src="madmax.mov" width="240" height="196" autoplay="false" controller="true" pluginspage="http://www.apple.com/quicktime/download/"></embed></object></body></html>
Hints
Width and height set the size of the box the movie is played in and not the size of the movie Movie size is set when the movie is crested
Classid 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://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnaxctrl/html/cpad.asp
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
Hiding QuickTime sounds
Creates background music Same as adding just sound except In object
<param name=“hidden” vale=“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>
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>
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
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
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
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 #9
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 #9If you get this after submitting your form, than your form is either incorrect Or the user did not use the form correctly