HTML5, een veel gebruikte term in 2011 maar bovenal een nieuwe standaard om webpagina’s op te maken. Deze nieuwe standaard heeft een vlucht genomen sinds Internet Explorer 9 in de wereld is. Voor ons, als webprogrammeurs, betekent het dat we achter de schermen druk bezig zijn om deze nieuwe technieken te ontdekken.
1 van de vele voordelen van HTML5 is dat we audio en video in webpagina’s kunnen implementeren zonder dat er extra software (bijv. Adobe Flash Player of Silverlight) is vereist voor de gebruiker, en dat we met 1 implementatie zowel desktop als mobiele gebruikers kunnen bedienen. Er is 1 maar; Video en audio kunnen worden gecomprimeerd in verschillende formaten (codecs). Helaas zijn de browsermakers van Internet Explorer, Firefox, Safari en Chrome het niet helemaal eens over de formaten in verband met patenten. Resultaat is dat verschillende browsers verschillende codecs ondersteunen.
Sinds kort ben ik in het bezit van een officieel HTML5 certificaat van het W3C (de maker van de HTML5 standaard)! Na 5 weken theorie en 5 deel-opdrachten heb ik o.a. geleerd welke formaten je moet ondersteunen om zo’n breed mogelijk publiek te bedienen, heb ik geleerd hoe je video kunt integreren met andere elementen op de pagina, zelf een interface gemaakt om de video en audio af te kunnen spelen en heb ik de nieuwe standaard voor ondertiteling geïmplementeerd. Na deze 5 goedgekeurde opdrachten ben ik in het bezit van de officiele HTML5 Audio & Video certificering.
Hieronder een plaatje van mijn opdracht:
Uitwerking van een HTML5 video en audio element, compleet met preload-indicator, voortgangs-indicator, WEBVTT ondertiteling en spiegeling d.m.v. het canvas-element.
