Ondertiteling en HTML5 video: verhoogde toegankelijkheid en SEO waarde

Ik heb pasgeleden ‘transmediaal.nl‘ opgericht voor wat transmediale experimenten. Met transmediaal bedoel ik de ware integratie van video, audio, tekst, visuals, links en interactie. Deze integratie is hét middel om van een website meer te maken dan een stapel teksten en videos. Op transmediaal.nl zie je een aantal HTML5- en flash-video experimenten om Video SEO vriendelijk en toegankelijk te maken.

Video, visuals, audio en applicaties zouden dus echte relevante content moeten worden. Op dit moment zijn video, visuals, maar ook webapplicaties autonome ‘blobs’ die voor google en anderen geen enkel verband heeft met de webpagina waarin het is opgenomen. Daarbij kan bijvoorbeeld Google ook niet zien wat IN een video, visual of applicatie zit. Die beperking geld voor iedereen die de de video nog niet heeft gespeeld, of de applicatie nog niet heeft gebruikt. Dat geld natuurlijk dubbel voor blinden en mensen die op een alternatieve manier het internet verkennen.

Dus we willen de informatie bij video’s, etc verbreden door te beschrijven wat erin zit, of waar het over gaat. Denk bij het verbreden van bijvoorbeeld video-informatie aan hoofdstukindelingen, een transscriptie van het gesproken woord en natuurlijk een toegankelijke bediening. Dus koppel tekst aan de video, waardoor de inhoud wordt blootgelegd. Als eerste middel voor het verbeteren van de toegankelijkheid van video’s, maar ook het verhogen van de SEO-waarde van video’s gebruik ik de SubRip (SRT) bestanden. Die bestanden ken je van de ‘geripte’ DVD’s. Daarin zitten de ondertitelingen in diverse talen, die sommige video-programma’s als een laag over de video projecteren.

SubRip bestanden maak ik met behulp van het uiterst goed verborgen webapplicatie, die gekoppeld kan worden met een Youtube account: Caption Tube. De makers zijn mij nog niet bekend. Caption Tube is een van de weinige goed werkende/ gratis/ online tools om mooie ondertiteling-bestanden te maken. Na wat zoekwerk heb ik programma’s van twijfelachtige allure gevonden vanaf een euro’tje of 200.

Ik heb een PHP-programma’tje bewerkt om de SRT bestanden te converteren naar het TTAF1 formaat om het te integreren in HTML. TTAF staat voor Timed Text Authoring Format 1. Dit formaat is een aanstaande webstandaard van W3c, maar staat al een tijd stil. Omdat het op HTML lijkt bied het een redelijk eenvoudige structuur om ondertitelingen snel te plaatsen onder een video.

Inmiddels is er ook een web-variant voor SRT gemaakt; je raad het al: WebSRT of ook wel bekend als Timed Tracks. Timed Tracks is ook opgenomen in de HTML5 video standaard, maar door de meeste browser makers (Google, Apple, Microsoft) nog niet geïmplementeerd. Ik heb overigens een heel fijne presentatie over WebSRT gevonden op het -overigens ook interessante- blog van Sylvia Pfeiffer (Ginger Technologies).

Op transmediaal.nl zijn twee experimenten te vinden, één puur Flash  video speler implementatie en één met HTML5 en Flash als backup. Voor beide experimenten gebruik ik de JW Player van Jeroen Wijering. De JW Player kan van zichzelf al ondertiteling aan (in de vorm van zowel SRT als TTAF1), maar de HTML5 variant niet. Het is wachten wie het eerste is: JW of de browserbouwers. Tot die tijd gebruik ik Video Sub: een op jQuery gebaseerde Caption projector die aanhaakt op de track-tag van de video-tag in HTML5.

Er is ook nog een tweede jQuery subtitle library jQuery.SRT, die pure SRT bestanden interpreteert.

Enfin, kijk snel op de website transmediaal.nl en zie hoe het experiment vordert!

Helaas werkt het commentaar mechanisme tijdelijk niet… Je kan eventueel commentaar en vragen posten via mijn twitter: twitter.com/sneakerpeet

Uitzicht op Ashley Road, Hong Kong

Het is al een tijdje geleden, eigenlijk drie jaar op de kop af, dat ik in Hong Kong was voor de trouwerij van mijn goeie vriend Marc. Marc, gefeliciteerd! Vanuit het hotel maakte ik dit filmpje voor een andere vriend.

Je ziet hier het uitzicht op Ashley Road in Hong Kong (niet het eiland, maar main-land Hong Kong). Het is een klein doodlopend straatje met kleine handel en leuke vriendelijke mensen. Ik had daar negen dagen mijn vertrek in een piepklein maar fijn appartementje. De muziek is van de Chemical Brothers.

[youtube]http://www.youtube.com/watch?v=WbImMFF5xc4[/youtube]

Herfstrust wandelingen

Helaas is mijn hoofd en buik het niet mee eens, maar dit is een mooi weekend. Om het binnenzitten wat te doorbreken ben ik het park ingegaan met wat muziek op mijn hoofd. 

Dat heeft wat mooie plaatjes op geleverd en in de ‘verplichte’ binnentijd heb ik een leuk filmpje kunnen monteren. Wel grappig dat als je behoefte aan rust heb je gelijk in de GTD (Getting Things Done, Dingen Af Maken) modus komt.

Nougoed, dan hier de poelaatjes.


Beautiful day in Sloterpark, Amsterdam from Sneaker Peet on Vimeo.

klok met muziek én kleding video??

Ik zal je eerlijk vertellen: Ik weet niet wat dit is, anders dan KONTSCHOPPEND GOED! Leuke muziek, fijne fullscreen film én een klok! Wat wilt een mensch nog meer.

Wacht even tot het balkje onderaan zich helemaal heeft gevuld. En als je volledig scherm video met dansende japanse meisjes wilt zien, klik dan op het filmpje. Tis gewoon grappig 🙂

Maar niet alleen grappig, maar ook een voorbeeld van een virale site. Vlot, geestig en leuk genoeg om met je vrienden te delen. De site heeft meer om dat te faciliteren, nette integratie code (zoals voor dit blog), archief van voorgaande seizoenen vernoemd naar kledingstukken… zou hier een Japans kledingmerk achter zitten? Best slim zo.