Adicionar componentes do Dynamic Media Classic às páginas adding-scene-features-to-your-page
O Adobe Dynamic Media Classic é uma solução hospedada para gerenciar, aprimorar, publicar e fornecer ativos de mídia avançada para Web, dispositivos móveis, email, impressão e monitores conectados à Internet.
Você pode visualizar AEM ativos publicados no Dynamic Media Classic em vários visualizadores:
- Zoom
- Flyout
- Vídeo
- Modelo da imagem
- Imagem
Você pode publicar ativos digitais diretamente do AEM para o Dynamic Media Classic e pode publicar ativos digitais do Dynamic Media Classic para o AEM.
Este documento descreve como publicar ativos digitais do AEM para o Dynamic Media Classic e vice-versa. Os visualizadores também são descritos detalhadamente. Para obter informações sobre como configurar o AEM para o Dynamic Media Classic, consulte Integração do Dynamic Media Classic com o AEM.
Consulte também Adição de mapas de imagem.
Para obter mais informações sobre como usar componentes de vídeo com AEM, consulte Vídeo.
Publicar manualmente no Dynamic Media Classic a partir de ativos manually-publishing-to-scene-from-assets
Você pode publicar ativos digitais no Dynamic Media Classic da seguinte maneira:
Componentes do Dynamic Media Classic scene-components
Os seguintes componentes do Dynamic Media Classic estão disponíveis no AEM:
- Zoom
- Flyout (Zoom)
- Modelo da imagem
- Imagem
- Vídeo
Após a sua disponibilização no Design , é possível adicionar os componentes à página como qualquer outro componente AEM. Os ativos que ainda não foram publicados na Dynamic Media Classic são publicados na Dynamic Media Classic se estiverem em uma pasta sincronizada, em uma página ou com uma configuração da nuvem do Dynamic Media Classic.
Aviso de fim de vida útil de visualizadores Flash flash-viewers-end-of-life-notice
A partir de 31 de janeiro de 2017, a Adobe Dynamic Media Classic encerrou o suporte para a plataforma do visualizador de Flashes.
Adicionar um componente do Dynamic Media Classic (Scene7) a uma página adding-a-scene-component-to-a-page
Adicionar um componente do Dynamic Media Classic (Scene7) a uma página é o mesmo que adicionar um componente a qualquer página. Os componentes do Dynamic Media Classic são descritos detalhadamente nas seções a seguir.
Para adicionar um componente Dynamic Media Classic (Scene7) a uma página:
-
Em AEM, abra a página à qual deseja adicionar o componente Dynamic Media Classic (Scene7).
-
Se nenhum componente do Dynamic Media Classic estiver disponível, clique em Design toque em qualquer componente com uma borda azul, toque no modo Pai e depois o Configuração ícone . Em Parsys (Design), selecione todos os componentes do Dynamic Media Classic para torná-los disponíveis e clique em OK.
-
Clique em Editar para retornar a Editar modo.
-
Arraste um componente do grupo Dynamic Media Classic no sidekick até a página no local desejado.
-
Clique no botão Configuração ícone para abrir o componente.
-
Edite o componente conforme necessário e clique em OK para salvar as alterações.
-
Arraste a imagem ou o vídeo do navegador de conteúdo para o componente Dynamic Media Classic adicionado à página.
note note NOTE Somente na interface de toque, você deve arrastar e soltar a imagem ou o vídeo no componente do Dynamic Media Classic que você colocou na página. Não há suporte para selecionar e editar o componente do Dynamic Media Classic e, em seguida, escolher o ativo.
Adicionar experiências de visualização interativas a um site responsivo adding-interactive-viewing-experiences-to-a-responsive-website
Design responsivo para seus ativos significa que eles se adaptam dependendo de onde são exibidos. Com um design responsivo, os mesmos ativos podem ser exibidos eficientemente em vários dispositivos.
Consulte também Design responsivo para páginas da Web.
Para adicionar uma experiência de visualização interativa a um site responsivo:
-
Faça logon no AEM e certifique-se de ter Adobe Dynamic Media Classic Cloud Services configurado e que os componentes do Dynamic Media Classic estão disponíveis.
note note NOTE Se os componentes do Dynamic Media Classic não estiverem disponíveis, verifique se permitir-lhes por meio do modo Design. -
Em um site com a variável Dynamic Media Classic componentes ativados, arrastar e Imagem para a página.
-
Selecione o componente e toque no ícone de configuração.
-
No Configurações do Dynamic Media Classic ajuste os pontos de interrupção.
-
Confirme se os visualizadores estão sendo redimensionados de forma responsiva e se todas as interações estão otimizadas para desktop, tablet e dispositivo móvel.
Configurações comuns a todos os componentes do Dynamic Media Classic settings-common-to-all-scene-components
Embora as opções de configuração variem, as opções a seguir são comuns a todos Dynamic Media Classic componentes:
- Referência de arquivo
Navegue até o arquivo que deseja referenciar. A referência de arquivo mostra o URL do ativo e não necessariamente o URL completo do Dynamic Media Classic, incluindo os comandos e parâmetros de URL. Não é possível adicionar comandos e parâmetros de URL do Dynamic Media Classic neste campo. Eles devem ser adicionados por meio da funcionalidade correspondente no componente. - Largura
Permite definir a largura. - Altura
Permite definir a altura.
Você define essas opções de configuração abrindo (clicando duas vezes em) um componente do Dynamic Media Classic, por exemplo, ao abrir um Zoom componente:
Zoom zoom
O componente de Zoom do HTML5 exibe uma imagem maior quando você pressiona o botão + botão.
O ativo tem ferramentas de zoom na parte inferior. Toque + para aumentar. Toque - para reduzir. Tocar no x ou a seta de redefinição de zoom traz a imagem de volta ao tamanho original de importação. Toque nas setas diagonais para torná-las em tela cheia. Toque Editar para configurar o componente. Com esse componente, você pode configurar configurações comuns a todos Dynamic Media Classic componentes.
Flyout flyout
Na HTML5 Flyout componente, o ativo é mostrado como tela dividida; deixou o ativo no tamanho especificado; à direita, a parte de zoom é exibida. Toque Editar para configurar o componente. Com esse componente, você pode configurar configurações comuns a todos os componentes do Dynamic Media Classic.
Imagem image
A Dynamic Media Classic Imagem permite adicionar a funcionalidade do Dynamic Media Classic às imagens, como modificadores do Dynamic Media Classic, predefinições de imagem ou visualizador e nitidez. A Dynamic Media Classic Imagem é semelhante a outros componentes de imagem no AEM com funcionalidade especial do Dynamic Media Classic. Neste exemplo, a imagem tem o modificador Dynamic Media Classic URL, &op_invert=1 aplicada.
-
Título, Texto alternativo
No Avançado , adicione um título à imagem e um texto alternativo para os usuários que tenham os gráficos desativados. -
URL, Abrir em
É possível definir um ativo de para abrir um link. Defina as URL e Abrir em indique se deseja que ele seja aberto na mesma janela ou em uma nova janela.
-
Predefinição do visualizador
Selecione uma predefinição do visualizador existente no menu suspenso. Se a predefinição do visualizador que você está procurando não estiver visível, talvez seja necessário torná-la visível. Consulte Gerenciar 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. -
Configuração do Dynamic Media Classic
Selecione a configuração do Dynamic Media Classic que deseja usar para buscar predefinições de imagens ativas do SPS. -
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, talvez seja necessário torná-la visível. Consulte Gerenciar predefinições de imagens. Não é possível selecionar uma predefinição do visualizador se você estiver usando uma predefinição de imagem e vice-versa. -
Formato de saída
Selecione o formato de saída da imagem, por exemplo jpeg. Dependendo do formato de saída selecionado, você pode ter opções de configuração adicionais. Consulte Práticas recomendadas de predefinição de imagem. -
Nitidez
Selecione como deseja ajustar a nitidez da imagem. A nitidez é explicada detalhadamente em Práticas recomendadas de predefinição de imagem e Práticas recomendadas de nitidez. -
Modificadores de URL
Você pode alterar os efeitos da imagem fornecendo comandos adicionais de imagem do Dynamic Media Classic. Estes são descritos em Predefinições de imagem e Referência de comando. -
Pontos de interrupção
Se seu site for responsivo, você deseja ajustar os pontos de interrupção. Os pontos de interrupção devem ser separados por vírgulas ( , ).
Modelo da imagem image-template
Modelos de imagem do Dynamic Media Classic são conteúdo em camadas do Photoshop que foi importado para o Dynamic Media Classic, onde o conteúdo e as propriedades foram parametrizadas para oferecer variabilidade. O Modelo de imagem permite importar imagens e alterar o texto dinamicamente no AEM. Além disso, você pode configurar a variável Modelo de imagem componente para usar valores do contexto do cliente, de modo que cada usuário experimente a imagem de uma maneira personalizada.
Toque Editar para configurar o componente. Você pode configurar configurações comuns a todos os componentes do Dynamic Media Classic assim como outras configurações descritas nesta seção.
-
Referência de arquivo, Largura, Altura
Consulte as configurações comuns a todos os componentes do Dynamic Media Classic.note note NOTE Comandos e parâmetros de URL do Dynamic Media Classic não podem ser adicionados diretamente ao URL de referência de arquivo. Eles só podem ser definidos na interface do componente no Parâmetro painel. -
Título, Texto alternativo
Na guia Modelo de imagem do Dynamic Media Classic , adicione um título à imagem e um texto alternativo para os usuários que tenham os gráficos desativados. -
URL, Abrir em
É possível definir um ativo de para abrir um link. Defina o URL e, em Abrir em , indique se deseja que ele seja aberto na mesma janela ou em uma nova janela.
- Painel de parâmetros
Ao importar uma imagem, os parâmetros são preenchidos previamente com informações da imagem. Se não houver conteúdo que possa ser alterado dinamicamente, essa janela ficará vazia.
Alteração dinâmica do texto changing-text-dynamically
Para alterar o texto dinamicamente, insira o novo texto nos campos e clique em OK. Neste exemplo, a variável Preço agora é de US$ 50 e o frete é de 99 centavos.
O texto na imagem muda. Você pode redefinir o texto de volta para o valor original tocando em Redefinir ao lado do campo .
Alteração do texto para refletir o valor de contexto do cliente changing-text-to-reflect-the-value-of-a-client-context-value
Para vincular um campo a um valor de contexto de cliente, toque em Selecionar para abrir o menu de contexto do cliente, selecione o contexto do cliente e toque em OK. Neste exemplo, o nome é alterado com base na vinculação do Nome ao nome formatado no perfil.
O texto reflete o nome do usuário conectado no momento. Você pode redefinir o texto de volta ao valor original clicando em Redefinir ao lado do campo .
Como tornar o modelo de imagem do Dynamic Media Classic um link making-the-scene-image-template-a-link
-
Na página com a Dynamic Media Classic Modelo de imagem componente, toque Editar.
-
No URL , insira o URL para o qual os usuários são direcionados quando a imagem é tocada. No Abrir em , selecione se deseja que o target seja aberto (uma nova janela ou a mesma).
-
Toque OK.
Componente de vídeo video-component
A Dynamic Media Classic Vídeo O componente (disponível na seção Dynamic Media Classic do sidekick) usa a detecção de dispositivo e de largura de banda para veicular o vídeo correto em cada tela. Este componente é um reprodutor de vídeo HTML5; é um visualizador único que pode ser usado entre canais.
Ele pode ser usado para conjuntos de vídeos adaptáveis, um único vídeo MP4 ou um único vídeo F4V.
Consulte Vídeo para obter mais informações sobre como os vídeos funcionam com a integração do Dynamic Media Classic. Além disso, consulte o componente Vídeo do Dynamic Media Classic versus o componente Vídeo de base.
Limitações conhecidas do componente de vídeo known-limitations-for-the-video-component
O Adobe DAM e o WCM mostram se um vídeo principal foi carregado. Eles não mostram esses ativos de proxy:
- Representações codificadas do Dynamic Media Classic
- Conjuntos de vídeo adaptáveis Dynamic Media Classic
Ao usar um conjunto de vídeos adaptáveis com o componente de vídeo do Dynamic Media Classic, é necessário redimensionar o componente para ajustar as dimensões do vídeo.
Navegador de conteúdo do Dynamic Media Classic scene-content-browser
O navegador de conteúdo do Dynamic Media Classic permite exibir o conteúdo do Dynamic Media Classic diretamente no AEM. Para acessar o navegador de conteúdo, no Localizador de conteúdo, selecione Dynamic Media Classic na interface otimizada para toque ou na S7 na interface do usuário clássica. A funcionalidade é idêntica em ambas as interfaces do usuário.
Se você tiver várias configurações, AEM por padrão, a variável configuração padrão. Você pode selecionar configurações diferentes diretamente no navegador de conteúdo do Dynamic Media Classic no menu suspenso.
-
Os ativos localizados na pasta ad-hoc não aparecerão no navegador de conteúdo do Dynamic Media Classic.
-
When A Visualização segura está ativada, os ativos publicados e não publicados no Dynamic Media Classic aparecem no navegador de conteúdo do Dynamic Media Classic.
-
Se você não vir Dynamic Media Classic ou S7 como uma opção no navegador de conteúdo, é necessário configurar o Dynamic Media Classic para funcionar com o AEM.
-
Para vídeo, o navegador de conteúdo do Dynamic Media Classic é compatível com:
- Conjuntos de vídeos adaptáveis: contêiner de todas as representações de vídeo necessárias para uma reprodução contínua em várias telas
- Vídeo MP4 único
- Vídeo F4V único
Navegação de conteúdo na interface otimizada para toque browsing-content-in-the-touch-optimized-ui
Você pode acessar o navegador de conteúdo na interface otimizada para toque ou clássica. Atualmente, a interface otimizada para toque tem a seguinte limitação:
- FXG e ativos Flash da Dynamic Media Classic não são compatíveis.
Navegue pelos ativos do Dynamic Media Classic selecionando Dynamic Media Classic no terceiro menu suspenso. O Dynamic Media Classic não será exibido na lista se você não tiver configurado a integração Dynamic Media Classic/AEM.
- O navegador de conteúdo do Dynamic Media Classic carrega cerca de 100 ativos e os classifica por nome.
- Se você tiver um servidor de visualização seguro definido, o navegador usará esse servidor de visualização para renderizar miniaturas e ativos.
Além disso, você pode navegar pelas informações de resolução, tamanho, dias desde a modificação e nome do arquivo ao passar o mouse sobre o ativo no navegador.
- Para Conjuntos de vídeos adaptáveis e Modelos, nenhuma informação de tamanho é gerada para miniaturas.
- Para Conjuntos de vídeos adaptáveis, nenhuma resolução é gerada para miniaturas.
Pesquisar ativos do Dynamic Media Classic com o navegador de conteúdo searching-for-scene-assets-with-the-content-browser
Pesquisar ativos do Dynamic Media Classic é semelhante a pesquisar ativos AEM exceto que, ao pesquisar, você está realmente vendo uma visualização remota dos ativos no sistema Dynamic Media Classic, em vez de importá-los diretamente para o AEM.
Você pode usar a interface clássica ou a interface otimizada para toque para exibir e procurar ativos. Dependendo da interface, a forma como você pesquisa é um pouco diferente.
Ao pesquisar em qualquer uma das interfaces do usuário, você pode filtrar pelos seguintes critérios (mostrados aqui na interface otimizada para toque):
- Inserir palavras-chave
Você pode pesquisar ativos por nome. Ao pesquisar as palavras-chave inseridas, o nome do arquivo começa com isso. Por exemplo, digitar a palavra "nadar" procuraria quaisquer nomes de arquivo de ativo que comecem com essas letras nessa ordem. Toque em Inserir depois de digitar o termo para localizar o ativo.
- Pasta/caminho
O nome da pasta que aparece é baseado na configuração selecionada. Você pode detalhar para níveis inferiores tocando no ícone de pasta e selecionando uma subpasta, em seguida tocando na marca de seleção para selecioná-la.
Se você inserir uma palavra-chave e selecionar uma pasta, o AEM pesquisará essa pasta e quaisquer subpastas. No entanto, se você não inserir nenhuma palavra-chave ao pesquisar, selecionar a pasta mostrará apenas os ativos nessa pasta e não incluirá nenhuma subpasta.
Por padrão, o AEM pesquisa a pasta selecionada e todas as subpastas.
- Tipo de ativo
Selecionar Dynamic Media Classic para navegar pelo conteúdo do Dynamic Media Classic. Essa opção só estará disponível se o Dynamic Media Classic tiver sido configurado.
- Configuração
Se você tiver mais de uma configuração Dynamic Media Classic definida em Cloud Services, você pode selecioná-lo aqui. Como resultado, a pasta será alterada com base na configuração escolhida.
- Tipo de ativo
No navegador Dynamic Media Classic, você pode filtrar resultados para incluir qualquer um dos seguintes itens: imagens, modelos, vídeos e conjuntos de vídeos adaptáveis. Se você não selecionar nenhum tipo de ativo, AEM por padrão pesquisa todos os tipos de ativo.
-
Na interface clássica, você também pode pesquisar por Flash e FXG. No momento, a filtragem desses itens na interface otimizada para toque não é compatível.
-
Ao pesquisar vídeo, você está pesquisando uma única representação. Os resultados retornam a representação original (somente o *.mp4) e a representação codificada.
-
Ao pesquisar um conjunto de vídeos adaptáveis, você está pesquisando a pasta e todas as subpastas, mas somente se tiver adicionado uma palavra-chave à pesquisa. Se você não tiver adicionado uma palavra-chave, o AEM não pesquisará nas subpastas.
- Publicar status
Você pode filtrar por ativos com base no status da publicação: Não publicado ou Publicado. Se você não selecionar nenhuma Publicar status, AEM por padrão pesquisa todos os status de publicação.
