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

Stack Overflow spouští AI Assist: nový nástroj pro moderní vývojáře

Stack Overflow představil AI Assist, nástroj, který propojuje generativní AI s rozsáhlou databází ověřených znalostí komunity. Platforma, která byla více než 18 let klíčovým zdrojem řešení pro vývojáře po celém světě, tím reaguje na změny ve způsobu práce s informacemi. Cílem AI Assist je zrychlit hledání odpovědí, zvýšit jejich spolehlivost a nabídnout kontext, který pomáhá lépe porozumět problému i řešení. Tento krok odráží trend, kdy se vývojáři čím dál více obracejí na nástroje, které dokážou kombinovat rychlost AI s ověřenými znalostmi komunity. AI Assist se tak stává mostem mezi tradičním Q&A formátem a moderními interaktivními asistenty.

Austrálie vs. sociální sítě: ochrana dětí nebo absurdní regulace?

Různé
Komentáře: 1
Austrálie chystá razantní krok – od prosince 2025 budou děti mladší 16 let muset opustit sociální sítě. Ministryně komunikací Anika Wells ujistila, že vláda se nenechá zastrašit technologickými giganty. Zákon má chránit mladé uživatele před negativními dopady online světa, ale kritici varují, že může vést spíš k obcházení pravidel než k reálné ochraně.

Tor přechází na nový šifrovací algoritmus CGO

Různé
Komentáře: 0
Tor Project představil nový šifrovací algoritmus Counter Galois Onion (CGO), který nahrazuje zastaralý systém tor1. CGO přináší výrazně lepší ochranu proti manipulaci a sledování, zajišťuje forward secrecy a silnou autentizaci přenášených dat, přičemž zachovává vysokou výkonnost a nízkou režii provozu.