Pepijn Koopman en Pieter W. Groen
Werkgroep ICT&O ICT Onderwijscentrum
ACTA VU

In deze tekst wordt uiteen gezet hoe je video bestanden die op een streaming server staan, met Blackboard materiaal kunt integreren. Daarbij wordt verondersteld dat je over de kennis beschikt om als "Instructor" in Blackboard te werken. In Blackboard kun je op twee manieren naar een videobestand verwijzen:

• Door een link te maken waarmee de video in een externe videospeler wordt afgespeeld.
• Door de player in te bedden in een pagina in Blackboard.

Beide mogelijkheden zullen worden behandeld. Hierbij zal enige HTML-code moeten worden ingevoerd. Verder dien je te beschikken over het afspeeladres (de URL) van de film.

• Het afspeeladres van een video kopiëren
• Een link naar een video maken die wordt afgespeeld in een externe videospeler
• Een video inbedden binnen de Blackboard pagina

Het afspeeladres van een video kopiëren
De eerste stap is het opzoeken van de video die je in je eigen materiaal wilt gebruiken. In de SURFnet Video Portal is een zoekmachine aanwezig waarmee je kunt zoeken naar streaming bestanden. In dit systeem worden videobestanden vaak in meerdere afspeelformaten aangeboden. Zo kun je het bestandstype kiezen dat het beste aansluit op de computerconfiguratie van je eindgebruikers.

Zodra je het bestand van je keuze gevonden heb, voer je de volgende handelingen uit om het afspeeladres te kopiëren:

1. Beweeg je muispijl boven de afspeellink van het bestand van je keuze.
   
   
2. Klik op de rechter muisknop.
   
   
3. Je ziet nu de optie 'snelkoppeling kopiëren' (Copy Shortcut). Selecteer deze optie. Het adres is nu gekopieerd.
   

Het is verstandig het adres (tijdelijk) te plakken in het programma Kladblok (Notepad). Dit gaat als volgt:

1. Start het programma Kladblok (Notepad)
   
   
2. Klik (binnen het venster waar je kunt typen) op de rechtermuisknop en kies voor 'plakken' (paste).
   
   
3. Het adres van het streaming bestand wordt nu zichtbaar.

Herhaal bovenstaande stappen indien je meerdere streaming files wilt gebruiken.

Een link naar een video maken die wordt afgespeeld in een externe videospeler
In Blackboard is het mogelijk om de hyperlink naar een filmfragment te plaatsen in het cursusonderdeel 'External Links'. Die locatie is echter af te raden als je de link wilt aanbieden binnen het kader van een tekst. 'External Links' is namelijk een geïsoleerde verzameling losse hyperlinks. Bij voorkeur plaats je de link onder 'Course Documents' of in een 'Quiz'. Je kunt dit doen door als volgt te werk te gaan:

Een videobestand linken binnen 'Course Documents'
Voer onderstaande stappen uit en gebruik de afbeelding onder de stap voor stap instructie als voorbeeld.

1. Log in op de Blackboard omgeving
   (Vraag aan een van de docenten om een inlogaccount voor de voor deze cursus beschikbare Blackboard test omgeving).
   
   
2. Ga naar 'Control Panel '
   
   
3. Kies vervolgens voor 'Course Documents'
   
   
4. Voeg daar een nieuw item toe (of ga desgewenst de goede map binnen en voeg daar het nieuwe item toe). Zorg dat onder het tekstveld 'Smart Text' of 'HTML' staat aangevinkt.
   
   
5. Voer in het 'text' veld de voor het videobestand relevante begeleidende tekst in.
   
   
6. Leg de link naar het videobestand. Kopieer onderstaande tekst en plak deze in het tekstvak (text)
   
   <A HREF="mms://145.18.248.24/webstroom/amalgaam_vullen_aanbrengen_matrijsband.
   wmv">Hier een duidelijke naam voor de aanklikbare link</A>
   
   Bij HTML code wordt geen onderscheid gemaakt tussen hoofdletters en kleine letters. Ook kun je waar gewenste harde returns (enter) toevoegen.
   
   
