Layout de várias zonas multi-zone-layout
A página seguinte descreve o uso do layout de várias zonas e aborda os seguintes tópicos:
- Visão geral
- Criação de layout de várias zonas
- Pré-requisitos
- Uso de ativos únicos em uma ou mais regiões
- Uso de conteúdo sequenciado em uma ou mais regiões
Visão geral overview
Layout de várias zonas O permite criar vários conteúdos de zona e usar vários ativos, como vídeos, imagens e texto, que podem ser combinados em uma única tela. Você pode inserir imagens, vídeos e texto, permitindo que todos se misturem e criem uma experiência digital intuitiva.
De acordo com os requisitos do projeto, às vezes você precisa de várias zonas em um canal e editá-las como uma unidade abrangente. Por exemplo, uma sequência de produtos com um feed de mídia social relacionado que é executado em três zonas separadas em um único canal.
Pré-requisitos prerequisites
Antes de começar a implementar essa funcionalidade, verifique se você tem o conhecimento conceitual sobre:
Criação de layout de várias zonas creating-multi-zone-layout
Ao criar um canal, é possível usar diferentes modelos para criar zonas no canal. Você pode adicionar uma única imagem, vídeo ou um canal incorporado que permite que vários ativos sejam exibidos em uma sequência.
Criação de um canal
-
Selecione o link Adobe Experience Manager (canto superior esquerdo) e Screens. Como alternativa, você pode ir diretamente para:
http://localhost:4502/screens.html/content/screens
. -
Navegue até Canais e selecione Criar na barra de ações.
-
Selecionar Canal de tela dividida 1x2 do Criar assistente.
-
Selecionar Próxima e insira o título as MultiZone.
-
Selecionar Criar para concluir a criação do canal.
Uso de ativos únicos em uma ou mais regiões using-single-assets-in-one-or-more-zones
Você pode usar ativos únicos, como uma imagem ou um vídeo, em todas as zonas individuais. Siga as etapas abaixo para a implementação:
-
Adicionar conteúdo ao canal
- Navegue até Zonas > Canais> MultiZone.
- Selecione o MultiZone canal e selecione Editar na barra de ações.
-
Adicionar imagens ao canal
Para reproduzir uma única imagem ou um vídeo em duas zonas, basta arrastar e soltar uma imagem em cada zona no editor de canais, como mostrado na figura abaixo:
Uso de conteúdo sequenciado em uma ou mais regiões using-sequenced-content-in-one-or-more-zones
Se quiser que as zonas exibam uma sequência de imagens e um vídeo nas diferentes zonas, siga as etapas abaixo para obter detalhes.
-
Criação de uma pasta de canal
- Navegue até Zonas > MultiZone > Canais e selecione Criar na barra de ações.
- Selecionar Pasta de canais do Criar e selecione Próxima.
- Insira o título como EmbeddedChannels e selecione Criar.
-
Adição de mais dois canais à Pasta de canal
- Navegue até Zonas > Canais > EmbeddedChannels e selecione Criar na barra de ações.
- Selecionar Canal de sequência do Criar assistente para criar um canal intitulado como
Zone1
. - Selecionar
Zone1
e selecione Editar na barra de ações. - Arraste e solte algumas imagens neste canal.
- Da mesma forma, crie outro canal de sequência chamado de
Zone2
in EmbeddedChannels pasta. - Arraste e solte um vídeo neste canal.
A figura a seguir mostra os canais
Zone1
eZone2
:As imagens adicionadas ao editor de
Zone1
canal de sequência são mostrados abaixo:O vídeo foi adicionado ao editor do
Zone2
o canal de sequência é mostrado abaixo: -
Adicionar sequências incorporadas (componente) ao canal principal (MultiZone)
-
Navegue até Zonas > Canais > MultiZone.
-
Selecionar Editar na barra de ações.
-
Arraste e solte a Sequência incorporada componente às duas regiões.
-
Selecione a sequência incorporada em uma das zonas.
-
Selecione o Configurar (chave inglesa) para uma das sequências incorporadas no editor.
-
Selecione o caminho do canal como Zonas > Canais > EmbeddedChannels >
Zone1
, conforme mostrado na figura abaixo. -
Da mesma forma, adicione a variável
Zone2
para outro componente de sequência incorporado no editor.
-
Criação de um local e uma exibição creating-location
Crie um local e uma exibição para exibir o conteúdo no reprodutor do AEM Screens.
-
Criação de um local
- Navegue até Zonas > Localizações pasta.
- Selecione o Localizações e selecione Criar na barra de ações.
- Selecionar Localização do Criar e selecione Próxima.
- Insira o Título as San Jose e selecione Criar.
-
Criação de uma exibição
- Navegue até Zonas > Localizações pasta.
- Selecione o San Jose e selecione Criar na barra de ações.
- Selecionar Exibir do Criar e selecione Próxima.
- Insira o Título as Lobby e selecione Criar.
Atribuição de canais à exibição channel-channel
Atribua os canais à exibição para visualizar o conteúdo. Siga as etapas abaixo para atribuir o canal à exibição.
-
Atribuição de canal à exibição
-
Navegue até Zonas > Localizações > San Jose> Lobby.
-
Selecione o Lobby exibir e selecionar Atribuir canal na barra de ações.
-
Insira o caminho para o MultiZone entrada de canal Caminho do canal.
-
Defina o Eventos suportados as Carga inicial, Tela inativa, e Temporizador.
-
Selecione Salvar.
-
Da mesma forma, atribua os outros dois canais incorporados (
Zone1
eZone2
) para essa exibição. -
Depois de atribuir todos os três canais à variável Lobby ser capaz de visualizar os canais atribuídos a partir do painel de exibição.
note important IMPORTANT Depois de atribuir o canal principal (neste caso, MultiZone) para a exibição, é obrigatório atribuir os outros dois canais incorporados Zone1
eZone2
também para a mesma exibição.
-
Registrando o dispositivo registering-device
Depois de configurar um local e uma exibição, siga as etapas abaixo para registrar o dispositivo e atribuir a exibição ao dispositivo.
-
Registrando o dispositivo
-
Navegue até Zonas > Dispositivos pasta.
-
Selecione o Dispositivos e selecione Gerenciador de dispositivos na barra de ações.
-
Selecionar Registro do dispositivo e selecione o dispositivo pendente na lista.
note note NOTE O título do dispositivo deve corresponder ao token do dispositivo (Token campo) exibido na Registro do dispositivo guia. -
Se o título corresponder ao token do dispositivo, selecione o dispositivo e Registrar dispositivo na barra de ações.
-
Se o código de registro corresponder ao código no reprodutor do Screens Registro do dispositivo selecione Validar na barra de ações.
-
Insira o Título as
Chrome-Device1
e selecione Registrar. -
Selecionar Atribuir exibição e selecione o caminho para a configuração do dispositivo.
note note NOTE Se estiver tentando exibir o conteúdo no reprodutor do Screens, selecione Atualizar conteúdo offline no painel do canal para cada um dos canais atribuídos à exibição. -
Exibir o resultado viewing-the-result
Quando você implementa layouts de várias regiões usando as etapas anteriores, a seguinte saída é exibida.
Marque o reprodutor do Screens para que você possa exibir a saída que exibe o conteúdo em duas zonas diferentes. As zonas esquerda e direita (ambas usam uma sequência incorporada como um componente).
A zona esquerda é um canal de sequência e a zona direita inclui um vídeo.