Download presentation
Presentation is loading. Please wait.
1
COS 125 DAY 27
2
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/http://www.cookwood.com/html5ed/ Website for examples http://perleybrook.umfk.maine.edu/samples/sample.htm http://perleybrook.umfk.maine.edu/samples/sample.htm Lecture/Discuss Multimedia Help Session Today and after Quiz on Friday,
3
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
4
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
5
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
6
Netscape plugins
7
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
8
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
9
Embedding QuickTime Movies For Browser other than IE If you put the inside then it will work with almost all browsers
10
Embedding QuickTime Movies <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> MadMax Movie Here's my movie: <object classid="clsid:02bf25d5-8c17-4b23-bc80-d3488abddc6b" width="240"height="196" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
11
Example
12
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 sections Use Microsoft ActiveX Control Pad
13
Microsoft ActiveX Control Pad http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnaxctrl/html/cpad.asp
14
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 For embed 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)
15
Looping a QuickTime Movie Make the movie play over and over again For object For embed option can be true - plays forever false – plays once palindrome – plays forward, then backward, then forward…
16
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
17
Hiding QuickTime sounds Creates background music Same as adding just sound except In object In embed Load the sound at the end of your xHTML file Visitors can look at page while waiting for the sound
18
Embedding Windows Media Player files Almost the same as QuickTime Different classid Different parameters
19
Windows Media for embed <embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Win dows/MediaPlayer/" src="madmax.avi" width="240" height="252" autostart="0" showcontrols="1" showstatusbar="1">
20
Example
21
Inserting Java Applets Find an applet (something.class) Only has object (no embed)
22
Example
23
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
24
Linking to Multimedia files One way of including Multimedia files is to link them instead of imbedded file 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
25
Creating a Automatic Slide Show You can create a xHTML page that loads another page after a predetermined time interval Within the head section N is number of seconds till next page is loaded
26
Example Page 1 Page 2 Page 3 Page 4 STOP
27
Creating a Marquee Creates text that scrolls across page Works in IE and newer versions of Netscape The text type can be Scroll Slide Alternate You can also add the following attributes Height, width, hspace, vspace, align, bgcolor
28
Example
29
Adding a background sound Works in IE only N can be A number “-1” or “infinite” for continuous looping Can only sound file of the following types.wav.au.mp3.mid
30
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
32
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
33
Assignment #9 If you get this after submitting your form, than your form is either incorrect Or the user did not use the form correctly
34
Assignment #9 If you get this after submitting your form, than your form is correct
35
Assignment #9
Similar presentations
