Adicionar marcadores de capítulo ao vídeo adding-chapter-markers-to-video
Você pode facilitar a visualização e a navegação dos vídeos de formulário longo adicionando marcadores de capítulo a vídeos únicos ou aos Conjuntos de vídeos adaptados. Quando um usuário reproduz o vídeo, ele pode selecionar os marcadores de capítulo na linha do tempo do vídeo (também conhecido como depurador do vídeo). Isso permite que eles naveguem facilmente para o ponto de interesse ou acessem imediatamente novos conteúdos, demonstrações, tutoriais e assim por diante.
Consulte Adicionar ou editar uma predefinição do visualizador de vídeo se desejar 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.
Uma lista de capítulos é criada para o vídeo da mesma maneira que as 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 inicial e final do capítulo, no formato 00:00:000. 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, o tempo de sinalização inicial e o título do capítulo são exibidos em um pop-up no reprodutor de vídeo quando o ponteiro é posicionado 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 segue o padrão WebVTT (Rastreamento de texto de vídeo da Web). A extensão de nome de arquivo do capítulo é .VTT
. Você pode obter mais informações sobre o padrão de legendagem WebVTT.
Consulte WebVTT: O Formato de Rastreamento de Texto de Vídeo da Web.
Para adicionar marcadores de capítulo a um vídeo:
-
Usando um editor de texto simples fora do Adobe Dynamic Media Classic, crie seu arquivo de capítulo de vídeo.
note note NOTE Para suporte global de capítulos de vídeo em idiomas diferentes do inglês, o padrão WebVTT exige a criação de .VTT
arquivos e chamadas separados para cada idioma ao qual você deseja oferecer suporte. -
Salve o arquivo VTT na codificação UTF8 para que você possa evitar problemas com a representação de caracteres no texto do título do capítulo.
Geralmente, você deseja nomear o arquivo de VTT do capítulo com o mesmo nome do arquivo de vídeo e anexá-lo com
chapters
. Ao fazer isso, ele pode ajudar você a automatizar a geração dos URLs de vídeo usando seu sistema existente de gerenciamento de conteúdo da Web. -
No Adobe Dynamic Media Classic, carregue seu arquivo de capítulo WebVTT.
Consulte Carregar arquivos.
-
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 que você carregou.
-
No painel Navegar por ativos, selecione um único ativo de vídeo e, abaixo da imagem em miniatura do ativo, selecione Preview > Viewer List.
-
Na tabela Lista do Visualizador, localize o visualizador do HTML5 chamado Universal_HTML5_Video e execute um dos procedimentos a seguir:
-
Para uma experiência de visualizador de vídeo pop-up, selecione Copy URL na extremidade direita do nome.
Anexe o URL copiado do vídeo com a seguinte sintaxe para que você possa associá-lo ao URL copiado para o seu arquivo de legenda:
&navigation=*<full Copy URL path to the chapter navigation file .vtt>*
-
Para uma experiência de visualizador de vídeo incorporado, selecione Embed Code na extremidade direita do nome.
Na caixa de diálogo Incorporar código, selecione Copy to Clipboard.
Para o visualizador do 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>*"
-