Estrutura WebVTT correta
Cada ficheiro abre com o cabeçalho WEBVTT e põe um ponto antes dos milissegundos, dois detalhes fáceis de falhar numa conversão manual.
Crie legendas WebVTT para a web, a partir de uma transcrição que já verificou.
O AutoCap transcreve o seu vídeo, permite corrigir cada palavra e cada tempo e escreve um ficheiro .vtt válido, já com o cabeçalho WEBVTT.
Sem cartão de crédito · 2 minutos grátis por mês · Exportação MP4, SRT e VTT
WEBVTT 00:00:01.200 --> 00:00:03.400Um ficheiro de legendas só vale 00:00:03.400 --> 00:00:05.100o que valem os seus tempos. 00:00:05.300 --> 00:00:07.050Estes foram revistos.
O WebVTT é o formato de legendas que o elemento track do HTML lê, o que faz dele o formato que o leitor de vídeo integrado do navegador entende. Se o seu vídeo é reproduzido no seu próprio site ou dentro de um curso online, é normalmente deste ficheiro que precisa.
Um ficheiro VTT é quase igual a um SRT, e é dessa semelhança que nascem os ficheiros com erros: falta a linha de cabeçalho, ou ficam vírgulas nas marcas de tempo depois de um localizar e substituir à pressa. O AutoCap escreve bem os dois pormenores, a partir de uma transcrição que já comparou com o vídeo.
Ficheiros WebVTT feitos para o navegador.
Blocos com os tempos das palavras revistas
O início e o fim de cada bloco vêm da sincronização palavra a palavra que verificou, por isso as legendas aparecem com a fala e não antes dela.
Pronto para o elemento track
Referencie o ficheiro num <track> HTML5 e o leitor do próprio navegador mostra as legendas, sem plugins.
Um SRT do mesmo projeto
Transfira também um SRT para o YouTube ou para um programa de edição; as palavras e os tempos coincidem exatamente com os do VTT.
Blocos simples que pode expandir
Os blocos são escritos sem posicionamento nem estilos, por isso pode acrescentar definições de bloco ou CSS ::cue para o seu leitor sem ter de desfazer nada.
Crie um ficheiro VTT em quatro passos.
- 01
Carregue o vídeo original
Use um MP4 ou MOV; é a faixa de áudio que é transcrita.
- 02
Reveja durante a reprodução
Veja o vídeo com as legendas a correr e corrija nomes, números e expressões mal ouvidas.
- 03
Ajuste os limites dos blocos
Divida ou junte linhas de legenda para que cada bloco contenha uma expressão legível, e ajuste o tempo de qualquer palavra desfasada.
- 04
Transfira o .vtt
Exporte o ficheiro WebVTT num plano pago e depois referencie-o no seu leitor ou carregue-o na sua plataforma.
O que contém um ficheiro WebVTT
O WebVTT, abreviatura de Web Video Text Tracks, é uma especificação do W3C. Um ficheiro é texto simples em UTF-8 que tem de começar com a palavra WEBVTT, seguida de uma linha em branco e depois de uma série de blocos.
Cada bloco tem um identificador opcional, uma linha de tempos e o texto da legenda. As marcas de tempo põem um ponto antes dos milissegundos e podem omitir as horas, e um bloco que começa por NOTE é um comentário que os espectadores nunca veem.
WEBVTT NOTE Cue identifiers are optional 00:00:01.200 --> 00:00:03.400 Web players read this format natively. 00:00:03.600 --> 00:00:05.900 The header line always comes first.
Definições de bloco e estilos com ::cue
O WebVTT consegue posicionar e estilizar legendas de formas que o SRT não consegue. Depois das marcas de tempo numa linha de tempos, as definições de bloco opcionais (cue settings) controlam a disposição: line move um bloco para cima ou para baixo no enquadramento, position e size definem onde fica a caixa na horizontal e qual a sua largura, e align define o alinhamento do texto dentro dessa caixa.
Os estilos ficam no CSS. O pseudoelemento ::cue permite a uma página web definir a cor, o fundo e a fonte das legendas no seu leitor de vídeo, e ::cue() com um seletor pode visar blocos individuais.
O AutoCap escreve blocos simples e deixa o posicionamento a cargo do leitor. Acrescente definições ou CSS à mão se o seu site precisar.
- line:10% — sobe o bloco para perto do topo do vídeo
- position:20% — desloca a caixa do bloco para a esquerda
- size:50% — estreita a caixa do bloco para metade da largura do vídeo
- align:start — alinha o texto pelo início de cada linha
video::cue {
color: #ffffff;
background-color: rgb(0 0 0 / 0.7);
font-family: system-ui, sans-serif;
}Quando o ficheiro certo é um VTT
Opte pelo WebVTT sempre que for um navegador a carregar as legendas. O vídeo HTML5 alojado no seu próprio servidor recebe-o através do elemento track, como no excerto abaixo, e os leitores construídos sobre esse elemento geralmente também o esperam.
Noutros sítios, costuma ser uma opção entre várias. O Canvas Studio aceita carregamentos de legendas em SRT e em VTT, e o YouTube inclui o WebVTT entre os formatos suportados, embora as suas páginas de ajuda encaminhem os principiantes para o SRT.
Já tem um SRT? Converta-o em vez de gerar as legendas outra vez.
<video controls src="lesson.mp4"> <track kind="captions" src="lesson.vtt" srclang="en" label="English" default> </video>
Bom saber.
O que é um ficheiro VTT?
Um ficheiro WebVTT (.vtt) é um ficheiro de legendas em texto simples para vídeo na web. Começa com um cabeçalho WEBVTT, lista blocos com tempos e é o formato usado pelo elemento track do HTML.
O ficheiro VTT inclui posicionamento ou estilos?
Não. O AutoCap escreve blocos padrão com tempos precisos e sem definições de bloco, por isso cada leitor aplica o seu próprio estilo de legenda, a menos que acrescente definições ou CSS por conta própria.
Porque é que o meu ficheiro VTT não aparece no navegador?
Confirme que a primeira linha é exatamente WEBVTT e que as marcas de tempo usam pontos e não vírgulas. Um ficheiro alojado num domínio diferente do da página também precisa de cabeçalhos CORS e de um atributo crossorigin no elemento video.
Posso obter um ficheiro VTT grátis?
A transferência de VTT está incluída em todos os planos pagos, a partir de $9 por mês. Se já tem um SRT, o conversor de SRT para VTT é gratuito e funciona no seu navegador.
Posso voltar a converter o VTT em SRT?
Sim. Transfira o SRT do mesmo projeto num plano pago ou passe o VTT pelo conversor gratuito de VTT para SRT.
Experimente no próximo vídeo que publicar.
O plano gratuito não pede cartão. Carregue um clipe, confira as legendas e só mude de plano quando quiser tirar a marca de água.