Implantação de vídeo em seus sites e sites móveis

Sites, sites móveis e aplicativos de desktop acessam o conteúdo do servidor Dynamic Media Classic, incluindo vídeo, usando strings de URL ou código incorporado. O Dynamic Media Classic ativa essas cadeias de caracteres de URL durante o processo de publicação. Para colocar a string do URL ou o código incorporado do vídeo nas páginas da Web, páginas móveis e aplicativos de desktop, copie-o do Dynamic Media Classic.

OBSERVAÇÃO

O URL ou código incorporado não fica ativo até que você publique o ativo.

Publicação de vídeo

A publicação de um vídeo permite que os servidores Dynamic Media Classic forneçam vídeo ao seu site, site para dispositivos móveis ou aplicativo.

Há dois métodos diferentes que você pode usar para publicar vídeos:

  • Publicar vídeos automaticamente e instantaneamente no upload - Como parte do processo de upload de vídeos, o Dynamic Media Classic pode publicar vídeos automaticamente quando eles forem carregados e codificados. Essa capacidade de publicar instantaneamente significa que não há necessidade de publicar vídeos separadamente após o fato.

  • Publicar vídeo manualmente após o upload - se você não quiser publicar vídeos imediatamente, publique vídeos manualmente a qualquer momento.

Após publicar vídeos, o Dynamic Media Classic ativa as cadeias de caracteres do URL para sua página HTML ou código do aplicativo.

Para publicar vídeo:

  1. Siga um destes procedimentos:

    • Para publicar vídeos automaticamente e instantaneamente no upload, na página Upload , clique em Publish after uploading. Você terminou; não há outras etapas a serem concluídas.
    • Para publicar vídeos manualmente após o upload, no Painel de navegação, selecione os vídeos e, em seguida, na barra Navegação global, clique em Publicar.

Vincular um URL de vídeo a um site móvel ou

Após publicar um vídeo, você pode obter o URL para uso no seu site, site para dispositivos móveis ou aplicativo de desktop. Use o URL do vídeo quando quiser exibir o vídeo em uma janela pop-up ou modal na parte superior da página da Web.

Quando um cliente clica no link, o dispositivo, a largura de banda e o tamanho da tela são automaticamente detectados. O vídeo apropriado é exibido para reprodução em um visualizador predefinido para desktop ou no reprodutor de vídeo nativo do dispositivo móvel para smartphones e tablets.

Consulte também Incorporar o visualizador de vídeo em uma página da Web.

Para vincular um URL de vídeo a um site para dispositivos móveis ou a um site:

  1. No painel Navegação de ativos , na lista suspensa Show, clique em Video ou Adaptive Video Set.

  2. no painel Biblioteca de ativos, à esquerda, navegue até a pasta de ativos que contém o vídeo ou o conjunto de vídeos adaptáveis que você deseja vincular.

  3. Acima do painel Navegação de ativos , no lado direito da barra de ferramentas, execute um dos seguintes procedimentos:

    • Clique em Grid View ou List View. No painel Navegação de ativos, clique duas vezes na miniatura de vídeo de um único ativo para abri-lo na Exibição de detalhes. No painel URLs e Código incorporado à direita, em HTTP Streaming (Transmissão HTTP), clique em Copy URL à direita do visualizador desejado. Como prática recomendada, copie o URL associado ao visualizador Universal_HTML5_Video.

    • Clique em Grid View. No painel Navegação de ativos, selecione um único ativo e, abaixo da imagem em miniatura, clique em Preview > Viewer List.

      Na página Lista de visualizadores , na coluna Ações da tabela, clique em Copy URL. Como prática recomendada, copie o URL associado ao visualizador Universal_HTML5_Video.

    • Clique em List View. No painel Navegação de ativos , selecione um único ativo e, à direita da imagem em miniatura, clique em Preview > Viewer List.

      Na página Lista de visualizadores , na coluna Ações da tabela, clique em Copy URL. Como prática recomendada, copie o URL associado ao visualizador Universal_HTML5_Video.

    • Clique em Grid View, List View ou Detail View. Na mesma barra de ferramentas, clique em Preview > Viewer List.

      Na página Lista de visualizadores , na coluna Ações da tabela, clique em Copy URL. Como prática recomendada, copie o URL associado ao visualizador Universal_HTML5_Video.

  4. Cole o link HTML5 video URL no seu site e site móvel.

