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 nas telas dos computadores e nos 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, é possível alterar o tamanho de exibição do visualizador ou o comportamento de zoom.

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

Esta seção descreve como criar, editar e gerenciar predefinições do visualizador. É possível aplicar uma predefinição do visualizador a um ativo sempre que você o visualiza. Consulte Aplicar predefinições do visualizador.

Acessibilidade de teclado para visualizadores

Todos os visualizadores prontos para uso oferecem suporte à acessibilidade do teclado.

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

Gerenciar predefinições do visualizador

Adicione, edite, exclua, publique, cancele a publicação e visualize predefinições do visualizador no Adobe Experience Manager ao navegar até Ferramentas (ícone de martelo) > Assets > Predefinições do visualizador.

Suporte de visualizador para páginas da Web com design responsivo

Páginas da Web diferentes têm necessidades diferentes. Por exemplo, às vezes você quer uma página da Web que forneça um link que abra o Visualizador de HTML 5 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 diferentes tamanhos de janela de navegador. Para acomodar essas necessidades, todos os Visualizadores de HTML5 predefinidos e prontos para uso que acompanham o Dynamic Media são compatíveis com páginas da Web estáticas e páginas da Web com design responsivo.

Consulte Biblioteca responsiva de imagens estáticas no Ajuda da API de disponibilização e renderização de imagens do Dynamic Media para obter mais informações sobre como incorporar visualizadores responsivos nas páginas da web.

Compatibilidade do sistema de predefinição do visualizador

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

• Áreas de trabalho
• Apple iPhone
• Apple iPad
• Smartphone Android™
• Android™ Tablet

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.

Lista de predefinições do visualizador prontas para uso

A tabela a seguir identifica todas as Predefinições do visualizador predefinidas e prontas para uso que acompanham o Dynamic Media.

Consulte também Demonstrações ao vivo.

Para obter informações sobre o navegador da Web e as versões do sistema operacional compatíveis para Visualizadores, consulte as Notas de versão dos Visualizadores.

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

Matriz de gestos de visualizadores móveis compatíveis

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

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

O Experience Manager mostra uma grande variedade de predefinições do visualizador ao visualizar ativos do Exibição detalhada > 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

   

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

   

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

6. Selecionar Salvar tudo.

Criar predefinições do visualizador

A criação de predefinições do visualizador permite aplicar várias configurações para exibir e interagir com ativos. No entanto, não é necessário criar predefinições do visualizador. Se preferir, você poderá usar as predefinições do visualizador padrão prontas para uso que já acompanham o Experience Manager Assets.

Se você optar por criar uma predefinição do visualizador, depois de salvá-la, o estado do visualizador será ativado automaticamente (definido como Ligado) na página Predefinições do visualizador. Esse estado significa que está visível no componente Dynamic Media e no componente de 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 criada, você deseja estar ciente dessas considerações especiais.

Consulte Considerações especiais para a criação de uma predefinição do Visualizador interativo.

Consulte Considerações especiais para a criação de uma predefinição do visualizador do banner do Carousel.

Para criar predefinições do visualizador:

1. No canto superior esquerdo do Experience Manager, selecione o logotipo do Experience Manager e, no painel à esquerda, vá para Ferramentas (ícone de martelo) > Assets > Predefinições do visualizador.

   

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

3. No Nova predefinição do visualizador caixa de diálogo, no campo Nome da predefinição insira o nome da nova predefinição. Escolha um nome com cuidado, eles não são editáveis depois de selecionar Criar.

   Quando você salva a predefinição posteriormente nessas etapas, o nome é exibido na página Predefinições do visualizador sob o cabeçalho da coluna Título da predefinição.

4. No menu suspenso 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, selecione Criar.

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

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

