Para adicionar a funcionalidade Dynamic Media aos ativos que você usa nos sites, é possível adicionar a variável Dynamic Media, Mídia interativa, Mídia panorâmica ou Mídia de vídeo 360 diretamente na página. Entre no modo Layout e ative os componentes do Dynamic Media. Em seguida, você adiciona esses componentes à página e adiciona ativos ao componente. Os componentes do Dynamic Media são inteligentes - eles sabem se você está adicionando uma imagem ou um vídeo e as opções de configuração disponíveis mudam de acordo.
Adicione ativos do Dynamic Media diretamente na página se estiver usando Adobe Experience Manager como seu WCM. Se estiver usando um dispositivo de terceiros no WCM, link ou incorporar seus ativos. Para obter um site responsivo de terceiros, consulte entrega de imagens otimizadas para um site responsivo.
Certifique-se de publicar ativos antes de adicioná-los a páginas no Experience Manager. Consulte Publicação de ativos do Dynamic Media.
Adicionar um componente de Mídia 3D, Dynamic Media, Mídia interativa, Mídia panorâmica, Recorte inteligente de vídeo ou Mídia de vídeo 360 a uma página é o mesmo que adicionar um componente a qualquer página.
Para adicionar um componente Dynamic Media a uma página:
Entrada Experience Manager, abra a página em que deseja adicionar o componente Dynamic Media.
No painel esquerdo, selecione a Componentes e, em seguida, filtre por Dynamic Media.
Se nenhuma lista de componentes do Dynamic Media estiver disponível, você provavelmente deverá ativar os componentes do Dynamic Media que deseja usar. Consulte Ativar componentes do Dynamic Media.
Arraste um Dynamic Media e solte-o no local desejado na página.
Passe o ponteiro diretamente no componente. Quando o componente estiver rodeado por uma caixa azul, selecione uma vez para exibir a barra de ferramentas do componente. Selecione o Configuração (chave inglesa) ícone.
Dependendo do componente do Dynamic Media que você soltou na página, uma caixa de diálogo de configuração se abre. Definir as opções do componente conforme necessário.
O exemplo abaixo mostra o Dynamic Media Mídia de vídeo 360 e as opções disponíveis na lista suspensa Predefinição do visualizador.
O componente de mídia do Dynamic Media Video 360.
Quando terminar, no canto superior direito da caixa de diálogo, marque a marca de seleção para salvar as alterações.
Se nenhum componente do Dynamic Media estiver disponível para ser adicionado a uma página, provavelmente significa que você deve ativar os componentes que deseja usar.
Entrada Experience Manager, abra a página em que deseja adicionar o componente Dynamic Media.
À esquerda da barra de ferramentas próxima à parte superior da página, selecione o ícone Informações da página e, em seguida, Editar modelo na lista suspensa.
No lado direito da barra de ferramentas próximo à parte superior da página, na lista suspensa, selecione Estrutura.
Próximo à parte inferior da página, selecione Contêiner de layout para abrir a barra de ferramentas e, em seguida, selecione o ícone Política.
No Contêiner de layout página, sob o Propriedades cabeçalho, certifique-se de que o Componentes permitidos for selecionada.
Role até ver Dynamic Media.
Selecione o ícone > à esquerda de Dynamic Media, em seguida, selecione os componentes do Dynamic Media que deseja ativar.
Próximo ao canto superior direito do Contêiner de layout selecione o ícone Concluído (marca de seleção).
No lado direito da barra de ferramentas próximo à parte superior da página, na lista suspensa, selecione Conteúdo inicial.
Adicionar um componente Dynamic Media a uma página como de costume.
Você pode traduzir componentes do Dynamic Media de uma das duas formas a seguir:
Em uma página da Web no Sites, abra Propriedades e selecione a guia Avançado. Selecione o idioma desejado para localização.
No seletor de sites, selecione a página ou o grupo de páginas desejado. Selecionar Propriedades e selecione o Avançado guia. Selecione o idioma desejado para localização.
Nem todos os idiomas disponíveis no Idioma têm tokens atribuídos no momento.
Os componentes do Dynamic Media estão disponíveis ao selecionar a Componentes ícone, filtrar em Dynamic Media.
Os componentes do Dynamic Media disponíveis incluem o seguinte:
Esses componentes não estão disponíveis por padrão e devem ser disponibilizados por meio do editor de modelo antes de usar. Depois que eles forem disponibilizados no editor de modelo, será possível adicionar os componentes à sua página da mesma forma que você faria com qualquer outro Experience Manager componente.
O componente Dynamic Media é inteligente. Ao adicionar uma imagem ou um vídeo, você tem várias opções. O componente oferece suporte a predefinições de imagens, 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 é responsivo — o tamanho da tela muda automaticamente com base no tamanho da tela. Todos os visualizadores são visualizadores HTML5.
Se sua página da Web tiver o seguinte:
Não há suporte para atribuir uma predefinição do visualizador diferente a cada componente do Dynamic Media nessa página.
No entanto, é possível usar a mesma predefinição do visualizador para todos os componentes do Dynamic Media que usam ativos do mesmo tipo, na página.
Ao 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:
O componente Dynamic Media permite adicionar 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, girar uma imagem em um conjunto de rotação ou selecionar uma imagem de outro tipo de conjunto.
Também é possível 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.
Você pode editar as seguintes configurações do Dynamic Media selecionando o Editar no componente e, em seguida, Configurações do Dynamic Media.
Por padrão, o componente de imagem do Dynamic Media é adaptável. Se desejar torná-lo de um tamanho fixo, defina-o no componente na guia Avançado com a Largura e a Altura.
Predefinição do visualizador - Selecione uma predefinição do visualizador existente na lista suspensa. Se a predefinição do visualizador que você está procurando não estiver visível, é necessário torná-la visível. Consulte Gerenciamento de predefinições do visualizador. Não é possível selecionar uma predefinição do visualizador se você estiver usando uma predefinição de imagem e vice-versa.
Essa opção é a única disponível se você estiver visualizando conjuntos de imagens, conjuntos de rotação ou conjuntos de mídia mista. As predefinições do visualizador exibidas também são predefinições do visualizador relevantes somente para inteligentes.
Modificadores do visualizador - Os modificadores do visualizador tomam a forma de um par nome=valor com um delimitador & e permitem alterar os visualizadores conforme descrito no Guia de referência do visualizador. Um exemplo de um modificador de visualizador é posterimage=img.jpg&caption=text.vtt,1
que define uma imagem diferente para a miniatura do vídeo e associa um arquivo de legenda oculta/subtítulo ao vídeo.
Predefinição de imagem - Selecione uma predefinição de imagem existente na lista suspensa. Se a predefinição de imagem que você está procurando não estiver visível, será necessário torná-la visível. Consulte Gerenciamento de predefinições de imagem. Não é possível selecionar uma predefinição do 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 mídia mista.
Modificadores de imagem - Você pode aplicar efeitos de imagem fornecendo mais comandos de imagem. Esses comandos são descritos nas Predefinições de imagem e na referência do Comando de disponibilização de imagens.
Essa opção não estará disponível se você estiver visualizando conjuntos de imagens, conjuntos de rotação ou conjuntos de mídia mista.
Pontos de interrupção - Se estiver usando esse ativo em um site responsivo, você deve adicionar os pontos de interrupção da imagem. Os pontos de interrupção da imagem devem ser separados por vírgulas (,). Essa opção funciona quando não há altura ou largura definidas 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 mídia mista.
Você pode editar as seguintes Configurações avançadas selecionando Editar no componente.
Otimizar para dispositivos de maior resolução - Marque (padrão) a caixa de seleção para permitir a otimização de DPR (Device Pixel Ratio, proporção de pixels do dispositivo).
A variável Otimizar para dispositivos de maior resolução A opção só é exibida quando o seguinte é verdadeiro:
Consulte também Sobre a otimização da proporção de pixels do dispositivo.
Qualquer Experience Manager Os valores de DPR do Dynamic Media Smart Imaging são ignorados.
Título - Alterar o título da imagem.
Texto Alternativo - Adicione um título à imagem para os usuários com 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 mídia mista.
URL, Abrir em - É possível definir um ativo para abrir um link. Defina o URL e, em Abrir no, indique se deseja abri-lo 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 mídia mista.
Largura - Digite o valor em pixels se quiser que a imagem seja de tamanho fixo. Deixar esse valor em branco torna o ativo adaptável.
Altura - Digite o valor em pixels se quiser que a imagem seja de tamanho fixo. Deixar esse valor em branco torna o ativo adaptável.
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 predefinida do visualizador de vídeo para reproduzir o vídeo na página.
Você pode editar as seguintes configurações do Dynamic Media selecionando Editar no componente.
Por padrão, o componente de vídeo do Dynamic Media é adaptável. Se desejar torná-lo de um tamanho fixo, defina-o no componente com a tag Largura e Altura no Avançado guia.
Predefinição do visualizador - Selecione uma predefinição do visualizador de vídeo existente na lista suspensa. Se a predefinição do visualizador que você está procurando não estiver visível, é necessário torná-la visível. Consulte Gerenciamento de predefinições do visualizador.
Modificadores do visualizador - Os modificadores do visualizador assumem a forma de name=value
emparelhar com um &
delimitador. Eles permitem alterar os visualizadores conforme descrito no Manual de referência do visualizador do Adobe. Um exemplo de um modificador de visualizador é posterimage=img.jpg&caption=text.vtt,1
Com os modificadores do visualizador, você pode, por exemplo, fazer o seguinte:
Título - Alterar o título do vídeo.
Largura - Digite o valor em pixels se quiser que a imagem seja de tamanho fixo. Deixar esse valor em branco torna o ativo adaptável.
Altura - Digite o valor em pixels se quiser que a imagem seja de tamanho fixo. Deixar esse valor em branco torna o ativo adaptável.
Use o componente Dynamic Media para adicionar ativos de imagem do Corte inteligente às suas páginas da Web. Ao editar o componente, você pode optar por usar uma predefinição predefinida do visualizador de vídeo para reproduzir o vídeo na página.
Consulte Usar o corte inteligente com o Experience Manager Assets Dynamic Media
Consulte também Perfis de imagem.
Você pode editar as seguintes configurações do Dynamic Media selecionando Editar no componente.
Por padrão, o componente de imagem do Dynamic Media é adaptável. Se desejar torná-lo de um tamanho fixo, defina-o no componente na guia Avançado com a Largura e a Altura.
Modificadores de imagem - Você pode aplicar efeitos de imagem fornecendo mais comandos de imagem. Esses comandos são descritos nas Predefinições de imagem e na referência do Comando de disponibilização de imagens.
Essa opção não estará disponível se você estiver visualizando conjuntos de imagens, conjuntos de rotação ou conjuntos de mídia mista.
Você pode editar as seguintes Configurações avançadas selecionando Editar no componente.
Habilitar correspondência de taxa de proporção - Para permitir que o Dynamic Media escolha uma representação de recorte inteligente com uma proporção que melhor corresponda à proporção da imagem original, selecione essa opção.
Otimizar para dispositivos de maior resolução - Marque (padrão) a caixa de seleção para permitir a otimização de DPR (Device Pixel Ratio, proporção de pixels do dispositivo).
A variável Otimizar para dispositivos de maior resolução A opção só é exibida quando o seguinte é verdadeiro:
Consulte também Sobre a otimização da proporção de pixels do dispositivo.
Qualquer Experience Manager Os valores de DPR do Dynamic Media Smart Imaging são ignorados.
Título - Alterar o título da imagem do Corte inteligente.
Texto Alternativo - Adicione um título à imagem de recorte inteligente para os usuários com 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 mídia mista.
URL, Abrir em - É possível definir um ativo para abrir um link. Defina o URL e, em Abrir no, indique se deseja abri-lo 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 mídia mista.
Largura - Digite o valor em pixels se quiser que a imagem seja de tamanho fixo. Deixar esse valor em branco torna o ativo adaptável.
Altura - Digite o valor em pixels se quiser que a imagem seja de tamanho fixo. Deixar esse valor em branco torna o ativo adaptável.
O componente de Mídia interativa é para os ativos que têm interatividade, como pontos de acesso ou mapas de imagem. Se você tiver uma imagem interativa, vídeo interativo ou banner do carrossel, use o Mídia interativa componente.
O componente de Mídia interativa é inteligente. Ao adicionar uma imagem ou um vídeo, você tem várias opções. Além disso, o visualizador é responsivo - o tamanho da tela muda automaticamente com base no tamanho da tela. Todos os visualizadores são visualizadores HTML5.
Se sua página da Web tiver o seguinte:
Não há suporte para a atribuição de uma predefinição do visualizador diferente para cada componente de Mídia interativa nessa página.
No entanto, você pode usar a mesma predefinição do visualizador para todos os componentes de Mídia interativa que usam ativos do mesmo tipo, na página.
Você pode editar o seguinte Geral configurações selecionando Editar no componente.
Predefinição do visualizador - Selecione uma predefinição do visualizador existente na lista suspensa. Se a predefinição do visualizador que você está procurando não estiver visível, é necessário torná-la visível. As predefinições do visualizador devem ser publicadas antes de serem usadas. Consulte Gerenciamento de predefinições do visualizador.
Título - Alterar o título do vídeo.
Largura - Digite o valor em pixels se quiser que a imagem seja de tamanho fixo. Deixar esse valor em branco torna o ativo adaptável.
Altura - Digite o valor em pixels se quiser que a imagem seja de tamanho fixo. Deixar esse valor em branco torna o ativo adaptável.
Você pode editar o seguinte Adicionar ao carrinho configurações selecionando 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. Desmarque a marca de seleção para não mostrar o ativo do produto.
Mostrar preço do produto - Por padrão, esse valor é selecionado. Preço do produto mostra o preço do item conforme definido no módulo Comércio. Desmarque 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 qualquer variante de produto, como tamanho e cor. Desmarque a marca de seleção para não mostrar as grades de produtos.
O componente de Mídia panorâmica é para os ativos que são imagens panorâmicas esféricas. Essas imagens proporcionam uma experiência de visualização de 360° em uma sala, propriedade, local ou paisagem. Para que uma imagem seja qualificada como panorama esférico, ela deve ter uma ou ambas as opções a seguir:
equirectangular
ou (spherical
+ panorama
) ou (spherical
+ panoramic
). Consulte Uso de tags.Tanto a proporção quanto os critérios de palavra-chave se aplicam aos ativos panorâmicos da página de detalhes do ativo e o componente Panorâmica Media WCM.
Se sua página da Web tiver o seguinte:
Atribuição de uma predefinição do visualizador diferente a cada um Mídia panorâmica componente nessa página não é suportado.
No entanto, você pode usar a mesma predefinição do visualizador para todos os componentes de Mídia panorâmica que usam ativos do mesmo tipo, na página.
Você pode editar as seguintes configurações selecionando Configurar no componente.
Se a predefinição do visualizador que você está procurando não estiver visível, verifique se ela foi publicada. Publique as predefinições do visualizador antes de usá-las. Consulte Gerenciar predefinições do visualizador.
Use o Mídia de vídeo 360 para renderizar o vídeo equiretangular na sua página da Web. Isso garante uma experiência de visualização imersiva de uma sala, propriedade, local, paisagem ou procedimento médico.
Durante a reprodução em uma tela plana, o usuário tem controle do ângulo de visão; a reprodução em dispositivos móveis geralmente usa seus controles giroscópicos incorporados.
O visualizador inclui suporte nativo para a entrega de 360 ativos de vídeo. Por padrão, nenhuma configuração adicional é necessária para exibir ou reproduzir. Você fornece vídeo 360 usando extensões de vídeo padrão, como .mp4, .mkv e .mov. O codec mais comum é o H.264.
Você pode editar as seguintes configurações selecionando Configurar no componente.
Se a predefinição do visualizador que você está procurando não estiver visível, verifique se ela foi publicada. Publique as predefinições do visualizador antes de usá-las. Consulte Gerenciar predefinições do visualizador.
HTTP/2 é o novo protocolo da Web atualizado que melhora a maneira como navegadores e servidores se comunicam. Ele possibilita a transferência mais rápida de informações e reduz a quantidade necessária de poder de processamento. A entrega de ativos do Dynamic Media agora pode ser por HTTP/2, o que fornece melhores tempos de resposta e carregamento.
Consulte Entrega de conteúdo HTTP2 para obter detalhes completos sobre a introdução ao uso de HTTP/2 com sua conta da Dynamic Media.