Gerenciar predefinições do visualizador

Uma predefinição do visualizador é uma coleção de configurações que determinam como os usuários visualizam ativos de mídia avançada em suas telas de computadores e dispositivos móveis. Se você for um administrador, poderá criar Predefinições do visualizador. As configurações estão disponíveis para uma matriz de opções de configuração do visualizador. Por exemplo, você pode alterar o tamanho de exibição do visualizador ou o comportamento de zoom.

Consulte também o Guia de referência de visualizadores do Dynamic Media.

Esta seção descreve como criar, editar e gerenciar predefinições do visualizador. Você pode aplicar uma predefinição do visualizador a um ativo a qualquer momento que o visualizar. Consulte Aplicação de predefinições do visualizador.

OBSERVAÇÃO

Editar qualquer predefinições predefinidas e predefinidas do visualizador não é um cenário suportado. Se você tentar editar uma predefinição do visualizador pronta para uso, será solicitado que você salve a predefinição do visualizador usando um novo nome.

Acessibilidade de teclado para visualizadores

Todos os visualizadores prontos para uso suportam acessibilidade do teclado.

Consulte também Acessibilidade e navegação do teclado.

Gerenciar predefinições do visualizador

Você pode adicionar, editar, excluir, publicar, cancelar a publicação e visualizar predefinições do visualizador no Adobe Experience Manager ao tocar em Ferramentas (ícone de martelo) > Ativos > Predefinições do visualizador.

6_5_tools-assets-viewerpresets

OBSERVAÇÃO

Por padrão, o sistema mostra 15 predefinições do visualizador ao selecionar Visualizadores na exibição detalhada de um ativo. Você pode aumentar esse limite. Consulte Aumentar o número de predefinições do visualizador exibidas.

Suporte ao visualizador para páginas da Web responsivas projetadas

Páginas da Web diferentes têm necessidades diferentes. Por exemplo, às vezes, você deseja uma página da Web que forneça um link que abra o Visualizador de HTML5 em uma janela separada do navegador. Em outros casos, é necessário incorporar o Visualizador HTML5 diretamente na página de hospedagem. No último caso, a página da Web tem um layout estático. Ou é "responsivo" e exibido de forma diferente em diferentes dispositivos ou para tamanhos de janela de navegador diferentes. Para acomodar essas necessidades, todos os visualizadores HTML5 predefinidos e prontos que vêm com o Dynamic Media suportam páginas da Web estáticas e páginas da Web responsivas projetadas.

Consulte Biblioteca de imagens estáticas responsivas na Ajuda da API de disponibilização e renderização de imagens do Dynamic Media para obter mais informações sobre como incorporar visualizadores responsivos às suas páginas da Web.

OBSERVAÇÃO

Publique todos os visualizadores prontos para uso antes de usá-los para os primeiros.
Consulte Predefinições do Visualizador de Publicação.

Compatibilidade do sistema de predefinições do visualizador

Todas as predefinições do visualizador prontas para uso que vêm com o Dynamic Media são totalmente compatíveis com os seguintes sistemas:

  • Desktops
  • Apple iPhone
  • Apple iPad
  • Android Smartphone
  • Tablet Android
  • Para vídeo, é fornecido suporte extra para reprodução MP4 para BlackBerry e Windows Phone.

Tipos de mídia avançada para Predefinições do visualizador

Os administradores podem adicionar e personalizar os seguintes tipos de mídia avançada ao criar predefinições do visualizador.

Conjunto do Carousel

Pontos de acesso, mapas de imagem ou ambos são adicionados a uma série de duas ou mais imagens. Um cliente pode deslocar as imagens para a esquerda ou para a direita e clicar em um ponto de acesso em uma imagem para obter mais detalhes ou para comprar diretamente da categoria, da página inicial ou da página de aterrissagem de um site.

Dimensional

Exibe cenas 3D que permitem girar, deslocar, ampliar ou reinserir sua câmera.

Flyout Zoom