6. Siga uma das seguintes opções:

   • No Tipo selecionado selecione um componente cujo design visual você deseja personalizar. Como alternativa, você pode selecionar qualquer elemento visual no visualizador para selecioná-lo para configuração.

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

     As propriedades de estilo CSS para cada tipo de predefinição do visualizador são descritas em "Personalização <viewer name> Visualizador" Tópico da Ajuda na seção Guia de referência de visualizadores. Por exemplo, se você estiver criando uma predefinição do visualizador do tipo Mixed_Media, consulte Personalizar visualizador de mix de mídia 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, selecione Importar CSS abaixo do Tipo selecionado menu suspenso (se necessário, role o editor visual até vê-lo).

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

     Você pode importar CSS arbitrário e artesanal, desde que ele defina corretamente os marcadores CSS de um determinado visualizador. (Os marcadores CSS são descritos em qualquer seção <viewer name=""> Visualizador" Tópico da Ajuda na seção Guia de referência de visualizadores. Por exemplo, se você deseja ler sobre marcadores CSS para o Visualizador de zoom, consulte Personalizar o visualizador de zoom.) No entanto, é possível que o editor visual não entenda alguns valores 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, selecione Mostrar/Ocultar CSS abaixo do menu suspenso Tipo selecionado (se necessário, role o editor visual para cima para vê-lo).
   Assim como o editor visual, ao alterar uma propriedade diretamente no CSS, você pode ver instantaneamente o efeito que 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, ou o editor visual, ou usar ambos alternadamente.

   OBSERVAÇÃO

   Para arte-final de botão, escolha o dobro da imagem e faça upload do trabalho artístico de alta resolução. Ao trabalhar com imagens interativas e banners para compra, 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, selecione 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, selecione a Comportamento guia. Como alternativa, você pode selecionar qualquer elemento visual no visualizador para selecioná-lo para configuração.
   Por exemplo, para o VideoPlayer tipo, em Modificadores > Reprodução, é possível selecionar uma das três opções de transmissão adaptável da taxa de bits:

   • traço - Fluxo de vídeos somente como DASH. No entanto, em dispositivos Safari/iOS, você deve selecionar hls como o tipo, em vez disso.
   • hls - Fluxo de vídeos somente como HLS.
   • automático - Prática recomendada. A criação de fluxos DASH e HLS é otimizada para armazenamento. Portanto, o Adobe recomenda que você sempre selecione automático como o tipo de reprodução. Fluxo de vídeos como traço, hls ou progressivo, como no seguinte:
     • Se o navegador suportar DASH, a transmissão DASH será usada primeiro.
     • Se o navegador não suportar DASH, a transmissão HLS será usada, em segundo lugar.
     • Se o navegador não for compatível com DASH ou HLS, a reprodução progressiva será usada por último.
   OBSERVAÇÃO

   Para ver e usar o traço deve primeiro ser habilitado pelo Suporte Técnico Adobe em sua conta. Consulte Habilitar DASH na sua conta.

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 ele. Essas descrições aparecem 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 você estiver usando um dispositivo sensível ao toque, como um telefone ou tablet…

   Depois de digitar um valor no campo de texto, selecione outro lugar na interface para enviar a alteração e fechar o teclado virtual. Se você selecionar Enter, nenhuma ação ocorre.

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

11. Publique sua nova predefinição do visualizador. É necessário publicar a predefinição para que você possa usar o URL resultante no site.

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

    IMPORTANTE

    Para vídeos antigos que usam um perfil de transmissão de taxa de bits adaptável, o URL continua a ser reproduzido como de costume, com a transmissão HLS, até que você reprocessar os ativos de vídeo. Após o reprocessamento, o mesmo URL continuará a funcionar, mas agora com ambos Transmissão DASH e HLS ativada.

Considerações especiais para a criação de uma predefinição interativa do visualizador

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

Ao criar ou editar uma predefinição do visualizador de Vídeo interativo, você pode escolher qual configuração do Modo de exibição usar. Essa opção ocorre ao selecionar InteractiveSwatches do Componente selecionado menu suspenso abaixo de Comportamento guia. O Modo de exibição escolhido afeta 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.

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, na guia Componentes selecionados selecione InterativeSwatches. 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 exibir durante os 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:

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 estão visíveis no painel com o dobro de comprimento das 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 miniaturas, 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 para 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 = exibição de 10 segundos de cada subsegmento de vídeo.

Considerações especiais para a criação de predefinições do visualizador do banner do Carousel

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

Ativar ou desativar 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 é "Ativada" após a criação. Se você desativar a predefinição, não a verá no modo Autor. Se a predefinição for publicada, ela será sempre publicada, independentemente de estar ativada ou desativada. 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 fique disponível para uso.

Para ativar ou desativar predefinições do visualizador:

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

2. Na página Predefinição do visualizador, na guia Estado cabeçalho de coluna, selecione o 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.

Publicar predefinições do visualizador

Ativar (ou ativar "Ativar") o estado de uma predefinição do visualizador significa que ela fica visível no componente do Dynamic Media, no componente de Mídia interativa e sempre que você visualiza um ativo.

No entanto, para deliver 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 publicado 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 Ativar ou desativar 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, selecione o logotipo do Experience Manager e, no painel à esquerda, selecione Ferramentas (ícone de martelo) > Assets > Predefinições do visualizador.
2. Selecione uma ou mais predefinições do visualizador que deseja publicar.
3. Na barra de ferramentas, selecione o Publish ícone.

Classificar predefinições do visualizador

1. No canto superior esquerdo do Experience Manager, selecione o logotipo do Experience Manager e, no painel à esquerda, selecione Ferramentas (ícone de martelo) > Assets > Predefinições do visualizador.
2. Selecionar Título da predefinição, Tipo, Publicado ou Estado para classificar por esse cabeçalho de coluna. Por exemplo, selecione 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 do visualizador predefinidas e prontas para uso não é um cenário compatível. Se você editar uma predefinição do visualizador pronta para uso, será solicitado a salvá-la com um novo nome.

Para editar predefinições do visualizador:

1. No canto superior esquerdo do Experience Manager, selecione o logotipo do Experience Manager e, no painel à esquerda, selecione 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, selecione Editar.

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

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

5. Próximo ao canto superior direito da página, siga um destes procedimentos:

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

Excluir predefinições do visualizador personalizado

É possível excluir as Predefinições do visualizador criadas e adicionadas ao Dynamic Media.

Para excluir predefinições do visualizador personalizado:

1. No canto superior esquerdo do Experience Manager, selecione o logotipo do Experience Manager e, no painel à esquerda, selecione Ferramentas (ícone de martelo) > Assets > Predefinições do visualizador.
2. Na página Predefinições do visualizador, marque um Título de predefinição e selecione a Lixeira ícone.
3. Selecione 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, selecione o menu suspenso e 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.

Entregar ativos com predefinições do visualizador

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

Se estiver usando o Experience Manager como o WCM, você poderá adicionar ativos usando as predefinições do visualizador diretamente na página. Consulte Adicionar ativos do Dynamic Media às páginas.

Recursos do Business.Adobe.com