Download
cos 125 n.
Skip this Video
Loading SlideShow in 5 Seconds..
COS 125 PowerPoint Presentation

COS 125

124 Views Download Presentation
Download Presentation

COS 125

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  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/ • Website for examples • 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 <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>

  9. 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

  10. 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>

  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 <param> 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 <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)

  15. 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…

  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 • <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

  18. 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>

  19. 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>

  20. Example

  21. 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>

  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 • <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

  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 • <meta http-equiv=“refresh” content=“n; url=anotherpage.url” /> • N is number of seconds till next page is loaded

  26. Example

  27. 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

  28. Example

  29. 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

  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

  31. 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

  32. 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

  33. Assignment #9 If you get this after submitting your form, than your form is correct

  34. Assignment #9