Exibe uma segunda imagem da área com zoom ao lado da imagem original. Não há controles a serem usados; os usuários movem a seleção para a área que desejam visualizar.

Ao determinar o uso total da largura de banda para esse visualizador, considere que a imagem principal e a imagem flyout são servidas no visualizador. O tamanho da imagem principal (Largura e Altura do Palco) e o Fator de Zoom determinam o tamanho da imagem do flyout. Para impedir que o tamanho do arquivo flyout se torne muito grande, equilibre esses dois valores: se você tiver um tamanho de imagem principal grande, abaixe o valor de Fator de Zoom. (A Largura do Flyout e a Altura do Flyout determinam o tamanho da janela do flyout, mas não o tamanho da imagem do flyout que é servida no visualizador.)

Por exemplo, se o tamanho da imagem principal for 350 por 350 pixels, com um Fator de Zoom de 3, a imagem de flyout resultante será de 1050 por 1050 pixels. Se o tamanho da imagem principal for 300 por 300 pixels, com um Fator de Zoom de 4, a imagem de flyout será de 1200 por 1200 pixels. Dependendo da configuração de qualidade JPEG (as configurações recomendadas estão entre 80 e 90), você pode diminuir o tamanho do arquivo significativamente. Os fatores de zoom recomendados são de 2,5 a 4, dependendo do tamanho da imagem principal.

Zoom em linha Exibe uma imagem da área com zoom no visualizador original. Não há controles para usar. Ou seja, os usuários movem a seleção para a área que desejam visualizar.
Definição de imagem No visualizador de Conjunto de imagens, os usuários podem ver diferentes exibições ou variações de cor de um item clicando em uma imagem em miniatura. Esse visualizador também oferece ferramentas de zoom para examinar imagens de perto.
Imagem interativa Os pontos de acesso são adicionados a partes de uma imagem em que um cliente pode clicar para obter mais detalhes ou para comprar diretamente de uma categoria de site, página inicial ou página inicial.
Vídeo interativo As miniaturas são adicionadas aos segmentos da linha do tempo em um vídeo, em que um cliente pode clicar para obter mais detalhes ou para comprar diretamente da categoria, da página inicial ou da página de aterrissagem de um site.
Mix de mídia Exibe diferentes tipos de mídia em um visualizador. Você pode incluir conjuntos de rotação, conjunto de imagens, imagens e vídeos.
Imagem panorâmica

Os visualizadores Panorâmica Image e PanorâmicaVR renderizam imagens panorâmicas esféricas para mergulhar os usuários em uma experiência de visualização de 360° de uma sala, propriedade, localização ou paisagem.

Para que uma imagem carregada seja qualificada como um panorama esférico, ela deve ter um ou ambos os itens a seguir:

  • Uma proporção de aspecto de 2:1.
  • Marcado com as palavras-chave equirectangular, ou spherical e panorama, ou spherical e 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 ao componente WCM "Mídia panorâmica".

Corte inteligente de vídeo

Use esse visualizador para detectar e recortar automaticamente o ponto focal em qualquer vídeo.

Grupo de rotação Fornece várias visualizações de uma imagem para que os usuários possam girar o objeto para examinar os diferentes lados e ângulos.
Vídeo 360

Use o visualizador de vídeo 360/VR para renderizar vídeos tangulares necessários para 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 o controle do ângulo de visualização. A reprodução em dispositivos móveis usa os 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 visualizar ou reproduzir. Você fornece 360 vídeos usando extensões de vídeo padrão, como .mp4, .mkv e .mov. O codec mais comum é o H.264.

Vídeo

Reproduz vídeo usando streaming progressivo ou adaptável de taxa de bits. O streaming adaptável da taxa de bits executa automaticamente a detecção de dispositivo e de largura de banda para veicular o vídeo de qualidade certa no formato correto.

Zoom vertical

