Dalla sua comparsa nel 2006, il formato HTML5 ha lasciato il segno sul Web, diventando il formato video standard al posto di Adobe Flash Player (che è terminato).
Se oggi numerosi software incorporano facilmente i tuoi video, codificarli manualmente in HTML5 offre infinite possibilità di personalizzazione e hosting sul tuo sito web.
In particolare, ciò ti consente di ottimizzare le impostazioni di accessibilità del tuo video in base alle tue esigenze, aggiungendo i sottotitoli che desideri.
Ecco come codificare correttamente i sottotitoli su HTML5.
Come implementare correttamente il tuo video HTML5?
Innanzitutto, un piccolo promemoria delle regole di base per l'implementazione di un video in HTML5.
Il codice si basa sull'aggiunta di un tag
Come regola generale, il formato MP4 è supportato da tutti i browser. Ma puoi aggiungere un formato OGG per assicurarti che il tuo video sia leggibile da tutti.
Per quanto riguarda il resto, l'id identifica il tuo video e l'aggiunta di un testo all'interno del tag video assicura che l'utente venga avvisato di un errore di visualizzazione.
Ecco come potrebbe apparire un'implementazione del tuo video:
Sottotitoli HTML5:dove trovarli?
Ora, come visualizzi i sottotitoli sul tuo video? L'unico formato di sottotitoli supportato da HTML5 è VTT. Ecco perché devi crearlo dalla trascrizione o utilizzare un generatore automatico di sottotitoli.
Nel primo caso, ecco il formato su cui fare affidamento:
Nel secondo caso, puoi utilizzare il nostro generatore di file VTT. Con le tecnologie di sintesi vocale, puoi creare i sottotitoli molto più velocemente. Puoi anche affidare il tuo progetto ai nostri esperti di sottotitoli se hai un volume maggiore.
Ecco come iniziare rapidamente:
Carica il tuo video sull'interfaccia. Seleziona la lingua originale e quella che vuoi ottenere.
Al termine del processo di trascrizione, puoi accedere all'editor dei sottotitoli e ottimizzare il risultato.
Al termine del lavoro, puoi esportare il file dei sottotitoli facendo clic su "Esporta" e scaricare il file .vtt.
Come codificare i sottotitoli nel tuo video HTML5?
Successivamente, per implementare il sottotitolo nel codice HTML5, è necessario aggiungere un tag
L'etichetta tag fornisce il titolo del tuo sottotitolo,kind identifica se è sottile o didascalie, srclang definisce la lingua e src la localizzazione del tuo file.
Puoi quindi aggiungere questo codice in questo modo :
Il video verrà quindi visualizzato automaticamente. Nota anche che puoi aggiungere tutte le lingue che vuoi aggiungendo un tag.
Come posso personalizzare lo stile dei miei sottotitoli HTML5?
Il manuale HTML5 è interessante per le sue numerose possibilità di personalizzare l'aspetto dei tuoi sottotitoli.
Per impostare il loro stile, aggiungi un tag CSS