1 / 35

COS 125

COS 125. DAY 27. 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

sahkyo
Télécharger la présentation

COS 125

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

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

More Related