Workshop XIMPEL TV Winoe Bhikharie Vrije Universiteit Amsterdam www.ximpel.net /
[email protected] In deze workshop maak je kennis met XIMPEL TV en interactieve video. Bij interactieve video kun je de video die je aan het bekijken bent beïnvloeden. XIMPEL TV is de speler die we gebruiken om interactieve video te bekijken. Om XIMPEL TV te starten, open je “ximpeltv.html” met een web browser.
Figuur 1: XIMPEL TV XIMPEL TV bestaat uit 9 genummerde vakjes met plaatjes die geordend zijn in een 3 bij 3 matrix. Door op een vakje te klikken, wordt er een interactieve video gestart. Als de muiscursor zich boven de gestarte video bevindt, wordt er ingezoomd op de huidige video en wordt deze vergroot weergegeven over de gehele matrix. Om terug naar de matrix met vakjes te gaan, klik je op de buitenste rand. Opdracht 1 Start XIMPEL TV en bekijk een aantal interactieve videos. Het rechtsklikmenu van XIMPEL TV bevat vier extra commando's: – “Volledig scherm/Venster”: Wissel tussen weergave in een volledig scherm en venster.
– “Volgende video”: Ga naar de volgende video van de huidige interactieve video. Als er geen andere videos beschikbaar zijn, dan stopt de interactieve video en ga je terug naar de matrix. – “Pauzeer/Hervat video”: Wissel tussen pauzeren en hervatten van de huidige interactieve video. – “Stop video”: Stop de huidige interactieve video en ga terug naar de matrix. Opdracht 2 Verander een aantal plaatjes van de matrixvakjes. Hiervoor ga je naar de submap “images”. De plaatjes in deze map zijn genummerd van 1 t/m 9 en opgeslagen in het jpeg formaat (met de extensie ”.jpg”). Om een plaatje te veranderen, moet je het bestaande plaatje vervangen door een ander jpeg plaatje. Je mag zelf bepalen hoe je dat doet (bijvoorbeeld van het Internet halen, zelf tekenen of een bestaand plaatje bewerken). Om te controleren of jouw nieuwe plaatjes goed worden weergegeven, start je XIMPEL TV opnieuw. Om nieuw videomateriaal aan XIMPEL TV toe te voegen, hebben we videos nodig die in het juiste formaat zijn omgezet. Wij zullen in deze workshop videos van YouTube downloaden, omdat deze al in het vereiste formaat zijn omgezet.
Figuur 2: YouTube filmpje Opdracht 3a Open de website http://www.youtube.com in je browser. Zoek nu een filmpje naar keuze op YouTube, dat niet langer dan 30 seconden tot 1 minuut lang is. Op de YouTube pagina van jouw uitgekozen filmpje staat onder het kopje URL een link zoals: "http://www.youtube.com/watch?v=E1cyUmx5htA". Kopieer
deze link en open vervolgens in een nieuw browserscherm de website http://keepvid.com. Plak de gekopieerde link in de groene downloadbalk en klik op de knop "DOWNLOAD". Er verschijnen nu twee links met de beschrijving ">> Download Link <<". Dit zijn de directe links naar het YouTube filmpje in respectievelijk flash video en mp4 formaat. Rechtsklik op de eerste link (flash video) en sla het filmpje op in de map "video" onder een duidelijke naam die eindigt met de extensie ".flv". Voorbeeld: "ijsbeer_in_gevaar_01.flv". Download vervolgens nog een aantal andere filmpjes van YouTube.
Figuur 3: Keepvid.com Opdracht 3b Verander een aantal videos van de interactieve videos. Hiervoor ga je naar de submap “videos”. In deze map staan er een aantal videos die genummerd zijn van 1 t/m 9 en zijn opgeslagen in het flash video formaat (met de extensie “.flv”). Vervang een aantal van deze genummerde videos door videos, die je van YouTube hebt gedownload, te hernoemen. Om te controleren of jouw videos in de interactieve videos zitten, start je XIMPEL TV opnieuw en klik je op het juiste vakje om de gewijzigde interactieve video te starten. Zoals je hebt gezien in de vorige opdracht kun je zelf een interactieve video maken met je eigen videos. Het nadeel van de methode uit de vorige opdracht is dat je alleen de eerste video van een interactieve video kan veranderen. Door de zogenaamde “playlist” van XIMPEL TV aan te passen, kunnen we veel meer eigenschappen van een interactieve video veranderen. XIMPEL TV gebruikt de playlist om te bepalen welke video moet worden afgespeeld en hoe dat moet gebeuren. De playlist is opgesteld in het dataformaat XML en is opgebouwd uit zogenaamde "tags". Een tag is een woord dat is omgeven door de "kleiner dan" en "groter dan" symbolen: < en >. In de playlist worden de tags gebruikt om verschillende delen van de playlist te definiëren. De eerste tag is de <ximpel> tag en wordt afgesloten door . Binnen de <ximpel> tags wordt de playlist opgebouwd. Tags zelf kunnen attributen met waardes bevatten. Een voorbeeld is het "file" attribuut voor de
