O Dynamic Media permite carregar, gerenciar, visualização e fornecer ativos 3D como experiências imersivas.
Não há necessidade de configuração adicional para usar ativos 3D no Dynamic Media.
O Dynamic Media suporta os seguintes formatos 3D.
Consulte também formatos 3D suportados.
extensão de arquivo 3D | Formato de arquivo | Tipo MIME | Notas |
---|---|---|---|
GLB | Transmissão binária do GL | model/gltf-binary | Inclui os materiais e as texturas como um único ativo. |
OBJ | Arquivo de objeto 3D WaveFront | application/x-tgif | |
STL | Estereolitografia | application/vnd.ms-pki.stl | |
USDZ | Arquivo Zip de descrição do Universal Scene | model/vnd.usdz+zip | Apoio unicamente à ingestão; nenhuma visualização ou interação está disponível. USDZ é um formato 3D proprietário que pode ser visualizado nativamente por dispositivos Safari e iOS. |
A seguinte descrição passo a passo do fluxo de trabalho foi projetada para ajudá-lo a iniciar e executar rapidamente com ativos 3D no modo Dynamic Media - Scene7.
Os ativos 3D não são suportados no Dynamic Media - Modo híbrido.
Antes de trabalhar com ativos 3D no Dynamic Media, verifique se o administrador do AEM já habilitou e configurou os Cloud Services do Dynamic Media no modo Scene7.
Consulte Configuração de Cloud Services de Mídia Dinâmica em Configuração de Mídia Dinâmica - modo Scene7 e Resolução de Problemas de Mídia Dinâmica - modo Scene7.
Carregar ativos 3D
Gerenciar ativos 3D
Organizar e pesquisar ativos 3D
Visualização de ativos 3D
Trabalhar com metadados de ativos 3D
Publicar ativos 3D
Esta seção descreve como visualização e interagir com ativos 3D de duas maneiras diferentes: na página de detalhes do ativo e a partir do componente de mídia 3D no Sites.
O visualizador 3D interativo inclui, entre outras coisas, uma coleção de controles de câmera interativos que permitem que você orbite, aplique zoom e desloce o ativo 3D.
Esteja ciente de que o tempo necessário para abrir um ativo 3D na visualização da página Detalhes do ativo depende de vários fatores. Esses fatores incluem informações como as seguintes:
Além disso, os recursos do computador cliente, como uma estação de trabalho, um notebook ou um dispositivo de toque móvel, também são importantes de se considerar ao manipular a câmera interativamente. Um sistema bastante eficiente com bons recursos gráficos pode tornar a experiência de visualização interativa em 3D mais fácil e favorável.
Você pode abrir a predefinição do visualizador Dimensional no Editor de predefinições do visualizador para praticar a navegação de um ativo 3D sem a necessidade de primeiro carregar qualquer arquivo 3D. A predefinição do visualizador Dimensional tem um ativo 3D incorporado para você interagir.
Consulte também Visualizar ativos usando a interface de software.
Para visualização e interação com um ativo 3D na página de detalhes do ativo
Verifique se você fez upload dos ativos 3D no AEM.
Em AEM, na página Navegação, toque em Ativos > Arquivos.
Perto do canto superior direito da página, na lista suspensa Visualização, toque em Visualização do cartão.
Navegue até o ativo 3D que deseja visualizar.
Toque no cartão de ativo 3D para abri-lo na página de detalhes do ativo.
Na página de visualização de detalhes do ativo 3D, execute um dos procedimentos a seguir:
No canto superior direito da página, toque em Fechar para voltar à página Assets.
Quando uma página da Web está no modo Editar, nenhuma interação é possível com um ativo 3D. Para tornar o ativo interativo, você pode usar o recurso Pré-visualização para visualização da página da Web no editor de páginas com total acesso à funcionalidade do componente de mídia 3D.
Você pode realizar essa tarefa somente depois de ter adicionado um componente de mídia 3D a uma página da Web e atribuído um ativo 3D ao componente. Consulte Adicionar o componente de mídia 3D a uma página da Web e Atribuindo um ativo 3D a um componente de mídia 3D.
Consulte também Visualizar ativos usando a interface de software.
Para visualização e interação com um ativo 3D dentro de um componente de mídia 3D
Enquanto uma página da Web estiver no modo Editar, execute um dos procedimentos a seguir:
/editor.html
do URL da página no navegador.Um ativo 3D totalmente interativo, conforme exibido em
componente de mídia 3D Um ativo 3D totalmente interativo, como exibido no modo de visualização.
No modo Pré-visualização, execute um dos procedimentos a seguir:
O Dynamic Media inclui um componente de Dynamic Media 3D Media que pode ser usado no AEM Sites para permitir a visualização interativa de modelos 3D em suas páginas da Web.
Navegue até Ferramentas > Geral > Modelos.
Navegue até o modelo de página no qual você deseja ativar o componente 3D e selecione o modelo.
Toque em Editar para abrir o modelo.
Perto do canto superior direito da página, no menu suspenso, selecione o modo Estrutura, se já não estiver ativo.
Toque em uma área vazia na região Container de layout para selecioná-la e abrir a barra de ferramentas associada.
Na barra de ferramentas, toque no ícone Política para abrir o Editor de Políticas.
Na seção Propriedades, na guia Componentes permitidos, vá até Mídia dinâmica, expanda a lista e marque Mídia 3D.
Toque em Concluído para guardar as alterações e fechar o Editor de Políticas.
Agora você pode colocar o componente Mídia 3D do Dynamic Media em todas as páginas que usam esse modelo.
Se você estiver usando o Adobe Experience Manager como seu sistema de gestão de conteúdo da Web, poderá adicionar ativos 3D às suas páginas da Web por meio do componente de mídia 3D.
Consulte também Adicionar ativos de Mídia Dinâmica às páginas.
Abra o AEM Sites e selecione a página da Web à qual deseja adicionar o componente Mídia 3D do Dynamic Media.
Toque no ícone Editar (lápis) para abrir a página no editor de páginas. Verifique se o modo Editar está selecionado próximo ao canto superior direito da página.
Na barra de ferramentas, toque no ícone Painel lateral para alternar ou "ativar" a exibição do painel.
No painel lateral, toque no ícone de sinal de mais para abrir a lista Components.
Arraste o componente 3D Media da lista Components para o local na página onde deseja que o visualizador 3D apareça.
Agora você está pronto para atribuir um ativo 3D ao componente.
Consulte Atribuindo um ativo 3D a um componente de mídia 3D.
No editor de páginas do AEM Sites, selecione o componente 3D Media Viewer que você adicionou anteriormente à página.
Toque no ícone Configuração (chave) para abrir a caixa de diálogo de configuração do componente.
Na caixa de diálogo Mídia 3D, na lista suspensa Predefinições do visualizador, selecione Dimensional para atribuir a predefinição do visualizador Dimensional ao componente.
No canto superior direito, toque na marca de seleção para salvar as alterações.
Depois de adicionar um componente de mídia 3D a uma página da Web, você pode atribuir um ativo 3D a ela.
Consulte Adicionar o componente de mídia 3D a uma página da Web.
No editor de páginas do AEM Sites, clique no ícone Ativos para abrir Ativos no painel lateral.
Na lista suspensa, selecione 3D para mostrar apenas tipos de arquivos de ativos 3D.
No painel lateral, procure ou role até o ativo 3D que você deseja que seja visualização na página que está sendo editada.
Arraste o ativo 3D do painel lateral Ativos e solte-o no componente 3D Media que você adicionou anteriormente à página.
Enquanto uma página da Web está no modo AEM Sites Edit, o componente de Mídia 3D exibe o ativo 3D, mas nenhuma interação com o ativo é possível. Para tornar o ativo interativo, você pode usar o recurso Pré-visualização para visualização da página da Web no editor de páginas com total acesso à funcionalidade do componente de mídia 3D.
O Dynamic Media aceita uma variedade de formatos de arquivo 3D compatíveis com conteúdo estático no Dynamic Media. O conteúdo estático significa que você pode fazer upload e publicar ativos 3D, mas não há suporte para dynamic criação de imagens ou redefinição de imagens associadas ao ativo 3D. O motivo é que o Dynamic Media Imaging Server não reconhece formatos 3D. Assim, depois de publicar um ativo 3D no Dynamic Media, você tem um URL instantâneo que pode ser copiado. O URL do ativo 3D segue a estrutura normal de URL do Dynamic Media. No entanto, não é possível editar nenhum parâmetro no URL do ativo, ao contrário dos ativos de imagem tradicionais no Dynamic Media.
Consulte também Obter um URL para um ativo estático.
Na Visualização de cartão, um pequeno ícone de globo aparece logo abaixo do nome de um ativo e à esquerda de sua data e hora para indicar que ele foi publicado. Na Exibição em lista, uma coluna Publicado indica quais ativos foram publicados ou não.
Se você estiver usando AEM como seu WCM, use este método de publicação para adicionar os ativos 3D do Dynamic Media diretamente na sua página da Web.
Consulte também Publicar ativos de Mídia Dinâmica.
Consulte também Páginas de publicação.
Para publicar ativos estáticos do Dynamic Media 3D
Abra um ativo 3D (formato de arquivo GLB, OBJ ou STL) para visualização na página de detalhes do ativo.
Na barra de ferramentas, toque em Publicação rápida.
Toque em Fechar para sair da caixa de diálogo e retornar à página de detalhes do ativo.
Na lista suspensa à esquerda do nome de arquivo do ativo 3D, toque em Representações.
Toque em original. Quando um ativo 3D é publicado (ou "ativado"), o botão URL é exibido próximo ao canto inferior esquerdo da página se todas as seguintes condições de ativo 3D forem atendidas:
Toque em URL para exibir o URL de produção direta do ativo 3D que você pode copiar e usar em páginas da Web.
Use os dois métodos a seguir para publicar ativos do Dynamic Media 3D se você não estiver usando AEM como seu WCM.
URL - Use o URL se estiver usando um sistema de gestão de conteúdo da Web de terceiros e quiser vincular ativos 3D do Dynamic Media às suas páginas da Web usando o Visualizador Dimensional.
Consulte Vincular URLs ao aplicativo da Web.
Incorporar - Use Incorporar quando quiser visualização um ativo 3D do Dynamic Media incorporado em uma página da Web usando o visualizador Dimensional. Copie o código incorporado na área de transferência para poder colá-lo nuas páginas da Web. A edição do código não é permitida na caixa de diálogo Embed.