PowerPoint Presentation - Институт за Информатика.

2001Deitel&Associates,Inc.Allrightsreserved.1Chapter32–Multimedia:Audio,Video,SpeechSynthesisandRecognitionOutline32.1Introduction32.2AddingBackgroundSoundswiththeBGSOUNDElement32.3AddingVideowiththeIMGElement’sDYNSRCProperty32.4AddingAudioorVideowiththeEMBEDElement32.5UsingtheWindowsMediaPlayerActiveXControl32.6MicrosoftAgentControl32.7RealPlayerActivexControl32.8EmbeddingVRMLinaWebpage32.9UsingStreamingMedia2001Deitel&Associates,Inc.Allrightsreserved.232.1Introduction•Multimedia–Performanceintensive•Internetbandwidthandprocessorspeed•Carefullydesignmultimedia-basedWebapplications–Multimediafileslarge•Sometechnologiesrequirecompletedownload•Streamingmedia–Audioandvideofilescanbeginplayingwhilefilesaredownloading2001Deitel&Associates,Inc.Allrightsreserved.332.2AddingBackgroundSoundswiththeBGSOUNDElement•BGSOUNDelement–SpecifictoIE–PlaceinHEADsection–Endingtagoptional–Fourproperties•SRC–URLofaudioclip•LOOP–-1(default)loopsuntiluserbrowsesdifferentWebpageorclicksStopbutton–Positiveintegerspecifiesnumberoftimestoloop–Negativevalues(otherthan–1)andzeroplaycliponce2001Deitel&Associates,Inc.Allrightsreserved.432.2AddingBackgroundSoundswiththeBGSOUNDElement–Fourproperties(continued)•BALANCE–Rangefrom–10000to10000–-10000:soundonlyfromleftspeaker–10000:soundonlyfromrightspeaker–0:default,soundbalancedbetweenleftandrightspeakers–Cannotbesetviascripting•VOLUME–Between–10000(minimumvolume)and0(maximumvolume)–Default:02001Deitel&Associates,Inc.Allrightsreserved.Outline1.1EmbedaudiofilewithBGSOUNDelement1.2DefinefunctionchangePropertiestoupdatetouser’sinput1.3UseparseInttoconvertinput1!DOCTYPEHTMLPUBLIC-//W3C//DTDHTML4.0Transitional//EN2HTML3!--Fig.32.1:BackroundAudio.html--45HEADTITLETheBGSOUNDElement/TITLE6BGSOUNDID=audioSRC=jazzgos.midLOOP=1/BGSOUND78SCRIPTLANGUAGE=JavaScript9functionchangeProperties()10{11varloop=parseInt(audioForm.loopit.value);12audio.loop=(isNaN(loop)?1:loop);1314varvol=parseInt(audioForm.vol.value);15audio.volume=(isNaN(vol)?0:vol);16}17/SCRIPT18/HEAD1920BODY21H1BackgroundMusicviatheBGSOUNDElement/H122H2JazzGospel/H22324Thissoundisfromthefreesounddownloadsatthe25AHREF=2001Deitel&Associates,Inc.Allrightsreserved.Outline31PressBRefresh/Btobeginplayingthesoundagain.3233FORMNAME=audioFormP34Loop[-1=loopforever]35INPUTNAME=loopitTYPE=textVALUE=1BR36Volume[-10000(low)to0(high)]37INPUTNAME=volTYPE=textVALUE=0BR38INPUTTYPE=buttonVALUE=SetProperties39ONCLICK=changeProperties()40/P/FORM41/BODY4243/HTML2001Deitel&Associates,Inc.Allrightsreserved.7DemonstratingbackgroundaudiowithBGSOUND2001Deitel&Associates,Inc.Allrightsreserved.832.3AddingVideowiththeIMGElement’sDYNSRCProperty•IncludevideowithIMGelement–UseDYNSRC(dynamicsource)attributeinsteadofSRC–DYNSRCattributespecifictoIE–STARTproperty•fileopen:videostartsplayingassoonasitloads•mouseover:videoplayswhenuserpositionsmouseovervideo2001Deitel&Associates,Inc.Allrightsreserved.Outline1.1EmbedvideousingDYNSRCpropertyofIMGelement1.2SetSTARTtomouseovertohavevideoplaywhenuserfirstpositionscursorovervideo1!DOCTYPEHTMLPUBLIC-//W3C//DTDHTML4.0Transitional//EN2HTML3!--Fig.32.2:DynamicIMG.html--45HEAD6TITLEAnEmbeddedImageUsingtheDYNSRCProperty/TITLE7BGSOUNDSRC=newage.midLOOP=-18/HEAD910BODY11H1AnEmbeddedVideoUsingtheIMGElement's12DYNSRCProperty/H113H2SpinningGlobeandNewAgeMusic/H214Thisvideoisfromthe15AHREF===pathfinder.mpegSTART=mouseover23WIDTH=180HEIGHT=135LOOP=-124ALT=AspinningimageoftheEarth/TD25TDThispagewillplaytheaudioclipandvideoina26loop.BRThevideowillnotbeginplayinguntilyoumove27themouseoverthevideo.BRPressBStop/Btostop28playingthesoundandthevideo./TD/TR/TABLE29/BODY30/HTML2001Deitel&Associates,Inc.Allrightsreserved.10PlayingavideowiththeIMGelement’sDYNSRCproperty2001Deitel&Associates,Inc.Allrightsreserved.1132.4AddingAudioorVideowiththeEMBEDElement•EMBEDelement–EmbedsmediaclipinWebpage–Allowsgraphicaluserinterfacetogiveusercontroloverclip•BrowseroftenincludesGUIofplayerregisteredtohandlemediatype–WindowsMediaPlayer–HIDDENproperty•PreventGUIfrombeingdisplayed•GUIdisplayedbydefault–LOOPproperty•Loopclipforever2001Deitel&Associates,Inc.Allrightsreserved.Outline1!DOCTYPEHTMLPUBLIC-//W3C//DTDHTML4.0Transitional//EN2HTML3!--Fig.32.3:EmbeddedAudio.html--45HEAD6TITLEBackgroundAudioviatheEMBEDElement/TITLE7STYLETYPE=text/css8SPAN{width:600}9.big{color:blue;10font-family:sans-serif;11font-size:50pt;12font-weight:bold}13/STYLE1415SCRIPTLANGUAGE=JavaScript16varTimerID;17varupdo