VIDEO PREHRAVAC                                                                      as3


    Tento návod ukazuje ako vytvoriť pomerne complexný flash video prehravac. Tento tutoriál nemusi byť úplne zrozumiteľný pre každého preto odporúčam stiahnuť zdrojový súbor a pracovať spolu sním,obsahuje všetko potrebné vrátane krátkeho videa a nevyhnutného externého adobe Jscript súboru. Hlavnými funkciami tohto prehrávača sú:
  • progres bar pre nacitavanie a prehravanie videa ako aj ovladanie zvuku
  • full screen tlačidlo
  • play,pause,stop,mute,unmute tlačidlá
  • možnoť rýchleho zastavenia a spustenia filmy kliknutím na obrazovku
  • ovládanie sa automaticky skryje a ovjaví podľa toho či kurzor myši opustí alebo vstúpi na scénu
  • ovládanie a kurzor myši sa skryje automaticky po 3 sekundách bez aktivity
  • zobrazená momentálna časová stopa a totálna dĺžka videa
Na konci by ste mali dostať niečo podobné :




    Vytvorte nový actionscript 3.0 dokument. Nastavte rozmery scény na 600px(width) a 380px(height). Vytvorte 5 vrstiev na časovej osi. Nazvite tieto osi script, mcVideoControls, overlayPLAY overlayPAUSE, vidStream a background. Background vrstva bude obsahovať čokolvek chcete mať v pozadí. Označte vidStream vrstvu a vložte do nej Linked Video komponent s rozmery scény. Do kolonky instance name napíšte vidDisplay. Teraz vyberte overlayPAUSE vrstvu a nakreslite obdĺžnik s rozmermi scény tak aby ju celú prekrýval. Spravte z neho movieclip, a nastavte jeho priehľadnosť (alpha) na 0% a pomenujte ho btnoverlayPAUSE. Teraz na overlayPLAY vrstve nakreslite úplne rovnaký obdĺžnik, skonvertujte ho na movieclip, nastavte jeho farbu na čiernu a priehľadnosť na 50%. Môžete naň nakresliť aj play tlačidlo ak chcete tak ako je to v príklade na tejto stránke. Nastavte jeho instance name na btnoverlayPLAY. A teraz oniečo zložitejšia časť. Označte mcVideoControls vrstvu. Vytvorte play, pause, stop, mute, unmute, full screen, normal screen tlačidlá tak ako uznáte za vhodné. Pomenujte ich ( kolonka instance name ) btnPlay, btnStop, btnPause, btnMute, btnUnmute, btnNS, btnFS. Tieto budú slúžiť ako ovládacie tlačidlá. Teraz vložte dynamický text a nazvite ho lblTimeDuration. Teraz budeme potrebovať ovládanie pre progres bar a hlasitosť zvuku. Vytvorte dva malé vyplnené kruhy a spravte z nich movieclipy. Nazvite ichmcVolumeScrubber a mcProgressScrubber. Teraz potrebujeme progres bary. Vytvorte dva tenké obdĺžniky. Povedzme jeden červený a druhý šedý. Červený reprezentuje aktuálnu časovú stopu prehrávaného filmu a šedý načitaný objem filmu so servra. skonvertujte ich na movieclipy a pomenujte ich mcFillRed a mcFillGrey. Teraz skonvertuje oba do jedného movieclipu. Skopírujte ho na scénu a jeden nazveme mcProgressFill a ten druhý mcVolumeFill. Teraz presunte tie malé kruhy ktoré ste vytvorili predchvíľou na ľavý okraj týchto progres barov, ku každému jeden. Teraz sme vytvorili ovládanei hlasitosti a progres bar pre prehrávanie filmu. Usporiadajte všetko čo sme práve vytvorili na mcVideoControls vrstve tak ako sa vám páči. Označte to všetko a skonvertujte do jedného veľkého movieclipu. Do kolonky instance name tohto movieclipu npíšte mcVideoControls. Označte actionscript vrstvu, zmačknite F9 a vložte nasledovný script.


Všetko čo teraz potrebujete spraviť je mať *.swf súbor, film samotný a Jscript súbor v jednom priečinku a všetko by malo fungovať. Uistite sa že cesta k ako aj samotné meno filmu , to s týka aj formátu videa (*.mov,*.mp4,*.avi ...), sú zadané správne v actionscripte (riadok 27 scriptu). Tiež nesmiete zabudnúť pridať nasledovný parameter do flash object kódu v samotnom html súbore ak chcete aby fullscreen funkcia fungovala správne.

<param name="allowFullScreen" value="true" >

V prípade že váš kód tento riadok už obsahuje stačí zmeniť hodnotu z false na true.