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
Inline Feedbacks
Zobrazit všechny komentáře

EmDash: Duchovní nástupce WordPressu, který řeší bezpečnost pluginů

Cloudflare přichází s ambiciózním projektem EmDash, který chce přepsat pravidla správy webového obsahu a nahradit dlouholetou dominanci WordPressu. Nový open source CMS, vytvořený za pouhé dva měsíce s pomocí AI, sází na moderní architekturu, důraz na bezpečnost i monetizaci a řeší klíčové problémy, které WordPress provázejí už desítky let.

Project Glasswing: Anthropic mění pravidla kybernetické bezpečnosti

AI
Komentáře: 0
Nový AI model Claude Mythos Preview dokáže autonomně nacházet bezpečnostní díry v každém hlavním operačním systému i prohlížeči – včetně zranitelností starých desítky let, které přežily miliony automatizovaných testů. Anthropic se rozhodl tuto schopnost nasadit jako nástroj obrany a svolal koalici dvanácti technologických gigantů – od Amazonu přes Microsoft až po JPMorganChase. Se závazkem 100 milionů dolarů a přístupem pro více než 40 organizací spravujících kritickou infrastrukturu je Project Glasswing závodem s časem: zajistit, aby obránci byli s těmito schopnostmi dřív než útočníci.

Git Worktree + Claude Code: paralelní vývoj a AI agenti ve více větvích najednou

Git worktree posouvá práci s větvemi na úplně jinou úroveň – místo neustálého přepínání a stashování nabízí paralelní pracovní prostředí nad jedním repozitářem. V kombinaci s nástroji jako Claude Code navíc otevírá dveře k běhu více AI agentů současně, každý izolovaně ve své větvi, bez kolizí a zbytečné režie.