- Olá a todos e hoje estamos aqui para responder a uma pergunta que .
- Eles nos propuseram que era necessário um projeto que .
- começaria com um vídeo em loop como o que .
- estamos vendo e isso .
- só haveria uma opção que .
- Seria um botão que .
- colocamos aqui e nos leva a uma segunda janela onde há uma série de opções para escolher se escolhermos uma nos leva a uma foto e podemos voltar ao início se pressionarmos a segunda opção que .
- leva à segunda foto com o detalhe que .
- Quando vamos na lista de opções se o usuário não fizer nenhuma interação depois de um tempo ele retorna para a tela inicial para isso vamos em três visualizações criamos um novo projeto básico e vazio sem .
- nenhum elemento de pele e vamos trazer nosso vídeo que .
- é com qual .
- nosso projeto começa com um vídeo como dissemos, vamos na aba de vídeos, selecionamos e ele tem que ser .
- reproduzir em loop a pré-visualização deixamos o guia abaixo da linha do tempo para ver isso .
- Ele toca infinitamente em um loop para evitar as listras laterais pretas que podemos configurar adicionalmente para ajustar o exterior no modo de escala para que .
- preencha-os agora precisamos de um botão que .
- Vai entrar na pele que .
- permita-nos pular deste vídeo para o seletor de opções, então criamos um contêiner, vamos remover a cor e dar 100 por cento, podemos colocá-lo, vamos colocá-lo no canto inferior direito. .
- podemos colocar isso .
- seja horizontal direita e inferior e vamos dar uma margem da parte inferior de 10 pixels e lateral de 10 pixels colocamos um botão vamos remover a ação que .
- Ele traz por padrão, mas primeiro vamos nomear os elementos corretamente, o primeiro contêiner tem o botão que .
- Ele nos leva às opções, agora precisamos criar um segundo contêiner, podemos copiar e colar isso, clicamos no botão, vamos ocultar o primeiro e vamos renomeá-lo para não nos confundirmos, o segundo contêiner também está em .
- 100% do tamanho e aqui temos isso .
- escolher as opções vamos criar os botões, vamos gerar vamos colocar o fundo preto para que .
- cobrir todo o nosso conteúdo e as duas opções serão dois botões e agora vamos fazer um botão para termos nosso vídeo que .
- a placa-mãe vai ser repurificada um primeiro contêiner com o primeiro botão para poder pular para o segundo contêiner o segundo contêiner fica oculto por padrão portanto neste botão vamos adicionar uma ação que .
- mostre-nos o segundo contêiner mostre ou oculte componentes mostre o segundo contêiner vamos visualizar temos nosso vídeo em loop, clicamos no botão e ele nos leva às opções as opções devem ser .
- levar para uma foto ou outra foto, adicionaremos as fotos separadamente, pois .
- 3 de vista gera algum e em cada uma das salas damos para tocar em loop ou em duração poderíamos colocar 0 para que .
- ser infinito voltamos a pele, abrimos o segundo container opção 1, abrirá o álbum 1 e opção 2, abrirá o álbum 2 fazemos visualização abreviar loop de vídeo, botão que .
- mostra as opções opção 1, opção 2, opção 1 opção 2 neste caso eles estão abrindo as fotos, mas no visualizador principal, portanto, precisamos adicionar uma ação adicional que .
- ocultar este botão de opção do contêiner 1, ele abre o álbum, mas tem que .
- ocultar contêiner 2 ocultar componentes contêiner 2 ocultar componentes contêiner 2 nós vemos abreviar loop vídeo opção seletor opção 1 nos mostra foto 1 retornamos para as opções opção 2 fotos mas adicionalmente .
- Foi-nos dito que .
- Esta tela quando aberta precisamos .
- há um tempo de inação que .
- o usuário não realiza nenhuma ação podemos retornar à tela inicial do vídeo em loop voltamos à visualização 3 e vamos usar um pequeno .
- opção que .
- é preciso .
- Se estivermos no visualizador principal e no primeiro contêiner temos o botão que .
- Ele nos leva ao seletor de opções, abrimos a ação, implantamos os efeitos e vamos usar este pequeno .
- configuração adicional na qual .
- Se não houver interação, ele retorna ao estado original ao clicar, ele me mostra o container 2 das opções, mas se não fizermos nada ali, ele retorna ao estado original, onde nos foi pedido um .
- minuto mas para fazer o teste vamos colocar 15 segundos podemos configurar o efeito que .
- nós queremos .
- Clicamos em concluído, visualizamos, temos nosso vídeo em loop, vamos em nossas opções dentro das opções que podemos abrir, voltamos nas opções e se o usuário não fizer nada em 15 segundos .
- interação voltaríamos ao vídeo em loop neste caso notamos que .
- qual .
- fez é esconder o visualizador então para poder ir para o primeiro vídeo temos que .
- configurando de outra forma voltamos para a vista 3 e é aqui que entra a operação especial da vista 3, vamos evitar o visualizador principal e vamos preenchê-lo com um panorama dumi falso .
- lembre-se disso .
- As vistas panorâmicas devem .
- tem uma proporção de 2 para 1, portanto geramos um dumi de 400 por 200 que .
- não vamos usar mas o que .
- Precisamos ocupar 3 pontos de vista que vamos projetar e colocar o pano dumi bem no começo para que .
- para jogar como a primeira mídia dentro do nosso carrossel, vamos para a pele e nosso primeiro contêiner com o botão terá um visualizador dentro dele .
- Ele será nosso principal visualizador personalizado, vamos em viewer e geramos ele dentro do primeiro container, portanto temos um primeiro container que .
- ocupa toda a tela com um visor que .
- ocupa a tela inteira e um botão abaixo agora temos que .
- mudar isso .
- nosso vídeo em loop não irá mais para o visualizador principal, mas .
- vá para o visualizador de loop, vamos fazer a pré-visualização, temos o vídeo em loop, pulamos para as opções, vamos para a opção 2 e agora aqui não está funcionando, verificamos se temos o primeiro contêiner com o .
- vídeo em tela cheia, vemos o seletor de opções e as opções que .
- Eles fazem é abrir o álbum de fotos e esconder o segundo recipiente, então temos o mesmo que .
- fizemos no vídeo nas fotos temos que .
- diga a ele que .
- vá para o visualizador personalizado que .
- nós criamos, verificamos com a opção de seleção de vídeo de pré-visualização em loop, opção 1 e o álbum aberto também tem força e mudamos o álbum aberto para que .
- vá para o visualizador correto, nós visualizamos o seletor de opções de vídeo em loop, opção 1, foto 1, voltamos para o seletor de opções, opção 2, foto 2 que .
- é o que .
- acontece que .
- Estamos reutilizando esse botão para retornar ao seletor, mas eles não sabiam que era indicado .
- Se não houve interação na tela do seletor de opções, retorne ao vídeo. Neste caso, retorne à última foto que .
- nós abrimos, portanto temos que .
- resolver um problema que .
- tem que .
- para retornar ao vídeo inicial teríamos que .
- para poder voltar a este vídeo em loop, então se começarmos com o vídeo em tela cheia, vou precisar criar um botão adicional, vou colocar um contêiner extra que .
- não estar aqui dentro mas .
- esteja aqui para que .
- Por padrão, temos o contêiner 1 que .
- vai cobrir esse botão tem que .
- mostrar o primeiro container vamos fazer a sequência o primeiro container não temos o vídeo em loop e podemos ir no seletor de opções neste segundo seletor que .
- o que está colocado acima .
- O que fazemos é abrir o álbum 1, vamos voltar para o Minecraft e a opção 2 para o Minecraft, mas precisamos ocultar esses dois contêineres para que possamos ver o Minecraft com o botão na frente, então esconda .
- Eles escondem nós dois, nós escondemos os 2 e mostramos o primeiro e vamos ver o que vai para casa o que .
- temos que .
- o que fazer é mostrar o contêiner 1, mostrar os componentes, mostrar o contêiner 1, vamos verificar com a visualização, vemos que .
- Está em preto então temos que .
- re-corrigir a ordem dos projetos vídeo 1 tem que .
- vamos para o nosso vídeo em loop, pulamos para o seletor de opções opção 1 foto 1, podemos voltar para a opção de vídeo 2 foto 2 e podemos voltar para o vídeo agora se formos para o seletor de opções e não .
- não fazemos nada por 15 segundos ele deve retornar ao vídeo de loop inicial e isso se deve principalmente à ordem e a este pequeno .
- opção deste botão que .
- tem uma ação adicional que .
- controla o tempo em que .
- nenhuma opção é feita ao clicar nele me mostra o segundo contêiner que .
- É onde você tem as opções mas ele retorna ao estado original, portanto ele o esconde novamente e o primeiro contêiner fica exibido depois de um tempo como se estivéssemos aqui e naquele momento temos .
- escolheu uma opção que a ação não ocorreria desde .
- Espero que esteja escondido .