Adicionar marcadores de capítulo ao vídeo

Você pode tornar seus vídeos de formulário longos mais fáceis de assistir e navegar adicionando marcadores de capítulo a vídeos individuais ou aos Conjuntos de vídeos adaptáveis. Quando um usuário reproduz o vídeo, pode clicar nos marcadores de capítulo na linha do tempo do vídeo (também conhecidos como depurador de vídeo) para navegar facilmente até o ponto de interesse, ou imediatamente para novos conteúdos, demonstrações, tutoriais e assim por diante.

OBSERVAÇÃO

O reprodutor de vídeo usado deve suportar o uso de marcadores de capítulo.

Consulte Adicionar ou editar uma predefinição do visualizador de vídeo para configurar os pontos de sinalização de navegação do capítulo e o texto pop-up do título do capítulo para o visualizador Universal_HTML5_Video (HTML5).

Consulte também Adicionar e editar predefinições do visualizador.

Você cria uma lista de capítulo para o vídeo da mesma forma que cria legendas. Ou seja, você cria um arquivo WebVTT. Observe, no entanto, que esse arquivo deve ser separado de qualquer arquivo de legenda WebVTT que você também possa estar usando; não é possível combinar legendas e capítulos em um arquivo WebVTT.

Você pode usar a seguinte amostra como exemplo do formato usado para criar um arquivo WebVTT com navegação de capítulo:

WEBVTT 
Chapter 1 
00:00.000 --> 01:04.364 
The bicycle store behind it all. 
Chapter 2 
01:04.364 --> 02:00.944 
Creative Cloud. 
Chapter 3 
02:00.944 --> 03:02.937 
Ease of management for a working solution. 
Chapter 4 
03:02.937 --> 03:35.000 
Cost-efficient access to rapidly evolving technology.

No exemplo acima, Chapter 1 é o identificador de sinalização e é opcional. A hora de sinalização de 00:00:000 --> 01:04:364 especifica a hora de início e a hora de término do capítulo, no formato 00:00:00. Os últimos três dígitos são milissegundos e podem ser deixados como 000, se preferir. O título do capítulo de The bicycle store behind it all é a descrição real do conteúdo do capítulo. O identificador de sinalização, a hora de início e o título do capítulo são exibidos em uma pop-up no reprodutor de vídeo quando um usuário passa o ponteiro do mouse sobre um ponto de sinalização visual na linha do tempo do vídeo.

Como você está usando um visualizador de vídeo HTML5, certifique-se de que o arquivo de capítulo criado siga o padrão WebVTT (Web Video Text Tracks). A extensão do nome de arquivo do capítulo é .vtt. Você pode obter mais informações sobre o padrão de legendagem WebVTT.

Consulte WebVTT: O texto da Web rastreia o formato.

Para adicionar marcadores de capítulo ao vídeo

  1. Usando um editor de texto simples fora do Dynamic Media Classic, crie seu arquivo de capítulo de vídeo.

    OBSERVAÇÃO

    Para obter suporte global a capítulos de vídeo em idiomas diferentes do inglês, esteja ciente de que o padrão WebVTT requer a criação de arquivos .vtt separados e chamadas para cada idioma que você deseja suportar.

  2. Salve o arquivo .vtt na codificação UTF8 para evitar problemas com a representação de caracteres no texto do título do capítulo.

    Geralmente, você deseja nomear o arquivo VTT do capítulo com o mesmo nome do arquivo de vídeo e anexá-lo com chapters. Ao fazer isso, ele pode ajudá-lo a automatizar a geração dos URLs de vídeo usando seu sistema de gerenciamento de conteúdo da Web existente.

  3. No Dynamic Media Classic, faça upload do arquivo de capítulo WebVTT.

    Consulte Upload de arquivos.

  4. No painel Biblioteca de ativos, à esquerda, navegue até a pasta de ativos que contém o arquivo de vídeo a ser associado ao arquivo de capítulo carregado.

  5. No painel Navegação de ativos, selecione um único ativo de vídeo e, em seguida, abaixo da imagem em miniatura do ativo, clique em Preview > Viewer List.

  6. Na tabela Lista de visualizadores , localize o visualizador HTML5 chamado Universal_HTML5_Video e siga um destes procedimentos:

    • Para obter uma experiência do visualizador de vídeo pop-up, clique em Copy URL na extremidade direita do nome.

      Anexe o URL copiado do vídeo com a seguinte sintaxe para associá-lo ao URL copiado para o arquivo de legenda:

      &navigation=*<full Copy URL path to the chapter navigation file .vtt>*

    • Para obter uma experiência de visualizador de vídeo incorporado, clique em Embed Code à direita do nome.

      Na caixa de diálogo Incorporar código , clique em Copy to Clipboard.

      Para o visualizador HTML5 Universal_HTML5_Video, anexe o código incorporado copiado com o seguinte:

      videoViewer.setParam("navigation","*<full Copy URL path to the chapter navigation file .vtt>*”

Nesta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now