Show Menu
TÓPICOS×

Adding Dynamic Media assets to pages

To add the Dynamic Media functionality to assets you use on your websites, you can add the Dynamic Media or Interactive Media component directly on the page. You do this by entering Design mode and enabling the dynamic media components. Em seguida, você pode adicionar 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 o AEM como seu WCM.
Os mapas de imagem estão disponíveis imediatamente para banners de carrossel.

Adding a Dynamic Media component to a page

Adding the Dynamic Media or Interactive Media component to a page is the same as adding a component to any page. The Dynamic Media and Interactive Media components are described in detail in the following sections.
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. If no Dynamic Media component is available, click the ruler in the Sidekick to enter Design mode, click Edit parsys, and select Dynamic Media to make the Dynamic Media components available.
    Para obter mais informações, Consulte Configuração dos componentes no modo de Design .
  3. Return to Edit mode by clicking the pencil icon in the Sidekick.
  4. Drag the Dynamic Media or Interactive Media component from the Other group in the sidekick onto the page in the desired location.
  5. Clique em Editar para abrir o componente.
  6. Componente Mídia dinâmica Edite o componente conforme necessário e clique em OK para salvar as alterações.

Componentes de mídia dinâmica

O Dynamic Media e o Interative Media estão disponíveis no Sidekick em 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 .
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.
When you add the Dynamic Media component, and Dynamic Media Settings is blank or you cannot add an asset properly, check the following:
  • 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

The Dynamic Media component lets you add dynamic images, including image sets, spin sets, and mixed media sets. 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.
You can edit the following Dynamic Media settings by clicking Edit in the component and then clicking the Dynamic Media Settings tab.
Por padrão, o componente de imagem Mídia dinâmica é adaptável. If you want to make it a fixed size, set it in the component in the Advanced tab with the Width and Height properties.
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. These are described in Managing Image Presets and the Command reference .
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.
You can edit the following Advanced Settings by clicking Edit in the component.
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. Set the URL and Open in to indicate whether you want it to open in the same window or a new window.
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.

When working with video

Use the Dynamic Media component to add dynamic video to your web pages. 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.
You can edit the following Dynamic Media Settings by clicking Edit in the component.
Por padrão, o componente de vídeo Mídia dinâmica é adaptável. If you want to make it a fixed size, set it in the component with the Width and Height in the Advanced tab.
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 .
You can edit the following Advanced settings by clicking Edit in the component.
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, a entrega segura de vídeo 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 .
The Interactive Media component is smart – depending on whether you add an image or a video, you have various options. 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.
É 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.
You can edit the following [Add To Cart settings by clicking Edit in the component.
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.