Home Ontwerp je site HTML Geluid en video in HTML

Geluid en video in HTML

Bij je pogingen om je website meer interactief te maken, kun je ook gebruik maken van geluid en video. De grootste struikelblok hierbij is de bestandsgrootte van de bestanden. Door de enorme opkomst van breedbandinternet is dit argument gelukkig al grotendeels achterhaald.


Geluid toevoegen in HTML


Op sommige websites kan geluid een meerwaarde betekenen, meestal is dit geluid als achtergrondmuziek opgenomen. Niet iedereen heeft dezelfde smaak van muziek als jij, dus denk eerst twee keer na voor je beslist om muziek op je site te laten afspelen. Het is immers niet de bedoeling je bezoekers af te schrikken.


Sommige websites gebruiken de tag <bgsound> om achtergrondmuziek te laten spelen. Dit is echter een verouderde tag die enkel werkt in Internet Explorer. Niet gebruiken dus!


Het invoegen van muziek op je website gebeurt zo:


<embed src="bestandsnaam.mp3" width="145" height="58" />

De afmetingen duiden op de afmeting van de muziekspeler die op je site zal worden afgebeeld. Deze afmetingen kun je natuurlijk zelf aanpassen naargelang je voorkeur.


Je kunt er nog voor kiezen om de muziek niet automatisch te laten afspelen. Dit doe je door het toevoegen van het attribuut autostart dat je dan de waarde false geeft.


Je muziek eindeloos laten herhalen kan ook met het attribuut loop dat je dan de waarde true meegeeft. Een volledige code kan er dan zo uitzien:


<embed src="bestandsnaam.mp3" width="145" height="58" autostart="false" loop="true" / >

Hou er rekening mee dat muziekbestanden meestal vrij zwaar zijn en zo het inladen van je website vertragen. De bestandsgrootte terugdringen kan door:

  • je muziekbestand op te slaan als een gecomprimeerd formaat (bijvoorbeeld mp3)
  • de bitrate van je muziekbestand verkleinen (bijvoorbeeld 64 voor mp3's geeft nog voldoende kwaliteit)

Vergeet ook niet dat het dataverkeer door je webhost beperkt is. Iedereen die immers je site bezoekt, downloadt (ongewild) je achtergrondmuziek en genereert extra dataverkeer. Als je dan een maandelijkse limiet van 2 GB hebt, zul je niet ver komen!


Video toevoegen


Ook video doet een zwaar beroep op je beschikbare dataverkeer. Je zou dit kunnen oplossen door je filmpje op te slaan bij een externe website zoals Youtube.

Om video toe te voegen die werkt in alle browsers bestaat momenteel geen modern alternatief met behulp van HTML-codes. Hiervoor maak je best gebruik van Flash, temeer omdat je daar gepersonaliseerde bedieningsknoppen bij kunt maken.


Een goed alternatief is ook het aanbieden van het videofragment als gewone link:


<a href="movie.wmv">Bekijk de video over de chemische proef</a>

Wanneer de gebruiker klikt op deze link, zal de video openen in het afspeelprogramma van de bezoeker.


Flash toevoegen


Als je animaties wilt weergeven, kan je gebruik maken van Flash. In het programma Flash maak je je animaties en het resultaat daarvan sla je op als een soort filmbestand.


Zo'n filmbestand (met de extensie .swf) wordt dan in de HTML-pagina ingeladen.


De code om een flashbestand in een pagina toe te voegen ziet er zo uit:


<object type="application/x-shockwave-flash" data="movie.swf" width="560" height="100">
  <param name="movie" value="movie.swf" />
</object>

De tag <object> wordt door alle browsers herkent, dus meer code is er strikt genomen niet nodig. Natuurlijk kun je nog extra parameters gaan toevoegen (hoeveel keer de animatie moet herhaald worden, over de kwaliteit enzovoort), maar meestal zijn deze niet nodig.


8 + 1 =
 

GOOGLE adsense