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

Odebírat
Upozornit na
guest
0 Komentářů
Nejstarší
Nejnovější Most Voted

Odysseus: PewDiePie vydal open-source AI workspace, který běží na vašem vlastním hardwaru

AI
Komentáře: 0
Felix Kjellberg, youtuber se 110 miliony odběratelů, strávil rok učením se programovat a fine-tuningem vlastních AI modelů. Výsledkem je Odysseus – bezplatný, open-source workspace pro práci s umělou inteligencí, který neposílá žádná data do cloudu. Projekt má týden, přes 61 000 hvězdiček na GitHubu a znovu otevírá otázku, komu vlastně patří váš digitální kontext.

Když Git už nestačí: jak izolovat databázový stav pro pokusy AI agentů

Gitová větev vývojářům oddělí kód, ale databáze často zůstává společná. U AI agentů je to slabé místo: rychle spouštějí migrace, mění data a zkoušejí víc cest najednou. Databázová větev jim dá vlastní pracovní prostor, jenže tím práce nekončí. Ještě je potřeba řešit citlivá data, oprávnění, životnost větve i zbytek stavu aplikace.

GitHub vyhrál pohodlím. Stejné pohodlí dnes ztěžuje odchod

GitHub kdysi působil jako přesný opak SourceForge: rychlý, přehledný a přirozený. Dnešní projekt na něm ale často nemá jen kód. Má tam issues, pull requesty, CI, balíčky, bezpečnostní pravidla i AI agenty. Lock-in nevzniká tím, že by nešel odnést Git repozitář, ale tím, že se běžný provoz týmu postupně přesune do jedné platformy.