Sottotitoli WebVTT (.vtt)

Raccomandazione Standard

Web Video Text Tracks (WebVTT) è lo standard Web ufficiale del W3C per didascalie, sottotitoli e descrizioni dei capitoli, integrato in modo nativo negli elementi video HTML5 (<track>) e nel moderno HTTP Live Streaming (HLS).

Converti da SRT a VTT

Convertitore gratuito da SRT a VTT nel browser. Converti i file istantaneamente sul tuo dispositivo.

Ispeziona e metadati

I sistemi operativi e gli analizzatori di file identificano i file WebVTT ispezionando la sequenza di byte binari iniziale:

Seleziona o rilascia i file qui

Conversione 100% privata nel browser: i file non lasciano mai il tuo dispositivo

o incolla Ctrl+V
Garanzia di privacy con zero trasmissioni di rete: 0 byte caricati su server esterni. Tutta l'elaborazione è avvenuta localmente nella sandbox del tuo browser.

Firma dell'intestazione a livello di byte (Magic Bytes)

I sistemi operativi e gli analizzatori di file identificano i file WebVTT ispezionando la sequenza di byte binari iniziale:

FIRMA ESADECIMALE (OFFSET 0):

57 45 42 56 54 54

RAPPRESENTAZIONE ASCII: WEBVTT

Standardizzazione: Raccomandazione W3C WebVTT

Specifiche tecniche

Architettura del containerFile di testo UTF-8 che inizia con la firma 'WEBVTT', seguito da blocchi opzionali STYLE e NOTE e blocchi di sottotitoli sequenziali
CompressioneTesto normale non compresso (solitamente compresso su HTTP tramite Gzip o Brotli)
Endianness dei byteFlusso di testo UTF-8
Spazi colorePieno supporto del modulo colori CSS livello 4 negli stili dei sottotitoli
Canali e strutturaSottotitoli con timestamp, affidabilità del riconoscimento vocale, stili CSS e impostazioni di posizione dello schermo
Dimensioni massimeSottotitoli sequenziali illimitati
TrasparenzaPiena opacità CSS e trasparenza alfa supportate tramite lo pseudo-elemento '::cue'
Streaming e progressivoStreaming nativo in elementi HTML5 <video> e manifest video live HLS / DASH

Matrice di confronto tecnico: WebVTT vs Concorrenti

Attributo tecnicoWebVTT (Corrente)SRTASSSUB
Integrazione Web HTML5Standard nativo al 100% (<track>)Richiede conversione JSRichiede WebAssemblyRichiede conversione
Stili CSSStili CSS nativi completi (::cue)Solo tag HTML di baseTag di override proprietariNessuno
Streaming HLS / DASHStandard di trasmissione in streaming universaleSupportato tramite muxingSupporto di streaming limitatoNessuno
Requisito dell'intestazioneRigorosa riga 1 con testo magico 'WEBVTT'Nessuna intestazione richiestaSezione [Script Info]Nessuna intestazione richiesta

Modalità di corruzione comuni e guida al recupero Hex

Errore della console del browser: 'File WebVTT non valido: firma WEBVTT mancante'.

Causa principale: Stringa 'WEBVTT' mancante sulla riga 1 o righe vuote prima dell'intestazione.

Ripristino: Aggiungi 'WEBVTT\n\n' all'inizio del file utilizzando il convertitore di sottotitoli File2File.

Analisi di sicurezza e vettori di attacco del parser

I parser WebVTT nei browser Web elaborano sottotitoli non affidabili che possono portare a Cross-Site Scripting (XSS) se visualizzati senza sanificazione nel DOM.

Vettori di attacco noti

  • Iniezione XSS tramite contenuti di sottotitoli HTML non sanificati inseriti nel DOM del lettore video web.
  • Server-Side Request Forgery (SSRF) durante la generazione automatica sul lato server delle miniature dei sottotitoli.
  • Denial of service tramite selettori CSS dei sottotitoli malformati.

Migliori pratiche difensive: Affidati al rendering nativo <track> del browser e sanifica i payload dei sottotitoli prima dell'inserimento manuale nel DOM.

Origini storiche e tappe fondamentali

2019Il W3C promuove ufficialmente WebVTT: The Web Video Text Tracks Format verso lo stato di Raccomandazione Proposta.
2011Rinominato da WebSRT a WebVTT per stabilire uno standard W3C distinto separato dal classico SubRip.
2010WHATWG introduce WebVTT per risolvere la creazione nativa di didascalie per il tag HTML5 <video>.

Vantaggi principali e pro

  • Standard Web HTML5 nativo: supportato direttamente da tutti i browser Web nell'elemento <track> senza librerie esterne.
  • Ricco supporto per stili CSS: personalizza colori, caratteri, sfondi e posizioni utilizzando lo pseudo-elemento CSS nativo '::cue'.
  • Supporto allo streaming live di prima classe: integrato nei manifest di streaming Apple HLS e MPEG-DASH per didascalie di trasmissione.

Limiti tecnici e svantaggi

  • Requisito rigoroso per l'intestazione: il file deve iniziare con il testo esatto 'WEBVTT' sulla primissima riga.
  • Il separatore dei millisecondi con punto ('00:01:20.500') richiede la conversione dai file SRT legacy separati da virgola.
  • I vecchi lettori hardware non basati su browser (come i box multimediali USB economici) spesso non dispongono del supporto nativo per WebVTT.

Curiosità tecniche interessanti

  • Ogni file WebVTT valido deve iniziare con la parola esatta 'WEBVTT' sulla prima riga; qualsiasi altra cosa fa sì che i browser ignorino il file.
  • WebVTT veniva originariamente chiamato 'WebSRT' perché era stato deliberatamente progettato per sembrare quasi identico ai classici sottotitoli SRT.
  • WebVTT può essere utilizzato anche per i capitoli video e i tooltip interattivi con miniature quando si passa il mouse sulle barre di scorrimento dei video.

Domande tecniche frequenti

A cosa serve WebVTT?

WebVTT è il formato standard Web ufficiale per aggiungere sottotitoli, didascalie, capitoli e descrizioni agli elementi HTML5 <video> sui siti web.

Come posso convertire un sottotitolo SRT in WebVTT?

Puoi convertire i file SRT in file WebVTT puliti in un clic utilizzando File2File.app direttamente nel tuo browser.

Perché i miei sottotitoli WebVTT non vengono visualizzati nel browser?

Assicurati che il tuo file inizi con 'WEBVTT' alla riga 1, abbia una riga vuota dopo di essa e che il tuo server web lo fornisca con l'intestazione 'Content-Type: text/vtt'.