O visualizador de Zoom vertical permite maximizar uma experiência de visualização de imagem de produto para fornecer aos usuários a melhor representação de um produto. A localização vertical das amostras faz o seguinte:

  • Garante que as amostras estejam "acima da dobra".
    Com amostras horizontais, dependendo do tamanho da tela da área de trabalho do usuário, as amostras não estarão visíveis até que o usuário tenha rolado pela página. Ao colocar as amostras verticalmente no visualizador, ele garante que elas fiquem visíveis, independentemente do tamanho da tela do usuário.
  • Maximiza o tamanho da imagem principal.
    Com amostras horizontais, é necessário reservar espaço na página para garantir que elas estejam visíveis. Esse posicionamento diminuiu o tamanho da imagem principal. No entanto, com um layout de amostra vertical, não é necessário alocar esse espaço. Dessa forma, você pode maximizar o tamanho da imagem principal.
Zoom Permite que os usuários ampliem a área clicando nela. Os usuários podem clicar em controles para ampliar, reduzir e redefinir a imagem para seu tamanho padrão.

Lista de predefinições do visualizador prontas para uso

A tabela a seguir identifica todas as predefinições predefinidas e predefinidas do visualizador que vêm com o Dynamic Media.

Consulte também Demonstrações em tempo real.

Para obter informações sobre versões compatíveis de navegadores da Web e sistemas operacionais para visualizadores, consulte as Notas de versão dos visualizadores.

Consulte "Notas de versão de visualizadores" no índice do Guia de referência de visualizadores.

OBSERVAÇÃO

Todas as predefinições do visualizador prontas para uso no Dynamic Media são ativadas (ativadas), mas você deve publicá-las.
Consulte Predefinições do visualizador de publicação.

As novas predefinições do visualizador criadas e adicionadas devem ser ativadas *e *publicadas.
Consulte Ativando ou desativando predefinições do visualizador e Predefinições do visualizador de publicação.

Título da predefinição do visualizador Tipo Nome do arquivo CSS
Carrossel_Dotted_dark Carrossel_Set html5_carouselviewer_dotted_dark.css
Carrossel_Dotted_light Carrossel_Set html5_carouselviewer_dotted_light.css
Carrossel_Numérico_escuro Carrossel_Set html5_carouselviewer_numeric_dark.css
Carrossel_Numeric_light Carrossel_Set html5_carouselviewer_numeric_light.css
Flyout Flyout_Zoom html5_flyoutviewer.css
ImageSet_dark Definição de imagem html5_zoomviewer_dark.css
ImageSet_light Definição de imagem html5_zoomviewer_light.css
InlineMixedMedia_dark Mixed_Media html5_inlinemixedmediaviewer_dark.css
InlineMixedMedia_light Mixed_Media html5_inlinemixedmediaviewer_light.css
InlineZoom Flyout_Zoom html5_inlinezoomviewer.css
MixedMedia_dark Mixed_Media html5_mixedmediaviewer_dark.css
MixedMedia_light Mixed_Media html5_mixedmediaviewer_light.css
PanorâmicaImage Panorâmica_Imagem html5_panoramicimage.css
PanorâmicaImageVR Panorâmica_Imagem html5_panoramicimage.css
Shoppable_Banner Imagem_Interativa html5_interactiveimage.css
Shoppable_Video_dark Interative_Video html5_interactivevideoviewer_dark.css
Shoppable_Video_light Interative_Video html5_interactivevideovewer_light.css
SpinSet_dark Spin_Set html5_spinviewer_dark.css
SpinSet_light Spin_Set html5_spinviewer_light.css

Vídeo

(Inclui suporte para legendas ocultas)

Vídeo html5_videoviewer.css

Video360_social

(Inclui controles básicos de reprodução de vídeo, renderização de vídeo é feita no modo estéreo, o controle manual do ponto de exibição está desativado, mas o controle giroscópico está ativado e nenhum recurso de mídia social)

Vídeo_360 html5_video360viewersocial.css

Video360VR

(Projetado para usuários finais que usam óculos de realidade virtual. Inclui controles básicos de reprodução de vídeo e recursos de redes sociais)

Vídeo_360 html5_video360viewer.css

Vídeo_social