Incorporação do visualizador de vídeo em uma página da Web

Use o recurso Incorporar código quando quiser reproduzir o vídeo incorporado na página da Web. Copie o código incorporado na área de transferência para poder colá-lo nuas páginas da Web. A edição do código não é permitida na caixa de diálogo Incorporar código.

Consulte também Vincular um URL de vídeo a um site para dispositivos móveis ou a um site.

Para incorporar o visualizador de vídeo em uma página da Web:

  1. No painel Navegação de ativos , na lista suspensa Mostrar , clique em Video ou Adaptive Video Set.

  2. no painel Biblioteca de ativos, à esquerda, navegue até a pasta de ativos que contém o vídeo ou conjunto de vídeos adaptáveis cujo código incorporado você deseja copiar.

  3. Acima do painel Navegação de ativos , no lado direito da barra de ferramentas, execute um dos seguintes procedimentos:

    • Clique em Grid View ou List View. No painel Navegação de ativos, clique duas vezes na miniatura de vídeo de um único ativo para abri-lo na Exibição de detalhes. No painel URLs e Código incorporado à direita, em HTTP Streaming (Transmissão HTTP), clique em Embed Code à direita do visualizador desejado. Como prática recomendada, clique em Embed Code que está associado ao visualizador Universal_HTML5_Video.

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

      Na página Lista de visualizadores , na coluna Ações da tabela, clique em Embed Code. Como prática recomendada, clique em Embed Code que está associado ao visualizador Universal_HTML5_Video.

    • Clique em List View. No painel Navegação de ativos , selecione um único ativo e, à direita da imagem em miniatura, clique em Preview > Viewer List.

      Na página Lista de visualizadores , na coluna Ações da tabela, clique em Embed Code. Como prática recomendada, clique em Embed Code que está associado ao visualizador Universal_HTML5_Video.

    • Clique em Grid View, List View ou Detail View. Na mesma barra de ferramentas, clique em Preview > Viewer List.

      Na página Lista de visualizadores , na coluna Ações da tabela, clique em Embed Code. Como prática recomendada, clique em Embed Code que está associado ao visualizador Universal_HTML5_Video.

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

    A edição do código não é permitida na caixa de diálogo Incorporar código .

  5. Clique em Close.

  6. Cole o código incorporado nas páginas da Web.

Implementação do código incorporado para usar vídeo HTML5 com ativos de vídeo MP4

Se você não usar o reprodutor de vídeo HTML5 do Dynamic Media Classic, mas quiser usar a tag HTML5 nativa <video> com ativos de vídeo MP4, poderá usar a seguinte amostra de código integrado:

<video poster="S7 video thumbnail URL" controls> 
        <source src="S7 OGG video asset URL (no player)" type='video/ogg; codecs="theora, vorbis"'/> 
        <source src="S7 MP4 mobile progressive video asset URL (no player)" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'/> 
        <p>This is fallback content</p> 
</video>

Implantação de vídeo usando um reprodutor de vídeo de terceiros

Se você usar um reprodutor de vídeo de terceiros ou um reprodutor de vídeo personalizado em vez de um visualizador de vídeo do Dynamic Media Classic, poderá obter o URL do vídeo direto que funciona para streaming de vídeo com taxa de bits múltipla HLS ou download progressivo.

