Voortgezet onderwijs | ThinkQuest Jr Webplek

Kennisnet.nl

Hoe maak je een..Video en videospeler met Flash

Gepubliceerd op 11 oktober 2006

Video’s zijn leuk en leerzaam en kunnen je website erg verrijken. In Nederland heeft bijna iedereen een breedband internetverbinding en kunnen daarom genieten van goede videobeelden. Enkele jaren geleden werd video op het Internet nog gedomineerd door ‘Real’, ‘Windows Media Player’ en in mindere mate ‘Apple Quicktime’. Nu is Macromedia Flash met zijn goede compressie (dus goede downloadsnelheid) gecombineerd met de interactieve mogelijkheden en de mogelijkheid tot complexe videotoepassingen verreweg het meest populair. En het is bovenal erg makkelijk!

Methode 1: Met de ‘Video Import’ Wizard
Bekijk en download hier de bronbestanden
Bekijk hier het voorbeeld
Download de video en bronbestanden [Flash 2889 Kb ]

Deze werkwijze neemt aan dat je al over een video bestand beschikt en dat die zich in dezelfde map als het flashbestand bevindt. Flash is in staat de meeste bekende videoformaten als ‘MPEG’, ‘MOV’, ‘AVI’ te importeren. De mensen van Flash hadden het verder niet simpeler kunnen maken:

Begin een nieuw Flash bestand door naar ‘File’ > ‘New..’ > ‘Flash Document’ te gaan en op OK te klikken.
Ga vervolgens naar ‘File’ > ‘Import’ > ‘Import Video…’. Je bent nu in de ‘Import Video’ ‘wizard’.
Kies bij de stap ‘Where is your video file? ’ voor ‘On your computer’ en ga naar het bestand op je harde schijf en druk op ‘open’. Vervolgens op ‘Next >’. Zoals eerder gezegd weet Flash wel raad met de meeste videoformaten.
In deze stap (‘Deployment’) zijn verschillende manieren beschikbaar om een video in te laden en af te spelen. De beste en simpelste is het inladen van een extern videobestand ofwel ‘Progressive download from a webserver’. Kies deze en druk op ‘Next >‘.
In de stap ‘Encoding’ kun je een keuze maken uit allerlei opties over de kwaliteit van de video. ‘Flash 8 Medium Quality’ voldoet voor de meeste situaties. Voor geavanceerde gebruikers zijn er meer opties beschikbaar.
‘Skinning’ is het uiterlijk bepalen van de speelknoppen etc. Kies simpelweg een uiterlijk uit de lijst en druk op ‘Next >‘. Je kunt ook je skin maken.
Nu heb je de ‘wizard’ afgerond. Waar voordat je je videobestand kunt afspelen in Flash moet deze geconverteerd ofwel ‘encode’ worden. Dit gebeurt vanzelf zodra je op ‘Finish’ drukt en kan een paar minuten duren.
Zodra het ‘encoden’ is afgelopen keer je terug naar het oude vertrouwde Flash scherm. Er is een ‘FLVplayback’ object op het podium geplaatst dat je waarschijnlijk even naar de linkerbovenhoek moet verplaatsen en je dient de grootte van het podium aan te passen aan dit object.
Test de videospeler door naar ‘Control‘ > ‘Test Movie’ te gaan.
Je kunt nu de Flash videospeler in je webpagina plaatsen net als ieder ander SWF bestand. Je dient wel het ‘speler SWF bestand’, het ‘skin bestand’ (ook een ‘SWF’) en het video bestand (‘FLV’) te uploaden naar je website en in dezelfde map te plaatsen.

Meer informatie:
Flash Developer Centre
YouTube

Methode 2: Zelf het FLV video bestand maken en zelf een speler maken met ‘Actionscript’ [ moeilijker]
Bovenstaande methode is erg makkelijk maar heeft veel beperkingen. Voor geävanceerde afspeelmogelijkheden is het noodzakelijk zelf het ‘FLV’ bestand in te laden met ‘Actionscript’ en het af te spelen.
Bekijk hier het voorbeeld
Download hier de Flash video actionscript [Flash 2801 Kb ]

Het encoden van een videobestand naar een FLV bestand kun je doen met het losstaande programma Macromedia Flash Video Encoder (meestal beschikbaar in het startmenu en anders in de Macromedia Flash map).

De globale werkwijze is als volgt:

Begin een nieuw Flash Document
Klik op het icoontje rechtsboven van de ‘library’ en kies voor ‘New Video’. Dit maakt een nieuw ‘video object’ dat werkt als een normale ‘movieclip’. Sleep dit object van de ‘library’ naar het podium. Belangrijk is dat je dit object een naam geef (in het voorbeeld: ‘video_obj’)
De volgende ‘actionscriptcode’ zet het inladen en afspelen van het videobestand (‘test.flv’) in gang:

Met behulp van de functies ‘pause()’ en ‘seek()’ behorende bij het ‘NetStream’ object kun je het afspelen van de video pauzeren of naar een bepaalde positie in de video gaan. Bekijk het voorbeeld!