(Inclui suporte para legendas ocultas e redes sociais)

Vídeo html5_videoviewersocial.css
Zoom_dark
Zoom
html5_basiczoomviewer_dark.css
Zoom_light
Zoom html5_basiczoomviewer_light.css
ZoomVertical_dark
Zoom Vertical html5_zoomverticalviewer_dark.css
ZoomVertical_Light Zoom Vertical html5_zoomverticalviewer_light.css

Matriz de gestos de visualizadores móveis compatível

A tabela a seguir identifica os gestos do visualizador móvel que são compatíveis com dispositivos iOS, Android 2.x e Android 3.x.

Gesto Zoom do Flyout Zoom Rotação

Arrastar

Canetas

Canetas

Canetas

Tocar

Mostra a janela do flyout

Mostra ou oculta a interface do usuário

Mostra ou oculta a interface do usuário

Toque duplo

Não se aplica

Amplia ou redefine

Amplia ou redefine

Pinça aberta

Não se aplica

Ampliação (somente iOS e Android 3x)

Ampliação (somente iOS e Android 3x)

Feche a pinça

Não se aplica

Diminui o zoom (somente iOS e Android 3x)

Diminui o zoom (somente iOS e Android 3x)

Deslizar

Rola a barra de amostra

Rolar imagens

Rotação

Cintilação

Rola a barra de amostra

Rolar imagens

Rotação

Aumentar o número de predefinições do visualizador que exibem

O Experience Manager mostra uma grande variedade de predefinições do visualizador ao visualizar ativos de Exibição de detalhes > Visualizadores. Você pode aumentar ou diminuir o número de visualizadores exibidos.

Para aumentar o número de predefinições do visualizador exibidas:

  1. Navegue até CRXDE Lite (https://localhost:4502/crx/de).

  2. Navegue até o nó da listagem de predefinições do visualizador em /libs/dam/gui/coral/content/commons/sidepanels/viewerpresets/viewerpresetslist

    chlimage_1-221

  3. Na propriedade limit, altere o Value, que é definido como 15 por padrão, para o número desejado.

  4. Navegue até a fonte de dados predefinida do visualizador em /libs/dam/gui/coral/content/commons/sidepanels/viewerpresets/viewerpresetslist/datasource

    chlimage_1-222

  5. Na propriedade limit , altere o número para o número desejado, por exemplo {empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]}

  6. Toque em Salvar tudo.

Criando uma predefinição do visualizador

A criação de predefinições do visualizador permite aplicar várias configurações para visualizar e interagir com ativos. No entanto, não é necessário criar predefinições do visualizador. Se preferir, você pode usar as predefinições padrão do visualizador pronto para uso que já vêm com os Ativos do Experience Manager.

Se você optar por criar uma predefinição do visualizador, depois de salvá-la, o estado do visualizador será ativado automaticamente (definido como On) na página Predefinições do visualizador. Esse estado significa que está visível no componente Mídia dinâmica e no componente Mídia interativa e sempre que você visualiza uma imagem ou vídeo.

Algumas predefinições do visualizador têm configurações exclusivas que podem afetar o uso e o comportamento geral do visualizador. Dependendo da predefinição do visualizador que você criar, esteja ciente dessas considerações especiais.

Consulte Considerações especiais para criar uma predefinição do Visualizador interativo.

Consulte Considerações especiais para criar uma predefinição do Visualizador do banner do carrossel.

