Når cuepoints bruges sammen med Flash Video udgør de en markør for en handling, man selv kan definere. I det følgende vil jeg gennemgå 2 forskellige måder på hvordan jeg med fordel har brugt cuepoints til at berige mit indhold i Flash.

Cuepoint Eksempel 1: Video med pige, der skriger
For bedre at forstå hvordan min video bruges i Flash, bør du se videoen som den er uden effekter.
Du kan se videoen på Youtube her:
I den version jeg har lavet har jeg givet videoen en tegneserie-agtig skær, ikke blot ved at putte filmen ind i en tegneserie-ramme, men ved også at grafisk illustrere pigens skrig med et Batman TV-serie agtig “Waaaaaaaaah”.
Se den nye version af video’en her:
I tegneserie-eksemplet loader jeg en helt “ren” video ind i Flash og definerer med ActionScript 3.0 tider og navne på nogle ASCuePoints, der bliver mine markører i videoen.
Her er et eksempel på mit første ASCuePoint:
FLVPlayer.addEventListener(MetadataEvent.CUE_POINT, reactToCuepoint, false, 0, true);
Som det nok kan gennemskues af dette, vil jeg gerne have at:
- efter 1 sekund
- skal funktionen reactToCuepoint afvikles.
Funktionen placerer min grafik et nogenlunde tilfældigt sted på videoen i et afgrænset tidsrum.
Kigger man på alle mine ASCuePoints..
FLVPlayer.addASCuePoint(6.3, "scream", {text:"myFirstCuepoint"});
FLVPlayer.addASCuePoint(14.5, "scream", {text:"myFirstCuepoint"});
FLVPlayer.addASCuePoint(19.6, "scream", {text:"myFirstCuepoint"});
FLVPlayer.addASCuePoint(25, "scream", {text:"myFirstCuepoint"});
FLVPlayer.addASCuePoint(30.6, "scream", {text:"myFirstCuepoint"});
FLVPlayer.addASCuePoint(35, "scream", {text:"myFirstCuepoint"});
FLVPlayer.addASCuePoint(38, "scream", {text:"myFirstCuepoint"});
FLVPlayer.addASCuePoint(44, "scream", {text:"myFirstCuepoint"});
FLVPlayer.addASCuePoint(47, "scream", {text:"myFirstCuepoint"});
FLVPlayer.addASCuePoint(48.3, "screamveryshort", {text:"myFirstCuepoint"});
FLVPlayer.addEventListener(MetadataEvent.CUE_POINT, reactToCuepoint, false, 0, true);
..vil man se, at de alle hedder “scream” undtaget det sidste cuepoint, der hedder screamveryshort.
Det er fordi funktionen reactToCuepoint læser dette navn, og viser den grafik der passer til. Læser funktionen “scream” vises den almindelige “Waaaah” grafik, men læser den “screamveryshort” vises en anden, længere type “Waaaaaaaaaah” grafik, der stemmer overens med, at pigen alligevel efterhånden er ved at miste stemmen.
Kort om cuepoints og Flash Video
Cuepoints markerer som skrevet et bestemt sted i ens video. Det kan være et kapitel, en scene eller en handling som i ovenstående eksempel. Brug af cuepoints er et kraftfuldt værktøj, når du vil synkronisere din video med animationer, tekst, musik eller f. eks. vil registrere progress i Google Analytics
Cuepoints kan tilføjes på flere måder, det kan tilføjes som kode som i ovenstående indlæg, eller det kan tilføjes i selve videoen, som følgende eksempel vil vise.
Cuepoint Eksempel 2: Styr på musikken i en quiz
For nylig skrev jeg om en musik quiz jeg havde lavet i ActionScript 3.0, men jeg fik aldrig beskrevet teknikken bag.
Vil du prøve quiz’en og se hvordan den fungerer, kan du læse dette Creedence Clearwater Revival quiz indlæg.
Quiz’en går kort fortalt ud til at lytte til et medley over gode Creedence Clearwater Revival sange. Når man hører en sang, skal man fortælle titlen på den. 5 sekunder før medley’et skifter til en ny sang, advares man, så man er sikker på at nå at give sit svar. Når medley’et skifter til en ny sang, får man nye svarmuligheder. Og så videre..
Inden jeg skulle lave quiz’en overvejede hvilken form for styring jeg havde brug for til quiz’en.
Jeg ville gerne vide:
- hvornår musikken i medley’et skiftede fra sang til sang, så jeg kunne vise de nye svarmuligheder
- 5 sekunder før medley’et skiftede fra sang til sang, så jeg kunne advare om at tiden var ved at løbe ud
- når medley’et sluttede, så jeg kunne lave en status på antal rigtige

I billedet her ses lidt af den lyd jeg har redigeret og gemt som Flash Video fra Soundbooth. Øverst ses nogle markører, bla. en, der hedder Marker 02. Denne markør er med til at markere, hvornår sang 2 starter.
For at dette skulle kunne fungere besluttede jeg at lave en video uden visuelt indhold og kun indeholdende lyd. Dette klarede jeg ved at redigere min musik i Soundbooth, indsætte de cuepoints jeg havde brug for og så eksportere lyden som en Flash Video fil (.flv). Ved så at loade min video i Flash og kun bruge lyden, ville jeg kunne styre min quiz ved hjælp af de cuepoints jeg havde oprettet.
Det gode ved denne løsning var også, at jeg præcist ville kunne reagere, når medley’et skiftede sang. Havde jeg tilføjet mine cuepoints i ActionScript 3.0 var det kommet til at tage lang tid at gætte sig frem til, præcist hvornår medley’et skiftede sang.
Lignende indlæg
Fandt du ovenstående interessant, kunne du måske også have interesse i:
Dette indlæg omkring kommunikation fra Flash til JavaScript og retur.
Dette indlæg omkring hvordan man matematisk omregner sekunder til formatet hh:mm:ss.
Dette indlæg omkring lyd og video og optagelserne af en jazz duo.
Dette indlæg omkring en ActionScriptet animation, der blev brugt som levendegørelse af logo.
Credits
Fremragende tutorial omkring ActionScript 3.0, skrevet af Jody Hall.
Esben Hindhede og Maria Bøge Sørensen for grafisk input til video’en med den skrigende pige.