7. Keer terug naar het programma Kladblok (Notepad) waar je het eerder het afspeeladres hebt gestald, markeer deze met de muis, klik op de rechtermuisknop en kies voor 'kopieer' (copy)
   
   
8. Ga weer naar Blackboard, markeer met de muis het voorbeeld afspeeladres
   mms://145.18.248.24/webstroom/amalgaam_vullen_aanbrengen_matrijsband.wmv
   klik op je rechtermuisknop en kies voor 'plakken' (paste).
   De dummytekst wordt nu overgeschreven door je eigen afspeeladres. Let erop dat de twee aanhalingstekens nog aanwezig zijn.
   In het geval je binnen de SURFnet Video Portal nog geen eigen streaming bestand had opgezocht, kun je het volgende adres gebruiken:
   http://stream1.surfnet.nl/cgi-bin/users/launch.cgi?s/surfnet/windowsmedia/gigaman/gigaman-wm-high.wmv
   
   
9. Vervang de dummytekst
   Hier een duidelijke naam voor de aanklikbare link
   door een eigen tekst die als titelaanduiding voor de link fungeert.
   

Klik op "Submit" en bekijk het resultaat.

In de afbeelding hieronder staat het resultaat zoals de studenten het in Blackboard te zien krijgen. Als de link wordt aangeklikt, start de videospeler. In dit geval zal de Windows Media Player opstarten.

Een video inbedden binnen de Blackboard pagina
In sommige situaties wilt je niet dat de videospeler buiten de pagina opstart, maar dat de film in de tekst geïntegreerd is. Dit is mogelijk door gebruik te maken van HTML code. Het is dan wel nodig om rekening te houden met het bestandstype van het videobestand. Ieder videoformaat heeft een eigen videospeler en het is dus nodig om voor het videofragment de juiste videospeler aan te roepen. Op http://video.surfnet.nl/afspeelsoftware.php staat een overzicht van afspeelformaten met links naar de bijbehorende videospelers.

Het inbedden van de Windows Media Player in een Blackboard pagina

1. Maak weer een nieuw item aan in "Course Documents".
   
   
2. Om Blackboard het inbedden van de player te laten begrijpen, is het belangrijk dat je voor het tekstveld de optie 'HTML' selecteert. De selectie 'Smart Text' voldoet in dit geval niet.
   
   
3. Voer de volgende code in:
   
   <EMBED SRC="" width="128" height="128"></EMBED>
   
   Merk op dat er tussen de begintag en eindtag niets staat.
   
   
4. De URL komt nu weer tussen de aanhalingstekens te staan:
   
   <EMBED SRC="mms://145.18.248.24/webstroom/amalgaam_vullen_aanbrengen_matrijsband.wmv"></EMBED>
   
   
5. Het is noodzakelijk om extra informatie op te nemen over de breedte en hoogte van het afspeeladres. Dit gebeurt via de 'attributen' HEIGHT en WIDTH. De waarde van de attributen komt tussen aanhalingstekens te staan. Je kunt de waarden achteraf nog aanpassen, maar een redelijke start is HEIGHT="256" en WIDTH="320":
   
   <EMBED SRC="mms://145.18.248.24/webstroom/amalgaam_vullen_aanbrengen_matrijsband.wmv" HEIGHT="256" WIDTH="320"></EMBED>
   
   
6. Met de huidige configuratie begint de videospeler direct met het vertonen van het videofragment, zodra de Blackboard pagina wordt geopend. Het is handig om een instelling op te nemen waarbij de player pas begint te spelen als de gebruiker op de afspeelknop drukt. Dit gaat via de attribuut AUTOSTART, met de waarde FALSE. De tekstinvoer ziet er in Blackboard als volgt uit:
   
   <EMBED SRC="mms://145.18.248.24/webstroom/amalgaam_vullen_aanbrengen_matrijsband.wmv" HEIGHT="256" WIDTH="320" AUTOSTART="FALSE"></EMBED>

Het resultaat in een Blackboard pagina staat hieronder:

Het inbedden van de Real Player in een Blackboard pagina

1. Maak wederom een nieuw item aan in Blackboard.
   
   
2. Het is weer noodzakelijk dat je voor het tekstveld de optie 'HTML' selecteert. Je zult veel code over moeten nemen, die hierna volgt. Daarbij is zowel code nodig voor het afspeelscherm als voor de controls (de knoppenbalk).
   
   
3. Kopieer onderstaande code en plak het in Blackboard.
   
   <embed autostart="false"
   backgroundcolor="black"
   center="true"
   console="realembed"
   controls="Imagewindow"
   height="240"
   width="320"
   maintainaspectratio="true"
   pluginspage="http://www.real.com/player/"
   name="RMP"
   nojava="false"
   src="http://stream1.surfnet.nl/cgibin/
   users/launch.cgi?a/acta/mpeg/band088.mpg"
   type="audio/x-pn-realaudio-plugin">
   </embed>
   <br>
   <!-- Control bar for video; embedded -->
   <embed autostart="false"
   console="realembed"
   controls="controlpanel"
   height="33"
   width="320"
   name="RMP"
   pluginspage="http://www.real.com/player/"
   nojava="false"
   type="audio/x-pn-realaudio-plugin"
   src="http://stream1.surfnet.nl/cgibin/
   users/launch.cgi?a/acta/mpeg/band088.mpg">
   </embed>
   
   
   Vervang het in dit voorbeeld gebruikte afspeeladres (http://stream1.surfnet.nl/cgibin/
   users/launch.cgi?a/acta/mpeg/band088.mpg) door de url van je eigen streaming videobestand.
   Desgewenst kun je als adres nemen:
   http://stream1.surfnet.nl/cgi-bin/users/launch.cgi?s/surfnet/real/gigaman/gigaman-high.rm
   Merk op dat de attributen HEIGHT en WIDTH er weer bij staan, omdat ze verplicht zijn.
   

De code is, via de Blackboard-Gebruikersgroep site, geleverd door Paul Swennenhuis van de Rijksuniversiteit Groningen en is hier voor de situatie aangepast.

Het resultaat in de Blackboardpagina staat hieronder:

Meerdere Real Players inbedden in één pagina
Je kunt meerdere Real Players inbedden in één Blackboard pagina. Je moet er dan wel voor zorgen dat elke player een andere naam krijgt. Wanneer je dat niet doet, zal de knoppenbalk van een player alle videoschermpjes ‘bedienen’. Je geeft elke player een aparte naam door in de HTML-code tweemaal een nieuwe naam aan het attribuut ‘console’ te geven. In het voorbeeld op de vorige pagina staat in de HTML-code twee maal console="realembed". Wanneer één player op de pagina gebruikt wordt, is dat prima. Als een tweede tweede player wordt toegevoegd, moet in de HTML-code van deze tweede player de naam van de console veranderd worden. In die code zou bijvoorbeeld twee keer console="realembed2" kunnen staan. Bij een derde player zou console="realembed3" gebruikt kunnen worden.

Let op:
Bij het inbedden van meerdere Windows Media players in één pagina hoeft geen rekening met deze naamgevingen te worden gehouden.

Windows Media player start op in plaats van Real Player
Soms komt het voor dat in de Blackboard pagina de Windows Media Player als ingebedde player wordt getoond, terwijl dit de Real player moet zijn. Dit doordat bestanden met de extensie '.mpg' automatisch worden geassocieerd met de Windows Media Player. De oplossing ligt in een aanpassing van de instellingen van de Realplayer.

Voor Realplayer 8:

1. Start de RealPlayer
2. Ga in het menu naar 'View' en kies vervolgens voor 'Preferences'
3. Open vervolgens de tab "Upgrade".
4. Klik bij 'Media Types' op de knop 'Re-associate'. Vink de optie 'MPEG video' aan.

Voor de RealOne player:

1. Start de Realplayer
2. Ga in het menu naar 'Tools' en kies vervolgens voor 'Preferences'
3. Ga naar naar 'Media Types'. Vink dan bij 'MPEG Video' de optie 'Always play with RealOne Player' aan.