Para criar uma predefinição do visualizador:

  1. No canto superior esquerdo do Experience Manager, toque no logotipo do Experience Manager e, em seguida, no painel à esquerda, toque em Ferramentas (ícone de martelo) > Ativos > Predefinições do visualizador.

    6_5_viewerpresets

  2. Na página Predefinições do visualizador , na barra de ferramentas, toque em Criar.

  3. Na caixa de diálogo New Viewer Preset, no campo Preset Name, digite o nome da nova predefinição. Escolha um nome com cuidado, eles não são editáveis depois de tocar em Criar.

    Quando você salvar a predefinição mais tarde nessas etapas, o nome aparecerá na página Predefinições do visualizador no cabeçalho da coluna Título da predefinição .

  4. No menu suspenso Rich Media Type (Tipo de mídia avançada), selecione o tipo de predefinição do visualizador que deseja criar e, no canto superior direito da página, toque em Create.

    Consulte Tipos de mídia avançada para predefinições do visualizador.

  5. Na página Editor de predefinições do visualizador, toque na guia Aparência.

  6. Faça uma das seguintes opções:

    • No menu suspenso Tipo selecionado, selecione um componente cujo design visual você deseja personalizar. Como alternativa, toque ou clique em qualquer elemento visual no visualizador para selecioná-lo para configuração.

      O editor visual permite ver qual efeito uma determinada propriedade tem em um estilo. Defina ou ajuste qualquer propriedade para ver instantaneamente qual efeito ela tem no visualizador usando a amostra à esquerda do editor.

      As propriedades de estilo CSS para cada tipo de predefinição do visualizador são descritas no tópico de Ajuda "Personalizando <viewer name> visualizador" no Guia de referência do visualizador. Por exemplo, se você estiver criando uma predefinição do visualizador do tipo Mixed_Media, consulte Personalizando visualizador de mídia mista para obter uma lista e uma descrição de cada propriedade.

    • Se você tiver definido as configurações de estilo em um arquivo CSS separado, é possível fazer upload do arquivo CSS para o Experience Manager Assets. Para localizar o arquivo CSS carregado e associá-lo à predefinição do visualizador, toque em Importar CSS abaixo do menu suspenso Tipo selecionado (se necessário, role o editor visual para cima para vê-lo).

      Ao importar um arquivo CSS, o editor visual verifica se o CSS usa os marcadores do visualizador corretos. Por exemplo, se você estiver criando um visualizador de Zoom, todas as regras de CSS importadas devem ser definidas usando o nome da classe do visualizador .s7mixedmediaviewer definido em um elemento do visualizador pai.

      Você pode importar CSS arbitrário e artesanal, desde que ele defina corretamente os marcadores de CSS para um determinado visualizador. (Os marcadores CSS são descritos em qualquer tópico da Ajuda "Personalizando <nome do visualizador> visualizador" no Guia de referência de visualizadores. Por exemplo, se você deseja ler sobre marcadores CSS para o Visualizador de Zoom, consulte Personalizando Visualizador de Zoom.) No entanto, é possível que o editor visual não entenda alguns valores de CSS. Nesses casos, o editor visual tenta substituir os erros para que o CSS ainda possa funcionar.

    OBSERVAÇÃO

    Se preferir editar o CSS diretamente em sua forma bruta, toque em Mostrar/Ocultar CSS abaixo do menu suspenso Tipo selecionado (se necessário, role o editor visual para cima para vê-lo).
    Como o editor visual, quando você altera uma propriedade diretamente no CSS, pode ver instantaneamente qual efeito ela tem na amostra do visualizador. E essa mesma propriedade é atualizada automaticamente ao mesmo tempo no editor visual. Dessa forma, você pode usar o editor de CSS bruto, o editor visual ou ambos alternadamente.

    OBSERVAÇÃO

    Para arte-final de botão, escolha a imagem 2x e faça upload de arte de alta resolução. Ao trabalhar com imagens interativas e banners que podem ser comprados, você também pode selecionar vários botões de ponto de acesso prontos para uso.

  7. (Opcional) Próximo à parte superior da página Editar predefinição do visualizador, toque em Desktop, Tablet ou Telefone para definir estilos visuais de forma exclusiva para diferentes tipos de dispositivos e telas.

  8. Na página Editor de predefinições do visualizador , toque na guia Comportamento. Como alternativa, toque ou clique em qualquer elemento visual no visualizador para selecioná-lo para configuração.

  9. No menu suspenso Tipo selecionado, selecione um componente cujos comportamentos você deseja alterar.

    Muitos componentes no editor visual têm uma descrição detalhada associada a ela. Essas descrições são exibidas em caixas azuis quando você expande um componente para revelar seus parâmetros associados.

    Alguns tipos de Visualizador têm componentes que permitem especificar comandos do Servidor de imagens em um campo de texto Comando IS. Para obter uma lista de comandos que podem ser usados, consulte a Referência da API de disponibilização de imagens.

    OBSERVAÇÃO

    Se estiver usando um dispositivo de toque, como um telefone ou tablet…

    Depois de digitar um valor no campo de texto, toque em outro lugar na interface do usuário para enviar a alteração e fechar o teclado virtual. Se você tocar em Enter, nenhuma ação ocorre.

  10. Próximo ao canto superior direito da página, toque em Salvar.

  11. Publique sua nova predefinição do visualizador. É necessário publicar a predefinição para usá-la em seu site.

    Consulte Predefinições do visualizador de publicação.

