Editor de VTT

Edite legendas WebVTT uma a uma, mantendo intactos o cabeçalho e o estilo do arquivo.

Roda no seu navegador
Sem uploads
Sem conta

Carregando a ferramenta no navegador…

O que faz: Editor de VTT

A maioria dos editores de legenda foi feita para SRT e descarta sem avisar o que o WebVTT acrescenta: o título depois de WEBVTT, os comentários NOTE, as regras STYLE, os IDs das legendas e configurações como line:0. Abra o arquivo em um deles, salve, e as legendas perdem o estilo.

Aqui cada legenda tem os campos Início, Fim, ID, Configurações e texto. As configurações são verificadas quando você sai do campo, e tudo o que um player ignoraria é sinalizado e deixado de fora. Use para pequenas correções em arquivos de legenda de que um player web ou uma plataforma de cursos já depende.

Exemplo

Entrada

WEBVTT - Onboarding

intro
00:00:01.000 --> 00:00:02.400
Que bom ter você de volta.

00:00:02.400 --> 00:00:04.000
Vamos exportar o guia.

Resultado

WEBVTT - Onboarding

intro
00:00:01.000 --> 00:00:04.000
Que bom ter você de volta.
Vamos exportar o guia.

Juntar com a seguinte une as duas legendas em uma que vai de 1,000 a 4,000 segundos e mantém o ID da primeira legenda. O título na linha WEBVTT é mantido.

Como usar: Editor de VTT

Cole o texto WebVTT ou escolha Abrir arquivo; as legendas são carregadas como cartões.
Mude Início, Fim, ID, Configurações ou o texto de uma legenda, ou use Dividir, Juntar com a seguinte, Inserir depois e Excluir.
Escolha Baixar .vtt para salvar captions-edited.vtt.

Bom saber

As configurações precisam usar a sintaxe do WebVTT, como line:0, position:10% ou align:start. As inválidas são removidas quando você sai do campo, com uma mensagem que as nomeia.
Dividir dá à segunda metade o ID da primeira legenda com -2 no fim, então step-3 vira step-3 e step-3-2. Renomeie se algum script ou folha de estilo usar os IDs das legendas.
Os blocos STYLE e NOTE são mantidos, mas não podem ser editados aqui. Mude o CSS em um editor de texto e depois cole o arquivo de volta.
Para mover muitas legendas de uma vez, use o Editor de tempos de legendas em vez de editar os tempos um por um.

Perguntas sobre Editor de VTT

Como editar um arquivo WebVTT?

Cole ou abra o arquivo .vtt, mude as legendas necessárias e baixe. O editor devolve o cabeçalho, os comentários e os blocos de estilo exatamente como estavam, então o resultado funciona no mesmo player sem mais limpeza.

Posso mudar onde uma legenda aparece na tela?

Sim. Digite uma configuração no campo Configurações da legenda, por exemplo line:0 para levá-la ao topo ou position:10% align:start para empurrá-la para a esquerda. Players com suporte a posicionamento WebVTT aplicam a configuração; alguns players incorporados a ignoram.

O que é o ID de uma legenda no WebVTT?

É um rótulo opcional na linha acima dos tempos, como intro ou step-2. Os players não o exibem, mas scripts, ferramentas de capítulos e CSS podem usá-lo para encontrar uma legenda específica. Os IDs devem ser únicos dentro de um arquivo.