Adição de ativos do Dynamic Media a páginas

Para adicionar a funcionalidade do Dynamic Media aos ativos usados em seus sites, você pode adicionar o componente Dynamic Media ou Interative Media diretamente na página. Para fazer isso, entre no modo Design e ative os componentes de mídia dinâmica. Em seguida, adicione esses componentes à página e adicionar ativos ao componente. A mídia dinâmica e os componentes de mídia interativa são inteligentes: eles sabem se você está adicionando uma imagem ou um vídeo, e as opções disponíveis mudam de acordo.

Você adiciona ativos de mídia dinâmica diretamente à página se estiver usando AEM como seu WCM.

OBSERVAÇÃO

Os mapas de imagem estão disponíveis imediatamente para banners de carrossel.

Adicionar um componente Dynamic Media a uma página

Adicionar o componente Dynamic Media ou Interative Media a uma página é o mesmo que adicionar um componente a qualquer página. Os componentes Dynamic Media e Interative Media são descritos detalhadamente nas seções a seguir.

Para adicionar um componente/visualizador de mídia dinâmica a uma página:

  1. No AEM, abra a página à qual você deseja adicionar o componente Mídia dinâmica.

  2. Se nenhum componente Dynamic Media estiver disponível, clique na régua no Sidekick para entrar no modo Design, clique em Editar parsys e selecione Dynamic Media para disponibilizar os componentes Dynamic Media.

    OBSERVAÇÃO

    Para obter mais informações, Consulte Configuração dos componentes no modo de Design.

  3. Volte para o modo Editar clicando no ícone de lápis no Sidekick.

  4. Arraste o componente Dynamic Media ou Interative Media do grupo Outros no sidekick para a página no local desejado.

  5. Clique em Editar para abrir o componente.

  6. Edite o componente conforme necessário e clique em OK para salvar as alterações.

Componentes de mídia dinâmica

A Dynamic Media e a Interative Media estão disponíveis no Sidekickunder Dynamic Media. Você usa o componente Mídia interativa para quaisquer ativos interativos, como vídeo interativo, imagens interativas ou conjuntos de carrossel. Para todos os outros componentes de mídia dinâmica, use o componente Mídia dinâmica.

chlimage_1-71

OBSERVAÇÃO

Esses componentes não estão disponíveis por padrão e precisam ser selecionados no modo de Design antes de serem usados. Depois que eles forem disponibilizados no modo de Design, você poderá adicionar os componentes à sua página como faria com qualquer outro componente do AEM.

Componente Mídia dinâmica

O componente Dynamic Media é inteligente — dependendo se você adicionar uma imagem ou um vídeo, você terá várias opções. O componente oferece suporte a predefinições de imagem, visualizadores baseados em imagem, como conjuntos de imagens, conjuntos de rotação, conjuntos de mídia mista e vídeo. Além disso, o visualizador responde. Ou seja, o tamanho da tela muda automaticamente com base no tamanho da tela. Todos os visualizadores são baseados em HTML5.

OBSERVAÇÃO

Quando você adicionar o componente Dynamic Media e Configurações do Dynamic Media estiver em branco ou não puder adicionar um ativo corretamente, verifique o seguinte:

  • Você ativou a Mídia dinâmica. As mídias dinâmicas são desativadas por padrão.
  • A imagem tem um arquivo tiff de pirâmide. As imagens importadas antes de a mídia dinâmica ser ativada não possuem um arquivo tiff de pirâmide.

Ao trabalhar com imagens

O componente Dynamic Media permite que você adicione imagens dinâmicas, incluindo conjuntos de imagens, conjuntos de rotação e conjuntos de mídia mista. Você pode ampliar, reduzir e, se aplicável, transformar uma imagem em um conjunto de giro ou selecionar uma imagem de outro tipo de conjunto.

Você também pode configurar a predefinição do visualizador, a predefinição da imagem ou o formato da imagem diretamente no componente. Para tornar uma imagem responsiva, você pode definir os pontos de interrupção ou aplicar uma predefinição de imagem responsiva.

chlimage_1-72

Você pode editar as seguintes configurações do Dynamic Media clicando em Editar no componente e clicando na guia Configurações do Dynamic Media.

chlimage_1-73

OBSERVAÇÃO

Por padrão, o componente de imagem do Dynamic Media é adaptável. Se desejar torná-lo um tamanho fixo, defina-o no componente na guia Avançado com as propriedades Largura e Altura.

Predefinição do visualizador - selecione uma predefinição do visualizador existente no menu suspenso. Se a predefinição de visualizador que você está procurando não estiver visível, pode ser necessário torná-la visível. Consulte Gerenciar predefinições do visualizador. Não é possível selecionar uma predefinição de visualizador se você estiver usando uma predefinição de imagem e vice-versa.

Essa será a única opção disponível se você estiver visualizando conjuntos de imagens, conjuntos de rotação ou conjuntos de mix de mídia. As predefinições do visualizador exibidas também são inteligentes - somente as predefinições do visualizador relevantes são exibidas.

Predefinição de imagem - selecione uma predefinição de imagem existente no menu suspenso. Se a predefinição de imagem que você está procurando não estiver visível, pode ser necessário torná-la visível. Consulte Gerenciar predefinições de imagens. Não é possível selecionar uma predefinição de visualizador se você estiver usando uma predefinição de imagem e vice-versa.

Essa opção não estará disponível se você estiver visualizando conjuntos de imagens, conjuntos de rotação ou conjuntos de mix de mídia.

Modificadores de imagem - É possível alterar os efeitos de imagem fornecendo comandos de imagem adicionais. Estes estão descritos em Gerenciar predefinições de imagens e Referência de comando.

