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 do Dynamic Media Classic, incluindo vídeo, usando strings de URL ou código incorporado. O Dynamic Media Classic ativa essas sequências de caracteres de URL durante o processo de publicação. Para colocar a string de URL ou o código incorporado do seu vídeo em suas páginas da Web, páginas móveis e aplicativos de desktop, copie-o do Dynamic Media Classic.

Observação

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

Vídeo de publicação

A publicação de um vídeo permite que os Servidores do Dynamic Media Classic forneçam vídeo ao seu site, site móvel ou aplicativo.

Existem dois métodos diferentes que você pode usar para publicar vídeo:

  • Publique vídeos automaticamente e instantaneamente ao fazer upload

    Como parte do processo de upload de vídeo, 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, poderá publicar os vídeos manualmente a qualquer momento.

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

Para publicar vídeo

  1. Execute um dos procedimentos a seguir:

    • Para publicar vídeos automaticamente e instantaneamente no upload, na tela Upload, clique em Publicar depois de fazer upload. 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, na barra Navegação global, clique em Publicar.

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

Depois de publicar um vídeo, você pode obter o URL para uso em seu site, site móvel 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 detectados automaticamente. O vídeo apropriado é exibido para reprodução em um visualizador predefinido para desktop ou no player de vídeo nativo do dispositivo móvel para smartphones e tablets.

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

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

  1. No painel Navegação de ativos, na lista suspensa Mostrar, clique em Vídeo ou Conjunto de vídeos adaptáveis.

  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 procedimentos a seguir:

    • Clique em Visualização de grade ou Visualização de Lista. No painel Navegação de ativos, clique com o duplo na miniatura de vídeo de um único ativo para abri-lo na Visualização Detalhe. No painel URLs e Código incorporado à direita, em HTTP Streaming, clique em Copiar URL à direita do visualizador desejado. Como prática recomendada, copie o URL associado ao Universal_HTML5_Video visualizador.

    • Clique em Visualização de grade. No painel Navegação de ativos, selecione um único ativo e, abaixo da imagem em miniatura, clique em Pré-visualização > Lista do visualizador.

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

    • Clique em Lista. No painel Navegação de ativos, selecione um único ativo e, à direita da imagem em miniatura, clique em Pré-visualização > Lista do visualizador.

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

    • Clique em Visualização ​de grade, Visualização de Lista ou Visualização ​detalhada. Na mesma barra de ferramentas, clique em Pré-visualização > Lista do visualizador.

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

  4. Cole o link do URL do vídeo HTML5 em 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 móvel ou 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 Vídeo ou Conjunto de vídeos adaptáveis.

  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 cujo código de incorporação você deseja copiar.

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

    • Clique em Visualização de grade ou Visualização de Lista. No painel Navegação de ativos, clique com o duplo na miniatura de vídeo de um único ativo para abri-lo na Visualização Detalhe. No painel URLs e Código incorporado à direita, em HTTP Streaming (Streaming HTTP), clique em Incorporar código à direita do visualizador desejado. Como prática recomendada, clique em Incorporar código associado ao Universal_HTML5_Video visualizador.

    • Clique em Visualização de grade. No painel Navegação de ativos, selecione um único ativo e, abaixo da imagem em miniatura do vídeo, clique em Pré-visualização > Lista do visualizador.

      Na página Lista do visualizador, na coluna Ações da tabela, clique em Incorporar código. Como prática recomendada, clique em Incorporar código associado ao Universal_HTML5_Video visualizador.

    • Clique em Lista. No painel Navegação de ativos, selecione um único ativo e, à direita da imagem em miniatura, clique em Pré-visualização > Lista do visualizador.

      Na página Lista do visualizador, na coluna Ações da tabela, clique em Incorporar código. Como prática recomendada, clique em Incorporar código associado ao Universal_HTML5_Video visualizador.

    • Clique em Visualização ​de grade, Visualização de Lista ou Visualização ​detalhada. Na mesma barra de ferramentas, clique em Pré-visualização > Lista do visualizador.

      Na página Lista do visualizador, na coluna Ações da tabela, clique em Incorporar código. Como prática recomendada, clique em Incorporar código associado ao Universal_HTML5_Video visualizador.

  4. Na caixa de diálogo Incorporar código, clique em Copiar para a área de transferência.

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

  5. Clique em Fechar.

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

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

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

<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>
  • Substitua "S7 video thumbnail URL" pelo URL da miniatura do vídeo. Esta é a imagem em miniatura do vídeo que um usuário vê antes de reproduzir o vídeo.

    Consulte Obtendo URLsde miniatura de vídeo.

  • Substitua "S7 OGG video asset URL (no player)" pelo URL progressivo do vídeo para o vídeo OGG.

    Consulte Vincular um URL de vídeo a um sitemóvel ou móvel.

  • Substitua "S7 MP4 mobile progressive video asset URL (no player)" pelo URL progressivo móvel do vídeo.

    Consulte Vincular um URL de vídeo a um sitemóvel ou móvel.

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

Se você usar um player de vídeo de terceiros ou um player de vídeo personalizado criado em vez de um visualizador de vídeo do Dynamic Media Classic, você pode obter o URL de vídeo direto que funciona para streaming de vídeo com vários bits HLS ou download progressivo.

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

  1. No Dynamic Media Classic, na barra de navegação global, clique em Configuração > Configuração ​do aplicativo > Configurações ​gerais.
  2. Dependendo do tipo de URL que você deseja usar, execute uma das seguintes tarefas:
  • Para gerar um URL de vídeo de transmissão direta HLS (multi-bitrate)

    Na página Configurações gerais do aplicativo, no grupo Servidores , no campo de texto Nome do servidor publicado, crie o URL direto usando a seguinte sintaxe: server/is/content/company/folder/filename.m3u8
    Por exemplo, suponha que o nome do servidor publicado esteja https://s7d9.scene7.com/. usando a sintaxe na etapa 2, o URL direto pode ser semelhante ao seguinte:
    https://s7d9.scene7.com/is/content/GeoRetail/AdobeRIA-AVS.m3u8

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

    Na página Configurações gerais do aplicativo, no grupo Servidores , no campo de texto Nome do servidor de streaming HLS, crie o URL direto usando a seguinte sintaxe:
    server/company/folder/filename.ext.m3u8
    Por exemplo, suponha que o nome do servidor de streaming 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 Configurações gerais do aplicativo, no grupo Servidores , no campo de texto Nome do servidor de vídeo progressivo, crie 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 que o Dynamic Media Classic gera e implantar esses URLs fora do Dynamic Media Classic. Por exemplo, você pode implantar as miniaturas em resultados de pesquisa, listagens de vídeo 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 visualização da Lista e na visualização da 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, você pode obter URLs de miniatura de vídeo na Visualização Detalhe nos URLs e no painel Código incorporado. Clique em Copiar 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 que aparece 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.

É possível 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 digite modificadores na seção Modificadores de imagem de pôster.

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

Consulte www.adobe.com/go/learn_s7_image_server_guide_en.

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

Nesta página