Torgny > FLVPLayer

Arbeta med FLVPlayer

Innehåll i övningen: FLVPLayer, konvertering av filmer, inladdning av filmer med Actionscript, start och stopp med Actionscript, skapa textfält med Actionscript

Skapa FLV-filer

1. Ladda hem filmerna de två mp4-filmerna i filmer.zip
2. Starta programmet Adobe Media Converter och konvertera filerna till formatet FLV.

Skapa katalogstruktur

1. Skapa en mapp för ditt projekt. Döp till video.
2. Skapa underkatalogerna bin och src. Skapa en FLA-fil video i src.
3. Skapa en dokumentclass Main.as. Koppla den till video.fla och placera i src.
4. Placera dina FLV-filmer i bin.
5. Gå in i Publish settings och se till att din swf-fil hamnar i bin-katalogen-

Importera en film (och på samma gång en FLVPLayer)

1. Importera en av FLV-filmerna. File/Import/Import video.
2. I första dialogrutan letar du upp FLV-filen (knappen Browse) och väljer alternativet Load external video with playback component.
3. I nästa dialogruta väljer du att inte ha något skin.
4. När FLVspelaren hamnar på scenen kan du testa att videon fungerar genom att publicera din SWF.
5. Markera din FLVPlayer och ge den ett instansnamn t ex filmPotzdammerplatz.
6. Stoppa filmen genom att lägga in ett actionscript i Main-klassens konstruktorfunktion (function Main).
   
   filmPotzdammerPlatz.stop();

Knappar

1. Hämta knappar ur biblioteket Window/Common Librairies/Buttons så att du kan skapa fyra knappinstanser som på illustrationen överst på denna sida.
2. Döp knapparna till knappSpela, knappStopp, knappSundsvall och knappBerlin.
3. Börja med knappSpela. Skapa en händelsehanterare för klickning och lägg in en funktion som gör att den sätter igång FLV-spelaren.
   
   knappSpela.addEventListener(MouseEvent.CLICK, onSpela); function onSpela(e:MouseEvent) { filmPotzdammerPlatz.play(); trace("Spela"); }
4. För att knappen skall fungera behöver du följande importkommando:
   import flash.events.MouseEvent;
5. Lägg in motsvarande kod för knappStopp. Kommandot för att stoppa spelaren är stop().

Knapparna för att ladda in film

När vi klickar på knapparna för att ladda in film skall uppspelningen först stoppas. Därefter skall en ny film laddas in. (Själva startandet att filmen överlämnar vi till knappStart.)

1. Lägg in händelshanterare för knappen som laddar in filmen från Sundsvall. Koden i funktionen kan se ut så här:
   filmPotzdammerPlatz.source = "25_hotellkorridor_Sundsvall_Zorn_Dali.flv"; filmPotzdammerPlatz.stop();
2. Gör motsvarande för knappBerlin.

Textfält under filmen

Under filmen skall det ligga ett textfält så som framgår av illustrationen överst på sidan. Texten skall vara Berlin eller Sundsvall för respektive film. Vi skall lägga till textfältet med hjälp av Actionscript.

1. Börja med att lägga till importkommando för textfält: import flash.text.*;
2. Skapa ett täxtfält, ge detBerlin som starttext, lägg det till filmen med addChild och sätt dess x- och y-koordinater. Du måste kanske justera koordinaterna så att de passar placeringen av FLV-spelaren i din film.
   display_txt = new TextField(); display_txt.text = "Berlin"; addChild(display_txt); display_txt.x = 130; display_txt.y = 160;
3. I de händelshanterare som är kopplade till knappBerlin och knappSundsvall kan du lägga in kod som ändrar texten.

Torgny