-
00:00:00Olá a todos e hoje estamos aqui para responder a uma pergunta que
-
00:00:04Eles nos propuseram que era necessário um projeto que
-
00:00:08começaria com um vídeo em loop como o que
-
00:00:10estamos vendo e isso
-
00:00:12só haveria uma opção que
-
00:00:14Seria um botão que
-
00:00:15colocamos 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
-
00:00:31leva à segunda foto com o detalhe que
-
00:00:35Quando 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
-
00:00:49nenhum elemento de pele e vamos trazer nosso vídeo que
-
00:00:55é com qual
-
00:00:55nosso projeto começa com um vídeo como dissemos, vamos na aba de vídeos, selecionamos e ele tem que ser
-
00:01:04reproduzir em loop a pré-visualização deixamos o guia abaixo da linha do tempo para ver isso
-
00:01:12Ele 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
-
00:01:26preencha-os agora precisamos de um botão que
-
00:01:29Vai entrar na pele que
-
00:01:31permita-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.
-
00:01:53podemos colocar isso
-
00:01:55seja 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
-
00:02:19Ele traz por padrão, mas primeiro vamos nomear os elementos corretamente, o primeiro contêiner tem o botão que
-
00:02:28Ele 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
-
00:02:53100% do tamanho e aqui temos isso
-
00:02:56escolher as opções vamos criar os botões, vamos gerar vamos colocar o fundo preto para que
-
00:03:07cobrir 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
-
00:03:32a 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
-
00:03:51mostre-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
-
00:04:11levar para uma foto ou outra foto, adicionaremos as fotos separadamente, pois
-
00:04:173 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
-
00:04:36ser 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
-
00:04:59mostra 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
-
00:05:16ocultar este botão de opção do contêiner 1, ele abre o álbum, mas tem que
-
00:05:22ocultar 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
-
00:05:55Foi-nos dito que
-
00:05:56Esta tela quando aberta precisamos
-
00:06:03há um tempo de inação que
-
00:06:06o 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
-
00:06:18opção que
-
00:06:19é preciso
-
00:06:20Se estivermos no visualizador principal e no primeiro contêiner temos o botão que
-
00:06:27Ele nos leva ao seletor de opções, abrimos a ação, implantamos os efeitos e vamos usar este pequeno
-
00:06:38configuração adicional na qual
-
00:06:41Se 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
-
00:06:59minuto mas para fazer o teste vamos colocar 15 segundos podemos configurar o efeito que
-
00:07:05nós queremos
-
00:07:06Clicamos 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
-
00:07:24interação voltaríamos ao vídeo em loop neste caso notamos que
-
00:07:33qual
-
00:07:34fez é esconder o visualizador então para poder ir para o primeiro vídeo temos que
-
00:07:42configurando 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
-
00:08:01lembre-se disso
-
00:08:02As vistas panorâmicas devem
-
00:08:03tem uma proporção de 2 para 1, portanto geramos um dumi de 400 por 200 que
-
00:08:10não vamos usar mas o que
-
00:08:11Precisamos ocupar 3 pontos de vista que vamos projetar e colocar o pano dumi bem no começo para que
-
00:08:22para 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
-
00:08:34Ele será nosso principal visualizador personalizado, vamos em viewer e geramos ele dentro do primeiro container, portanto temos um primeiro container que
-
00:09:00ocupa toda a tela com um visor que
-
00:09:02ocupa a tela inteira e um botão abaixo agora temos que
-
00:09:07mudar isso
-
00:09:08nosso vídeo em loop não irá mais para o visualizador principal, mas
-
00:09:11vá 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
-
00:09:26vídeo em tela cheia, vemos o seletor de opções e as opções que
-
00:09:34Eles fazem é abrir o álbum de fotos e esconder o segundo recipiente, então temos o mesmo que
-
00:09:48fizemos no vídeo nas fotos temos que
-
00:09:52diga a ele que
-
00:09:53vá para o visualizador personalizado que
-
00:09:56nó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
-
00:10:16vá 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
-
00:10:30é o que
-
00:10:31acontece que
-
00:10:31Estamos reutilizando esse botão para retornar ao seletor, mas eles não sabiam que era indicado
-
00:10:39Se não houve interação na tela do seletor de opções, retorne ao vídeo. Neste caso, retorne à última foto que
-
00:10:52nós abrimos, portanto temos que
-
00:10:56resolver um problema que
-
00:10:57tem que
-
00:10:58para retornar ao vídeo inicial teríamos que
-
00:11:01para 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
-
00:11:19não estar aqui dentro mas
-
00:11:21esteja aqui para que
-
00:11:24Por padrão, temos o contêiner 1 que
-
00:11:27vai cobrir esse botão tem que
-
00:11:36mostrar 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
-
00:11:54o que está colocado acima
-
00:11:56O 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
-
00:12:23Eles escondem nós dois, nós escondemos os 2 e mostramos o primeiro e vamos ver o que vai para casa o que
-
00:12:40temos que
-
00:12:41o que fazer é mostrar o contêiner 1, mostrar os componentes, mostrar o contêiner 1, vamos verificar com a visualização, vemos que
-
00:12:56Está em preto então temos que
-
00:12:59re-corrigir a ordem dos projetos vídeo 1 tem que
-
00:13:05vamos 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
-
00:13:31nã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
-
00:13:51opção deste botão que
-
00:13:55tem uma ação adicional que
-
00:13:59controla o tempo em que
-
00:14:01nenhuma opção é feita ao clicar nele me mostra o segundo contêiner que
-
00:14:07É 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
-
00:14:22escolheu uma opção que a ação não ocorreria desde
-
00:14:27Espero que esteja escondido