în HTML

Linkuri și multimedia HTML5 / WHATWG

Adăugarea subtitrărilor, traducerilor și capitolelor WebVTT pentru elementele <video> și <audio> prin tagul <track> pentru conformitate WCAG.

Sintaxă tag
<track kind="subtitles" src="sub_ro.vtt" srclang="ro" label="Română" default>

Elementul <track> este un element vid plasat în interiorul tagurilor media <video> sau <audio> pentru a specifica piste de text sincronizate în timp. Fișierele de text trebuie formatate conform standardului WebVTT (Web Video Text Tracks, fișiere cu extensia .vtt).

Integrarea subtitrărilor și a capitolelor într-un video HTML5
<video controls width="800" poster="coperta-video.jpg">
    <source src="tutorial-html.mp4" type="video/mp4">
    <source src="tutorial-html.webm" type="video/webm">
    
    <!-- Subtitrări în limba română (selectate implicit) -->
    <track kind="subtitles" src="subtitrari_ro.vtt" srclang="ro" label="Română" default>
    
    <!-- Subtitrări în limba engleză -->
    <track kind="subtitles" src="subtitrari_en.vtt" srclang="en" label="English">
    
    <!-- Capitole pentru navigare facilă în video -->
    <track kind="chapters" src="capitole.vtt" srclang="ro" label="Capitole Curs">
    
    Browserul dumneavoastră nu suportă redarea video HTML5.
</video>

Valorile Atributului kind

Valoare (kind) Descriere & Utilizare
subtitles Traducerea dialogului pentru utilizatorii care nu înțeleg limba originală a clipului.
captions (CC) Transcriere completă a dialogului, plus efecte sonore și muzică (esențial pentru persoane cu deficiențe de auz).
chapters Titluri de capitole afișate în bara de progres a playerului video pentru navigare pe capitole.
descriptions Descrieri audio ale elementelor vizuale destinate persoanelor nevăzătoare.