Considerações especiais para criar uma predefinição do Visualizador interativo

Sobre modos de exibição para miniaturas de imagem no painel:

Ao criar ou editar uma predefinição do visualizador de Vídeo interativo, você tem a opção de qual configuração do Modo de exibição usar. Essa opção ocorre ao selecionar InteractiveSwatches no menu suspenso Componente selecionado sob a guia Comportamento. O Modo de exibição escolhido afeta a forma como e quando as miniaturas aparecem enquanto o vídeo está sendo reproduzido. Você pode escolher um Modo de exibição segment (padrão) ou um Modo de exibição continuous.

Modo de exibição Descrição
Segmento

Segment é o modo de exibição padrão para as predefinições prontas para uso do Visualizador de vídeo interativo Shoppable_Video_light e Shoppable_Video_dark e qualquer predefinição do Visualizador de vídeo interativo que você mesmo criar.

Nesse modo, suponha que haja menos miniaturas atribuídas a um segmento de vídeo do que o número de pontos visíveis no painel de exibição. Nesses casos, as miniaturas dos subsegmentos anteriores ou seguintes são não puxadas para preencher quaisquer pontos vazios no painel. Ou seja, preserva a exibição de amostras atribuídas ao segmento específico do vídeo.

Contínuo

No modo de exibição continuous suponha que o número de miniaturas em um segmento seja menor que o número visível no painel. Nesses casos, o visualizador inclui automaticamente a exibição de miniaturas do próximo segmento ou do segmento anterior, onde a última miniatura é exibida.

O vídeo neste tópico é um exemplo do continuous modo de exibição.

Sobre o comportamento de rolagem automática no visualizador de Vídeo interativo:

O comportamento de rolagem automática das miniaturas no visualizador de Vídeo interativo funciona independentemente do modo de exibição escolhido.

Ao criar ou editar uma predefinição interativa do visualizador de vídeo, você acessa a opção Rolagem automática na guia Comportamento. Na guia Comportamento, no menu suspenso Componentes selecionados, toque em InteractiveSwatches. A caixa de seleção Rolagem automática está listada abaixo do campo de texto Comando IS.

Se desativar a opção Rolagem automática (desmarcar a caixa de seleção) na predefinição do visualizador, durante a reprodução do vídeo pelo usuário, o painel exibirá apenas a primeira imagem em miniatura em toda a duração do vídeo. Entretanto, um usuário pode rolar manualmente pelas miniaturas usando os ícones de seta para cima e para baixo, se desejar.

Ao ativar (selecionar) a Rolagem automática na predefinição do visualizador as imagens em miniatura atribuídas a um segmento de vídeo são roladas para exibição no início de um segmento durante a reprodução do vídeo. Entretanto, há instâncias em que determinadas miniaturas em um segmento são exibidas com duas vezes mais comprimento no início ou no final delas. Esse comportamento ocorre porque a quantidade de miniaturas em um segmento é maior que o número visível no painel e não é divisível uniformemente.