Para implantar vídeo usando um reprodutor de vídeo de terceiros:

  1. No Dynamic Media Classic, na barra Navegação global, clique em Setup > Application Setup > General Settings.
  2. Dependendo do tipo de URL que deseja usar, execute uma das seguintes tarefas:
  • Para gerar um URL de vídeo de transmissão direta de HLS (taxa de bits múltipla)

    Na página Application General Settings, no grupo Servers, no campo de texto Published Server Name, construa o URL direto. Use a seguinte sintaxe: server/is/content/company/folder/filename.m3u8

    Por exemplo, suponha que o nome do servidor Publicado seja https://s7d9.scene7.com/. Usando a sintaxe na etapa 2, o URL direto poderia ter a seguinte aparência:
    https://s7d9.scene7.com/is/content/GeoRetail/AdobeRIA-AVS.m3u8

  • Para gerar um URL de vídeo de transmissão direta de HLS (taxa de bits única)

    Na página Application General Settings, no grupo Servers, no campo de texto HLS Streaming Server Name, construa o URL direto usando a seguinte sintaxe:

    server/company/folder/filename.ext.m3u8

    Por exemplo, suponha que o nome do servidor de transmissão HLS seja https://s7mbrstream.scene7.com/hls-vod/. Usando a sintaxe na etapa 2, o URL direto pode ser semelhante ao seguinte:
    https://s7mbrstream.scene7.com/hls-vod/GeoRetail/MBR/ToyStory3\_Teaser1\_High\_iPad\_768x432\_1296K.mp4.m3u8

  • Para gerar um URL de vídeo progressivo direto

    Na página Application General Settings, no grupo Servers, no campo de texto Progressive Video Server Name, construa o URL direto do eVideo usando a seguinte sintaxe:

    server/company/folder/filename

    Por exemplo, suponha que o nome do servidor de vídeo progressivo seja https://s7d9.scene7.com/is/content/. Usando a sintaxe na etapa 2, o URL direto pode ser semelhante ao seguinte:
    https://s7d9.scene7.com/e2/GeoRetail/SourceVideo/outdoors.mp4

Trabalhar com miniaturas de vídeo

O Dynamic Media Classic gera miniaturas para vídeos codificados e vídeos pré-codificados. Você pode usar miniaturas de vídeo como qualquer ativo de imagem. Além disso, você pode obter URLs para as miniaturas de vídeo geradas pelo Dynamic Media Classic e implantar esses URLs fora do Dynamic Media Classic. Por exemplo, você pode implantar as miniaturas em resultados de pesquisa, listas de vídeos relacionadas e listas de reprodução de vídeo em um site.

As miniaturas são geradas com base no primeiro quadro heterogêneo (não um quadro totalmente preto, ou um quadro totalmente branco, e assim por diante) do vídeo.

Obter URLs de miniatura de vídeo

O Dynamic Media Classic gera miniaturas de vídeo automaticamente durante o processo de upload. As miniaturas são exibidas no painel Procurar na exibição em Lista e na exibição em Grade.

Para gerar URLs para miniaturas de vídeo, execute uma operação de publicação.

Consulte Publicação de vídeo.

Após a publicação, é possível obter os URLs de miniatura do vídeo na Exibição de detalhes nos URLs e no painel Código incorporado . Clique em Copy URL à direita da miniatura do vídeo para copiar o URL.

Modificação de quadros de pôster em visualizadores de vídeo

O quadro de pôster é o quadro inicial exibido nos visualizadores de Vídeo antes da reprodução do vídeo. O Dynamic Media Classic usa miniaturas de vídeo como quadros de pôster.

Você pode aplicar modificadores de imagem ao quadro de pôster. Por exemplo, você pode cortar o quadro do pôster ou torná-lo transparente. Para modificar o quadro de pôster, abra a tela de configuração do visualizador de vídeo e insira modificadores na seção Poster Image Modifiers .

Consulte Adicionar ou editar uma predefinição do visualizador de vídeo.

Consulte Guia de disponibilização de imagens.

Também é possível modificar as miniaturas de vídeo ao anexar modificadores aos URLs de miniatura de vídeo.

Nesta página