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

Stav SIMD v Rustu v roce 2025

Různé
Komentáře: 1
SIMD - neboli Single Instruction, Multiple Data - znamená, že procesor může jednou instrukcí zpracovat více datových prvků najednou. Typicky to znamená, že místo sčítání dvou čísel přičtete dvě sady čísel paralelně. To může přinést výrazné zrychlení například při zpracování obrazu, audia nebo numerických výpočtů. Pokud již SIMD znáte, tato tabulka je vše, co budete potřebovat. A pokud s SIMD teprve začínáte, tabulku pochopíte do konce tohoto článku

GPUI Component: moderní Rust GUI komponenty pro cross-platform desktop aplikace

Různé
Komentáře: 0
GPUI Component je open-source Rust knihovna rozšiřující framework GPUI o více než 60 moderních, nativních a multiplatformních UI komponent. Staví na deklarativním přístupu, stateless renderování a jednoduchém API inspirovaném Reactem či Yew. Díky optimalizovanému výkonu, podpoře témat a flexibilním layoutům umožňuje rychlý vývoj desktopových aplikací, jako je například trading nástroj Longbridge Pro. Knihovna je licencována pod Apache 2.0 a dostupná na GitHubu.