Essa opção não estará disponível se você estiver visualizando conjuntos de imagens, conjuntos de rotação ou conjuntos de mix de mídia.

Pontos de interrupção - se você estiver usando esse ativo em um site responsivo, é necessário adicionar os pontos de interrupção da página. Os pontos de interrupção da imagem precisam ser separados por vírgulas (,). Essa opção funciona quando não há altura ou largura definida em uma predefinição de imagem.

Essa opção não estará disponível se você estiver visualizando conjuntos de imagens, conjuntos de rotação ou conjuntos de mix de mídia.

Você pode editar as seguintes Configurações avançadas clicando em Editar no componente.

Título - Altere o título da imagem.

Texto alternativo - Adicione um título à imagem para os usuários que tiverem gráficos desativados.

Essa opção não estará disponível se você estiver visualizando conjuntos de imagens, conjuntos de rotação ou conjuntos de mix de mídia.

URL, Abrir - você pode definir um ativo de para abrir um link. Defina URL e Abrir em para indicar se deseja que ele seja aberto na mesma janela ou em uma nova janela.

Essa opção não estará disponível se você estiver visualizando conjuntos de imagens, conjuntos de rotação ou conjuntos de mix de mídia.

Largura e altura - insira o valor em pixels se desejar que a imagem tenha um tamanho fixo. Deixar esses valores em branco torna o recurso adaptável.

Ao trabalhar com vídeo

Use o componente Dynamic Media para adicionar vídeo dinâmico às suas páginas da Web. Ao editar o componente, você pode optar por usar uma predefinição de visualizador de vídeo predefinida para reproduzir o vídeo na página.

chlimage_1-74

Você pode editar as seguintes Configurações do Dynamic Media clicando em Editar no componente.

OBSERVAÇÃO

Por padrão, o componente de vídeo Mídia dinâmica é adaptável. Se desejar torná-lo um tamanho fixo, defina-o no componente com Largura e Altura na guia Avançado.

Predefinição do visualizador - selecione uma predefinição do visualizador de vídeo existente no menu suspenso. Se a predefinição de visualizador que você está procurando não estiver visível, pode ser necessário torná-la visível. Consulte Gerenciar predefinições do visualizador.

Você pode editar as seguintes configurações de Avançado clicando em Editar no componente.

Título - Altere o título do vídeo.

Largura e altura - insira o valor em pixels se desejar que o vídeo tenha um tamanho fixo. Deixar esses valores em branco faz com ele que seja adaptável.

Como fornecer vídeos seguros

No AEM 6.2, ao instalar FP-13480, você pode controlar se um vídeo é entregue por meio de uma conexão SSL segura (HTTPS) ou por uma conexão não segura (HTTP). Por padrão, o protocolo de entrega de vídeo é herdado automaticamente do protocolo da página da web de incorporação. Se a página da web for carregada via HTTPS, o vídeo também será entregue via HTTPS. E vice-versa, se a página da web estiver em HTTP, o vídeo será entregue via HTTP. Na maioria dos casos, esse comportamento padrão é satisfatório, e não há necessidade de fazer alterações na configuração. No entanto, você pode substituir esse comportamento padrão anexando VideoPlayer.ssl=on ao final de um caminho de URL ou à lista de outros parâmetros de configuração do visualizador em um trecho de código de incorporação, para forçar a entrega segura de vídeos.

Para obter mais informações sobre a entrega segura de vídeos e o uso do atributo de configuração VideoPlayer.ssl no caminho do URL, consulte Entrega de vídeo seguro no Guia de referência de visualizadores. Além do visualizador de vídeo, o delivery de vídeo seguro está disponível para o visualizador de mídia mista e o visualizador de vídeo interativo.

Componente Mídia interativa

O componente Mídia interativa é para ativos que possuem interatividade em pontos de acesso ou mapas de imagem. Se você tiver uma imagem interativa, um vídeo interativo ou um banner de carrossel, use o componente Mídia interativa.

O componente Interative Media é inteligente - dependendo se você adicionar uma imagem ou um vídeo, você terá várias opções. Além disso, o visualizador responde. Ou seja, o tamanho da tela muda automaticamente com base no tamanho da tela. Todos os visualizadores são baseados em HTML5.

chlimage_1-75

É possível editar as seguintes configurações Gerais clicando em Editar no componente.

Predefinição do visualizador - selecione uma predefinição do visualizador existente no menu suspenso. Se a predefinição de visualizador que você está procurando não estiver visível, pode ser necessário torná-la visível. As Predefinições do visualizador devem ser publicadas para poderem ser usadas. Consulte Gerenciar predefinições do visualizador.

Título - Altere o título do vídeo.

Largura e altura - insira o valor em pixels se desejar que o vídeo tenha um tamanho fixo. Deixar esses valores em branco faz com ele que seja adaptável.

É possível editar as seguintes configurações de Adicionar ao carrinho clicando em Editar no componente.

Mostrar ativo do produto - por padrão, esse valor é selecionado. O ativo do produto mostra uma imagem do produto, conforme definido no módulo Comércio. Limpe a marca de seleção para não mostrar o ativo do produto.

Mostrar preço do produto - Por padrão, esse valor é selecionado. O preço do produto mostra o preço do item, conforme definido no módulo Comércio. Limpe a marca de seleção para não mostrar o preço do produto.

Mostrar formulário do produto - Por padrão, esse valor não está selecionado. O Formulário de produto inclui quaisquer variantes de produto, como tamanho e cor. Limpe a marca de seleção para não mostrar as variantes do produto.

Nesta página