bygge en dynamisk video spiller med actionscript 3: del 3 af 3.

, bygge en dynamisk video spiller med actionscript 3: del 3 af 3.,,,,, 2,,,,,,,,,,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,, her er den sidste del af vores video spiller tutor.alt, hvad vi skal gøre nu, er at få den indikator, tilføje vores hjem - knappen klikker funktion, beliggenhed og størrelse af den nuværende video og få præsenteret bar fyldt med videoer sammen med dets skrubning.lad os komme i gang!,,,,,,, trin 1: den video, vi er nødt til at tilføje en til at lytte til det stadium, kaldet videotimeenterframe, der ajourfører den video hvert billede.det svarer til videoitemclick funktion. fase. addeventlistener (event.enter_frame, videotimeenterframe); //løber denne funktion, hver gang vi træder ind i en ny ramme, så lad os tilføje videotimeenterframe funktion., funktion videotimeenterframe (ref.: begivenhed): ugyldig (var - totalseconds: antal = ns.time; //variabel til at holde ns.time var totalseconds2: antal = varighed; //variabel til at holde varighed var minutter: antal = matematik. etage (totalseconds /60); //variabel til at holde den afrundes totalseconds divideret med 60 var minutes2: antal = matematik. etage (totalseconds2 /60); //variabel til at holde den afrundes totalseconds2 delt ved 60 var sekunder = matematik. etage (totalseconds)% 60; //variabel for at få 60 pr.% af totalseconds var seconds2 = matematik. etage (totalseconds2)% 60; //variabel for at få 60% af totalsecond2 hvis sekunder (< 10 //hvis variabel er mindre end 10 sekunder.{sekunder = "0" + sekunder; //sekunder, variable er lig med 0: sekunder} hvis (seconds2 < 10 //hvis de seconds2 variabel er mindre end 10, så...(seconds2 = "0" + seconds2; //den seconds2 variabel er lig med 0: sekunder) videotimetxt.text = minutter + ":" + sekunder + "/" + minutes2 + ":" + seconds2; //ajourføring af videotimetxt område med den samlede tid og aktuelle.}, trin 2: knap, hvorved klik til at lytte til hjemmet knap, vil give os mulighed for at vende tilbage til det højeste niveau i den nuværende galleri, vi er på.tilføj det til toppen af vores kode under vores andre opgaver, vi har på startkapital. homebtn. addeventlistener (mouseevent.click, homebtnclick); //lytter, når hjem knappen er trykket, trin 3: homebtnclick funktion, funktion homebtnclick (ref.: mouseevent): ugyldig (hvis (currentgallery = = 0) //- currentgallery variabel er lig med 0 (tweener. addtween (container_mc (- 0,:. 5, overgang "easeout", oncomplete: removegallery0}); //mellem fra container_mc og køre removegallery0 funktion} hvis (currentgallery = = 1) {tweener. addtween (container_mc (alpha. 0: 5, overgang "easeout", oncomplete: removegallery1})} hvis (currentgallery = = 2){tweener. addtween (container_mc (- 0,:. 5, overgang "easeout", oncomplete: removegallery2})}}, teste din film, klik på et galleri, at listen over de videoer.- klik home knappen.din spiller nu vil forsvinde fra den nuværende videoer og erstatte dem med den nuværende kategori produkter., trin 4: at fastsætte videowidth & videoheight er vi nødt til at tilføje en kode for at få de værdier.vi er nødt til at tilføje denne kode til videoitemclickfunction over ns.play., videowidth = xml. galleri [currentgallery]. kategori [categoryitemname]. punkt [videoitemname]. file_width; //får videoen bredde af xml - videoheight = xml. galleri [currentgallery]. kategori [categoryitemname]. punkt [videoitemname]. file_height; //får videoen højde af xml - video.width = videowidth; //satte videoen er bredde til videowidth variabel video.height = videoheight; //satte videoen er højde for videoheight variabel, løntrin 5: positionvideo lytter & funktion, nu har vi den video, der er fastsat for den korrekte bredde og højde.den sidste ting at gøre er holdning, det i midten af hele området.det svarer til videoitemclickfunction over ns. spille (currentvideo): tomrum., positionvideo(); derefter tilføjes den funktion at håndtere positionvideo begivenhed., funktion positionvideo(): ugyldig (video. x = 0; //satte videoen er x 0 video. y = 0; //den video - er y - 0 var vidwidthdif = videoblackbox.width - videowidth; //få forskellen i videoblackbox bredde og video bredde - hold i denne variabel var vidheightdif = videoblackbox.height - videoheight; //få forskellen i videoblackbox højde og - højde - hold i denne variabel video. x = vidwidthdif /2; //holdning videoen er x video. y = vidheightdif /2 //holdning videoen er y}, trin 6: træk.e ns.play igen, skærer og pasta denne linje til bunden af positionvideo funktion., ns. spille (currentvideo), hvis du nu prøve din fil, du vil have den video - bredde og højde, vi fastsatte i xml - og ændre sin dimentions, så spil videoen, trin 7: tilføje var. punkt variabler, disse variabler vil skabe og fastholde vores kommende itmes i en movieclip., var featuredcontainer: movieclip; //skabe en ny movieclip at holde spillet videoer punkter var featuredthumbloader: anordninger; //skabe en ny platform til at indlæse var videoer var featureditemname; //skabe en ny featureditemname variabel til at holde navn det var punkt vil vi klik, trin 8: var videoer, for at kontrollere, om var videoer i xml -, tilføje denne torske til myxmlloaded funktion.det vil loop gennem alle de videoer og vende tilbage til dem, der er fastsat til den sande. checkforfeaturedvids(); //løbe denne funktion, når xml - er ladt, trin 9: checkforfeaturedvids funktion, denne funktion er ligesom makegalleryitems funktion oprettede vi i del 2.vi vil skabe featureditem movieclips for featuredcontainer baseret på xml -, læg dem ud og sprede dem korrekt, belastning i virksomhed beskrevet image, og fjerne de preloader med en særskilt funktion under.,, redaktionel note:, så er vi her igen.de bruger du firefox ville have fundet den side frysning takket være denne lille blok af actionscript.for at holde det kørende, her er koden til download.undskyld ulejligheden, trin 10: klik til at lytte, nu skal vi fastsætte en til at lytte til at klare, hvad der sker, når vi trykker på et punkt movieclip var.det svarer til, hvis udtalelse i checkforfeaturedvids funktion under myfeatureditems btnover & btnout lyttere. myfeatureditem. addeventlistener (mouseevent.click, myfeatureditemclick), trin 11: myfeatureditemclick funktion, det er hvad der sker når vi trykker på et punkt: funktion var myfeatureditemclick (ref.: mouseevent): ugyldig (featureditemname = event.target.name; ////////- det nuværende punkt og sæt den til featureditemname variabel currentvideo = xml. galleri. kategori. punkt på dagsordenen. file_path [featureditemname]; //vores currentvideo variabel til spillet en video i xml - videotitletxt.text = xml. galleri. kategori. punkt på dagsordenen. file_title [featureditemname]; //satte videoen titler navn videowidth = xml.gallery. kategori. punkt på dagsordenen. file_width [featureditemname]; //- video bredde videoheight = xml. galleri. kategori. punkt på dagsordenen. file_height [featureditemname]; //- video højde video.width = videowidth; //satte videoen bredde video.height = videoheight; //satte videoen højde positionvideo(); //- funktion fase. addeventlistener (event.enter_frame, videotimeenterframe); //ændre videoen tid), trin 12: var scrollbar variabler, første tilføje variabel til at holde de navne, for korte navne på movieclips., var featuredscrolltrack: movieclip = featuredbox_mc.featuredscrollbar_mc.featuredscrollbartrack_mc, var featuredscrollthumb: movieclip = featuredbox_mc.featuredscrollbar_mc.featuredscrollbarthumb_mc;var featuredscrollmask: movieclip = featuredbox_mc.featuredscrollbar_mc.featuredmasker_mc, var xoffset: nummer var xmin: antal = 0, var xmax: nummer var featuredthumbdif: nummer, trin 13: var en knap lyttere, så tilføje disse linjer til toppen af vores kode under andre lyttere, som begynder, når den fil åbner. featuredscrollthumb. addeventlistener (mouseevent.mouse_over, btnover); featuredscrollthumb. addeventlistener (mouseevent.mouse_out, btnout); featuredscrollthumb.buttonmode = sandt. featuredscrollthumb.mousechildren = falske, punkt 14: checkfeaturedcontainerwidth, her vil vi gøre noget meget lig den checkfeaturedcontainerwidth funktion i del 2, funktion checkfeaturedcontainerwidth(): ugyldig.{(featuredcontainer.width > featuredscrollmask. bredde) (linkfeaturedscroller(); featuredscrollthumb. addeventlistener (mouseevent.mouse_down, featuredscrollbarthumbdown) fase. addeventlistener (mouseevent.mouse_up, featuredscrollbarthumbup); featuredscrollthumb.visible = sandt. featuredscrollthumb.alpha = 0, tweener. addtween (featuredscrollthumb, {- 1: 5, overgang "easeout"}).} andre (featuredscrollthumb. removeeventlistener (mouseevent.mouse_down, sidescrollbarthumbdown) fase. removeeventlistener (mouseevent.mouse_up, featuredscrollbarthumbup); tweener.addtween(featuredscrollthumb (- 0,:. 5, overgang "easeout", oncomplete: hidefeaturedscrollbarthumb})}} funktion hidefeaturedscrollbarthumb(): ugyldig (featuredscrollthumb.visible = falske}, trin 15: funktioner, tilføje funktioner til at gå med lyttere i checkfeaturedcontainerwidth funktion., funktion linkfeaturedscroller(): ugyldig (featuredscrollthumb. x = 0, featuredcontainer.mask = featuredscrollmask; xmax = featuredscrolltrack.width - featuredscrollthumb.width;} funktion featuredscrollbarthumbdown (ref.: mouseevent): ugyldig (featuredscrollthumb. removeeventlistener (mouseevent.mouse_over, btnover); featuredscrollthumb. removeeventlistener (mouseevent.mouse_out, btnout); stage.addeventlytter (mouseevent.mouse_move, featuredscrollbarthumbmove); xoffset = mousex - featuredscrollthumb. x) funktion featuredscrollbarthumbup (ref.: mouseevent): ugyldig (featuredscrollthumb. addeventlistener (mouseevent.mouse_over, btnover); featuredscrollthumb. addeventlistener (mouseevent.mouse_out, btnout); featuredscrollthumb. gotoandstop ("over"); tweener. addtween (featuredcontainer, (_blur_blurx: 0, tid: 1, overgang "easeout"}) fase. removeeventlistener (mouseevent.mouse_move, featuredscrollbarthumbmove)} funktion featuredscrollbarthumbmove (ref.: mouseevent): ugyldig (featuredscrollthumb. x = mousex - xoffset; hvis (featuredscrollthumb. x < = xmin) (featuredscrollthumb. x = xmin;} andre, hvis (featuredscrollthumb. x > = xmax) (featuredscrollthumb. x = xmax;} featuredthumbdif = featuredscrollthumb. x /xmax; tweener. addtween (featuredcontainer (x: ((- featuredthumbdif * (featuredcontainer.width - featuredscrollmask. bredde) + 25), _blur_blurx: 5: 1, overgang "easeout"}); begivenhed. updateafterevent(); den konklusion, så der har du det, giv dig selv et skulderklap, hvis du færdig og databehandling nogle videoer på internettet.jeg håber, du nød det, lektion, og jeg håber, du har lært et par ting, som du kan bruge i deres egne projekter.hvis der er nogen, der ønsker at se en fjerde lektion, jeg vil gøre, som sikrer fuld skærm funktion, at de spiller.lad mig vide, i bemærkningerne.tak for det!,





Previous:
Next Page: