Geluid en bewegend beeld

Geluid op uw site

Wellicht speelt u in de plaatselijke harmonie en wilt u de wereld via uw site een voorproefje geven van het komende concert. Dat kan, maar ik moet er gelijk bijzeggen dat er het een en ander bij komt kijken.

Allereerst moet het geluidsbestand het formaat hebben dat voor de door de browser ingehuurde plug-in te begrijpen valt. WAV en MP3 zijn geen probleem, maar andere formaten kunnen tot "snap niet" en stilte leiden. U zult zelf voor het ombouwen naar een van deze formaten moeten zorgen. Ik vrees dat ik daar geen verstand van heb.

Gewoon met de A-tag

Goed, gaan we er dus van uit dat u het bestand hebt. U kunt het dan op twee manieren opnemen. De eerste werkt met de gewone A-tag, en leidt tot een link die, door de bezoeker aangeklikt, het bestand afspeelt.

<A HREF="hoempa.wav">

U zoudt dit typisch kunnen gebruiken als u een collectie vogelgeluiden op uw pagina hebt, en diverse vinkensoorten (slavink, rundervink enzovoorts) hebt verzameld.

Met de EMBED-tag

De theoretisch mooiere, en ook wat veelzijdiger, methode gebruikt de tag EMBED. Hiermee wordt de geluidsafspeelplugin in de pagina "ingebed". De simpelste versie (die meestal wel zal volstaan) is:

<EMBED SRC="hoempa.wav">

De standaardinstelling is dat als de pagina geladen is, en een afspeel-balkje wordt ingevoegd, en dat het bewuste bestand eenmaal wordt afgespeeld. U kunt het attribuut LOOP="true" opnemen, waarmee het geluid herhaald wordt totdat een volgende pagina geladen wordt. Lijkt me zelf niet aan te raden... Verdere attributen: AUTOSTART="false" zorgt ervoor dat de gebruiker eerst op de startknop van het afspeelbalkje moet klikken. (De standaarinstelling is, u raadt het al, AUTOSTART="true".)

Streaming audio

Beide hier beschreven methodes impliceren dus dat het geluidsbestand eerst compleet wordt opgehaald van de server voordat het wordt afgespeeld. Dat doet een behoorlijk beroep op het geduld van uw bezoeker. Een methode om daaraan ten dele tegemoet te komen bestaat uit "streaming audio": hierbij wordt eerst het begin van het bestand opgehaald, en begint het programma alvast met afspelen, en terwijl dat gebeurt wordt de rest binnengehaald. Dit vergt een apart bestandsformaat, en daarmee zowel een aparte plugin (Real Player) als het converteren van uw bestand. Dat laatste kan met een programma dat u -met het nodige zoeken- zoudt moeten kunnen vinden op de site van Real Networks. (Met dank aan de heer B., die me hier een vraag over stelde, maar al met het antwoord kwam voordat ik de kans kreeg om er echt over na te denken.)

Bewegend beeld

Om te beginnen: wat hier stond is links en rechts door de ontwikkelingen ingehaald. Niet zozeer omdat het fout is, maar omdat inmiddels YouTube op het toneel is verschenen, en dat gewoon de plek is om uw videofilmpjes neer te zetten. En dan op uw pagina een link daar de betreffende plek op YouTube toevoegen. Ik begrijp dat er op YouTube zelfs stukjes HTML-code te vinden zijn waarmee u een en ander kunt regelen. (Heb ik zelf niet uitgeprobeerd, overigens.)

Ergo, wat hier nu volgt is alleen voor de echte knutselaars. Die zijn er tenslotte ook nog.

U zoudt zich hier toch eerst moeten afvragen of de kosten tegen de baten opwegen. Ook een filmpje op nauwelijks meer dan postzegelformaat van een halve minuut loopt in de honderden kilobytes, en de laadtijd is navenant. Aan de andere kant: als u binnen een bedrijfsnetwerk opereert, met doorvoersnelheden waarvan een gewone internetter slechts kan dromen, is het misschien best te overwegen instructiefilmpjes op dat intranet te zetten. Maar goed, ik heb u gewaarschuwd.

Voor het opnemen van bewegende beelden bent u aangewezen op de volgende formaten: MOV, AVI en MPG. Ook hier ga ik er van uit dat u de beschikking hebt over het op te nemen filpje. (Betogen over het converteren van gewone videobeelden naar een van deze formaten vallen ver buiten het bestek van dit cursusje.)

De tag die u hier gebruikt is wederom EMBED, met de kanttekening dat u de hoogte en breedte (in pixels) van het te vertonen filmpje moet opgeven. Hier lijkt AUTOSTART="false" op zijn plaats. De code zou dan zijn:

Hoe mijn ome Kees zijn barbecue aansteekt:
<EMBED SRC="ome_kees.avi" WIDTH="150" HEIGHT="100" AUTOSTART="false">

Nadat het filmpje bij uw bezoeker gearriveerd is, kan hij het afspelen, stopzetten, voortzetten en opnieuw afspelen, tot hij het zat is.

Nog even over plugins

Als u WAV, MP3, MOV, AVI of MPG-bestanden opneemt zal uw bezoeker wel in staat zijn die af te spelen. Maar als het exotischer formaten zijn, is het een goed idee om een link op te nemen naar de site van de bedenker van het betreffende formaat. Meestal is daar gratis de voor het afspelen benodigde plugin te downloaden.

U kunt nu naar Opzetten van een site