Category: web

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

Zotonic is zó gaaf!

Een tijdje geleden heb ik een filmpje gemaakt voor Zotonic, hèt gaafste CMS ooit, geschreven in Erlang.

Marc Worrell, de architect van Zotonic is een goede vriend en bij het uitproberen van Zotonic, bood ik gelijk aan om te helpen met het verspreiden van het nieuws. Erg belangrijk: Zotonic is Open Source, dus gratis en open om uit te breiden en te verbeteren (alsof dat nog kan).

Enfin, ik heb met ScreenFlow een screencast gemaakt om mensen te laten ervaren hoe gaaf Zotonic is, zonder persé de installatie te hoeven doen (niet dat het moeilijk is).

Zotonic, The Erlang CMS 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.

TNT web faux pas

Zucht, wanneer leren mensen het nou eens. “Klik hier niet, dan zullen we uw gegevens niet doorgeven aan de rest van de wereld”, of iets dergelijks, dat is de slechtste, maar helaas ook de meest efficiente manier om gegevens te verkopen. Wat een faux pas.

Enfin, ik ga dus verhuizen, dus ik ga een verhuispakket aanvragen bij TNT, dat is immers de nieuwe oude postbode. Dus lekker invullen, alle gegevens op mijn schoenmaat na gaat erin (met foutmarge), ja stuur al mijn winkelvriendjes ook maar wat verhuisberichten. Enfin, dan kom je bij het eindscherm, je leest er zo overheen, maar het staat er ook bij TNT dus!!

tnt_web_faux_pas.jpg

Soms ontvangt TNT Post van organisaties waar u de afgelopen twee jaar geen commerciële relatie mee heeft gehad, het verzoek uw nieuwe gegevens te verstrekken. De gegevens worden aangewend om u (gericht) aanbiedingen te doen, of voor het actueel houden van gegevens.
Als u hier een vinkje plaatst, wordt aan een dergelijk verzoek niet voldaan.

Gelukkig net op tijd gevonden, vinkje AAN dus… geen post van sukkels die gegevens kopen … of was het nou uit?

beta website ontwikkeling

Waar hebben klanten en ontwikkelaars last van? “het is bijna klaar”. Nog iets erbij: “Big bang release is dé manier om schade toe te brengen aan alle betrokken partijen”.

Dit zijn uitspraken die betrekking hebben op het opleveren van websites. De zin “Het is bijna klaar” zorgt ervoor dat klanten en ontwikkelaars mentaal, financieel en qua productie niet verder komen. Het is het laatste, tochtige busstation waar de bus maar nooit aan lijkt te komen. Dus wat kan je eraan doen? Lage drempel voor het vrijgeven van functionaliteit, gefragmenteerde functionaliteit releases , klant betrokkenheid en de gebruiker begeleiden bij het ontdekken van services.

Meestal zijn klanten en ontwikkelaars bang voor de beta aanpak (producten in delen opleveren voordat het écht af is). Wat zal de aandeelhouder wel niet vinden, wat zal de bezoeker wel niet denken zijn de angsten hierbij. Met aandeelhouders heb ik niets; ik hou niet echt van mensen met bestuurskracht, maar zonder visie of betrokkenheid, dan maar liever geen geld.

De bezoekers van websites zijn echter goed tevreden te houden en voor te bereiden op meer nieuwe spannende dingen. Geef ze een fijne stoel om in te wachten en reden om te blijven zitten. Laat ze merken dat als zij een tip geven dat dit belangrijk is, maar wees ook niet bang om duidelijk te maken wat jouw visie is.

Tegenwoordig zijn er veel bedrijven die op diverse manieren de bezoeker betrekken, met blogs, forums, advertenties en een laagdrempelige manier van feedback creëert men een relatie met mensen die het voorfront zijn voor latere promotie van je product. Zorg dat je snel en persoonlijk reageert op wat men jou toespeelt en zorg voor een heel duidelijke manier waarmee je elke nieuwe feature presenteert.

Ik geef toe, het vereist veel kracht, voorbereiding en aandacht, maar het kan en het is niet moeilijk! Het verzacht je relatie met je bezoekers, verlicht de stress op je productieproces en geeft ruimte om je wensen en prioriteiten aan te passen in het verloop van je project.