Para ilustrar, suponha que você tenha um segmento de vídeo de 30 segundos. E há um total de nove miniaturas para serem exibidas nos 30 segundos. Seu navegador é dimensionado de forma que haja quatro posições de miniatura visíveis no painel de exibição. O segmento de tempo do vídeo de 30 segundos é dividido em três subsegmentos. A tabela a seguir mostra o detalhamento de quais miniaturas são exibidas para um determinado subsegmento de tempo:

Subsegmento de vídeo Tempo do subsegmento em segundos Miniaturas visíveis no painel
1 0-10 1, 2, 3, 4
2 10-20 4, 5, 6, 7
3 20-30 6, 7, 8, 9

O subsegmento de vídeo 3 não se estende além das miniaturas atribuídas a ele. Observe também que as miniaturas 4, 6 e 7 são visíveis no painel duas vezes mais longas do que as outras miniaturas.

A lógica que o visualizador usa para quantas miniaturas são exibidas no painel com base no número de posições disponíveis é a seguinte:

  • Número de subsegmentos = arredondar para o próximo subsegmento (número de miniaturas/número de slots visíveis no painel de miniatura, com base no tamanho da janela do navegador).
    Usando o exemplo na tabela acima, 9 miniaturas / 4 slots = 2,25; a lógica do visualizador arredonda até três subsegmentos.

  • Número de miniaturas = arredondar para a próxima miniatura (número de miniaturas / número de subsegmentos de vídeo).
    Usando o exemplo na tabela acima, 9 miniaturas / 3 subsegmentos de vídeo = 3 miniaturas.

  • Duração do subsegmento = duração total do vídeo / número de subsegmentos do vídeo.
    Usando o exemplo na tabela acima, 30 segundos / 3 subsegmentos de vídeo = 10 segundos de exibição de cada subsegmento de vídeo.

Ao criar predefinições do visualizador de banner do carrossel, a alteração do estilo dos pontos de acesso pode ser acessada da seguinte maneira:

Descrição Ações
Ícone do ponto de acesso Alterar o ícone usado para ponto de acesso Para alterar a imagem do ícone do ponto de acesso, na guia Aparência, em Componente selecionado, toque em ImageMapEffect. Em Ícone, selecione Plano de fundo e, no campo Imagem, navegue até a imagem de plano de fundo desejada.

Ativar ou desativar as predefinições do visualizador

As Predefinições do visualizador disponíveis na interface do usuário dependem de quais estão ativas no modo Autor. Por padrão, uma predefinição do visualizador é "Ativado" depois que você a cria. Se você desligar a predefinição, não a verá no modo Autor. Se a predefinição for publicada, ela sempre será publicada, independentemente de estar sendo ligada ou desligada. Desative as predefinições do visualizador se a lista se tornar muito difícil ou se você não quiser que uma predefinição do visualizador seja disponibilizada para uso.

Para ativar ou desativar as predefinições do visualizador:

  1. No canto superior esquerdo do Experience Manager, toque no logotipo do Experience Manager e, em seguida, no painel à esquerda, toque em Ferramentas (ícone de martelo) > Ativos > Predefinições do visualizador.

  2. Na página Predefinição do visualizador , no cabeçalho da coluna Estado, toque no botão para ativar ou desativar uma predefinição do visualizador.

    As predefinições do visualizador ativadas têm o botão de alternância exibido à direita, dentro de uma caixa azul; as predefinições do visualizador desativadas têm o botão de alternância exibido à esquerda, dentro de uma caixa cinza-claro.

Predefinições do visualizador de publicação

Ativar (ou ativar) o estado de uma predefinição do visualizador significa que ela está visível no componente Mídia dinâmica, no componente Mídia interativa e sempre que você exibe um ativo.

No entanto, para fornecer um ativo com uma predefinição do visualizador, a predefinição do visualizador também deve ser publicada. Todas as predefinições do visualizador devem ser ativadas e publicadas para obter o URL ou código incorporado de um ativo. Ative e publique todas as predefinições do visualizador prontas para uso que acompanham o Dynamic Media. As predefinições do visualizador personalizado criadas e adicionadas são ativadas automaticamente, mas também devem ser publicadas.

