Přejít k navigační liště

Zdroják » Zprávičky » WebVTT má být standardizovaným formátem pro titulky v HTML5

WebVTT má být standardizovaným formátem pro titulky v HTML5

Zprávičky Webdesign

Nálepky:

V souvislosti se standardizací videa v rámci HTML5 se objevila snaha standardizovat touto cestou i textovou stopu (tj. titulky). Titulky dnes můžete na webu používat, v jakém formátu chcete, a implementovat si jejich zobrazování také, jak chcete. Ovšem není od věci nalézt nějaké jednotné (standardní) řešení.

V rámci aktivit HTML5 tak vzniká specifikace WebVTT (Web Video Text Tracks), jedná se o textový formát, soubory budou mít příponu .vtt a mohou vypadat kupříkladu takto:

WEBVTT

00:11.000 --> 00:13.000
<v Roger Bingham>We are in New York City

00:13.000 --> 00:16.000
<v Roger Bingham>We're actually at the Lucern Hotel, just down the street

00:16.000 --> 00:18.000
<v Roger Bingham>from the American Museum of Natural History

00:18.000 --> 00:20.000
<v Roger Bingham>And with me is Neil deGrasse Tyson

00:20.000 --> 00:22.000
<v Roger Bingham>Astrophysicist, Director of the Hayden Planetarium

00:22.000 --> 00:24.000
<v Roger Bingham>at the AMNH.

00:24.000 --> 00:26.000
<v Roger Bingham>Thank you for walking down here.

00:27.000 --> 00:30.000
<v Roger Bingham>And I want to do a follow-up on the last conversation we did.

00:30.000 --> 00:31.500 align:end size:50%
<v Roger Bingham>When we e-mailed—

00:30.500 --> 00:32.500 align:start size:50%
<v Neil deGrasse Tyson>Didn't we talk about enough in that conversation?

00:32.000 --> 00:35.500 align:end size:50%
<v Roger Bingham>No! No no no no; 'cos 'cos obviously 'cos

00:32.500 --> 00:33.500 align:start size:50%
<v Neil deGrasse Tyson><i>Laughs</i>

00:35.500 --> 00:38.000
<v Roger Bingham>You know I'm so excited my glasses are falling off here.

Specifikace nepopisuje pouze onu textovou podobu formátu, ale také, jak k němu přistupovat pomocí DOM (obdobně jako můžete k textovému CSS stylopisu přistupovat pomocí DOM, bude to možné i titulků), a jak bude možné zobrazování titulků stylovat pomocí CSS.

Titulkových formátů dnes je celá řada (Wikipedia jich zmiňuje 20), WebVTT vychází z formátu SubRip, který má příponu .SRT (existuje konvertor SubRip → WebVTT), navíc přidává podporu některých vlastností (všimněte si na konci ukázky výše titulků, které se časově překrývají, u kterých je nastaveno menší písmo a zarovnání). Důraz je kladen na přístupnost, u jednotlivých textů tak můžete označit, kdo je říká (i to vidíte v ukázce nahoře), což pak mohou zohlednit čtecí zařízení a předčítat tak nevidomým kupříkladu každou osobu trochu jiným hlasem atp.

Formát se teprve připravuje, na nějaké větší používání je nejspíš ještě brzy, podpora v prohlížečích je mizivá (IE10 a Chrome16+), ale existují javascriptové polyfilly, které vám umožní WebVTT používat, pokud byste s ním chtěli začít už dnes.

Pokud chcete s WebVTT opravdu začít, více se o něm v tomto směru dozvíte v článku An Introduction to WebVTT and <track>. Existuje i šikovný WebVTT validátor.

Komentáře

Subscribe
Upozornit na
guest
0 Komentářů
Inline Feedbacks
View all comments

Enum a statická analýza kódu

Mám jednu univerzální radu pro začínající programátorty. V učení sice neexistují rychlé zkratky, ovšem tuhle radu můžete snadno začít používat a zrychlit tak tempo učení. Tou tajemnou ingrediencí je statická analýza kódu. Ukážeme si to na příkladu enum.