SRT a VTT: legendas que o navegador irá realmente carregar

O que muda entre SRT e VTT

• O cabeçalho — os arquivos WebVTT começam com a linha `WEBVTT`, opcionalmente com um título depois dela.
• Timecodes — SRT escreve `00:00:12,500` com uma vírgula antes dos milissegundos; VTT escreve `00:00:12.500` com um ponto.
• Identificadores de sugestão — ambos permitem um nome opcional acima da sugestão; VTT os mantém mais úteis para scripts.
• Códigos de tempo de término — obrigatórios em SRT; VTT pode inferir um fim a partir da próxima deixa, embora explícito seja mais seguro.
• Recursos extras — VTT adiciona configurações de sinalização, como posição da linha, alinhamento e marcação de texto.

Estilo e marcação segura

WebVTT permite um conjunto limitado de tags dentro de um cue — `<b>`, `<i>`, `<u>` e `<c.classname>` para classes que você estiliza com CSS via `::cue`. Qualquer outra coisa tem maior probabilidade de ser renderizada como texto literal. É também por isso que a conversão deve preservar a formatação simples quando presente e eliminar o que o formato não pode expressar, em vez de escapar da marcação para colchetes angulares visíveis.

                WEBVTT

00:00:12.500 --> 00:00:15.000 align:start
That was the point.
              

Por que é importante além da reprodução

As legendas são um requisito de acessibilidade na maioria das plataformas e também são materiais indexados: uma faixa de texto fornece aos mecanismos de pesquisa e assistentes um script legível por máquina que o áudio por si só não fornece. Um `<track kind="captions">` corretamente codificado está, portanto, cumprindo uma função dupla: cumprir a conformidade e dar ao vídeo uma presença de texto que, de outra forma, não teria.

A codificação é importante: sirva VTT como UTF-8 com um conjunto de caracteres apropriado. Um arquivo com caracteres acentuados salvo em uma codificação legada será renderizado como mojibake no player e parecerá um bug de conversão em vez de um bug de codificação.

O fluxo de trabalho prático

1. Converta SRT em VTT e verifique o primeiro e o último cue para obter os timecodes corretos.
2. Salve como UTF-8 com a extensão .vtt e sirva-o com um tipo de conteúdo text/vtt onde você controla o servidor.
3. Faça referência a ele no elemento video com `<track kind="captions" srclang="en" label="English" default>`.
4. Carregue o arquivo de legenda junto com o arquivo de vídeo para que os caminhos relativos continuem funcionando após a implantação.

Off-line e instantâneo

Arquivos de legenda são documentos de texto grandes e muitas vezes trabalhos inéditos – o script de um corte de revisão não deve ser carregado em lugar nenhum. O conversor de SRT para VTT neste site é executado no navegador, portanto, uma transcrição de duas horas é convertida em uma fração de segundo, sem sair da sua máquina.