Consulte Ativando ou desativando predefinições do visualizador.

Consulte também Visualização de ativos.

Para publicar predefinições do visualizador:

  1. No canto superior esquerdo do Experience Manager, toque no logotipo do Experience Manager e, em seguida, no painel à esquerda, toque em Ferramentas (ícone de martelo) > Ativos > Predefinições do visualizador.
  2. Selecione uma ou mais predefinições do visualizador que você deseja publicar.
  3. Na barra de ferramentas, toque no ícone Publish.

Classificar predefinições do visualizador

  1. No canto superior esquerdo do Experience Manager, toque no logotipo do Experience Manager e, em seguida, no painel à esquerda, toque em Ferramentas (ícone de martelo) > Ativos > Predefinições do visualizador.
  2. Clique em Título da predefinição, Tipo, Publicado ou Estado para classificar pelo cabeçalho da coluna. Por exemplo, clique em Tipo para classificar os tipos de predefinição do visualizador em ordem alfabética ou não.

Editar predefinições do visualizador

Editar qualquer predefinições predefinidas e predefinidas do visualizador não é um cenário suportado. Se você editar uma predefinição do visualizador pronta para uso, será solicitado que ela seja salva com um novo nome.

Para editar as predefinições do visualizador:

  1. No canto superior esquerdo do Experience Manager, toque no logotipo do Experience Manager e, em seguida, no painel à esquerda, toque em Ferramentas (ícone de martelo) > Ativo > Predefinições do visualizador.

  2. Selecione uma predefinição marcando a caixa à esquerda do título da predefinição do visualizador.

  3. Na barra de ferramentas, toque em Editar.

  4. Na página Editor de predefinições do visualizador, faça as alterações desejadas na predefinição do visualizador, usando as opções encontradas nas guias Aparência e Comportamento.

    Na guia Aparência, próximo ao canto superior esquerdo da página Editor de predefinições do visualizador, toque em Desktop, Tablet ou Telefone para alterar o modo de apresentação do ativo.

  5. Próximo ao canto superior direito da página, execute um dos seguintes procedimentos:

    • Toque em Salvar para salvar suas alterações e retornar à página Predefinição do visualizador.
    • Toque em Cancelar para evitar alterações feitas e retornar à página Predefinição do visualizador.

Excluindo predefinições personalizadas do visualizador

É possível excluir as Predefinições do visualizador que você criou e adicionou ao Dynamic Media.

Para excluir predefinições do visualizador personalizado:

  1. No canto superior esquerdo do Experience Manager, toque no logotipo do Experience Manager e, em seguida, no painel à esquerda, toque em Ferramentas (ícone de martelo) > Ativos > Predefinições do visualizador.
  2. Na página Predefinições do visualizador , marque um Título de predefinição e toque no ícone Lixeira.
  3. Toque em Excluir.

Aplicar predefinições do visualizador a um ativo

Se já tiver publicado o ativo e o visualizador selecionado, os botões URL e Incorporar aparecerão depois de selecionar uma predefinição do visualizador.

Para aplicar uma predefinição do visualizador a um ativo:

  1. Abra o ativo e, próximo ao canto superior esquerdo da página, toque no menu suspenso e selecione Visualizadores.

    OBSERVAÇÃO

    Se já tiver publicado o ativo e o visualizador selecionado, os botões URL e Incorporar aparecerão depois de selecionar uma predefinição do visualizador.

  2. Para aplicá-lo ao ativo, selecione uma predefinição do visualizador no painel esquerdo.

    Você pode copiar o URL para compartilhar com outros usuários.

Fornecer ativos com predefinições do visualizador

Para obter os URLs das Predefinições do visualizador, consulte Vincular URLs à sua aplicação web. Consulte também Incorporação do visualizador de vídeo em uma página da Web.

Se você estiver usando o Experience Manager como WCM, poderá adicionar ativos usando as predefinições do visualizador diretamente na página. Consulte Adicionar ativos de mídia dinâmica às páginas.

Nesta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free