Hello everyone and today we are here to answer a question that.
They have proposed to us that a project was needed that.
would start with a looping video like the one.
we are seeing and that.
there would only be one option that.
It would be a button that.
we have placed here and it takes us to a second window where there are a series of options to choose from if we choose one it takes us to a photo and we can return to the beginning if we press the second option we.
leads to the second photo with the detail that.
When we go to the list of options if the user does not make any interaction after a while he returns to the initial screen for this we go to three view we create a new basic and empty project without.
no skin element and we are going to bring our video that.
is with which.
our project starts with a video as we have said, we go to the videos tab, we select it and it has to be.
play in loop preview we have left the guide below the timeline to see that.
It plays infinitely in a loop to avoid the black side stripes we can additionally configure to adjust outside in scale mode so that.
fill them now we need a button that.
It will go in the skin that.
allow us to jump from this video to the options selector, so we create a container, we're going to remove the color and give it 100 percent, we can place it, we're going to place it at the bottom right..
we can put that.
be horizontal right and bottom and we are going to give it a margin from the bottom of 10 pixels and side of 10 pixels we put a button we are going to remove the action that.
It brings by default but first we are going to name the elements correctly the first container has the button that.
It takes us to the options now we need to create a second container we can copy and paste this we click the button we are going to hide the first one and we are going to rename it so as not to get confused the second container is also at.
100% size and here we have to.
choose the options we are going to create the buttons, we are going to generate we are going to put the black background so that.
cover all our content and the two options are going to be two buttons and now we are going to make a button so we have our video that.
the mainboard is going to be repurified a first container with the first button to be able to jump to the second container the second container is hidden by default therefore this button we are going to add an action that.
show us the second container show or hide components show second container we are going to preview we have our video in loop, we click on the button and it takes us to the options the options have to be.
take to a photo or another photo, we will add the photos separately since.
3 of view generates some and in each of the rooms we give it to play in loop or in duration we could put 0 so that.
be infinite we return to the skin, we open the second container option 1, will open album 1 and option 2, will open album 2 we do view abbreviate loop video, button that.
shows the options option 1, option 2, option 1 option 2 in this case they are opening the photos but in the main viewer therefore we need to add an additional action that.
hide this container radio button 1, it opens the album but it has to.
hide container 2 hide components container 2 hide components container 2 we do short view loop video option selector option 1 shows us photo 1 we return to the options option 2 photos but additionally.
We have been told that.
This screen when opened we need to.
there is a time of inaction that.
the user does not take any action we can return to the initial screen of the looped video we return to view 3 and we are going to use a small.
option that.
one has to.
If we are in the main viewer and in the first container we have the button that.
It takes us to the options selector, we open the action, we deploy effects and we are going to use this small.
additional configuration in which.
If no interaction is made, it returns to the original state when clicking, it shows me container 2 of the options, but if we do nothing there, it returns to the original state, where we have been asked for a.
minute but to do the test we are going to put 15 seconds we can configure the effect that.
we want.
We click on done, we preview, we have our video in loop, we go to our options within the options we can open, we return to the options and if the user does not do anything in 15 seconds.
interaction we would return to the looped video in this case we have noticed that.
which.
has done is hide the viewer so to be able to go to the first video we have to.
configure it in another way we return to view 3 and this is where the special operation of view 3 comes in, we are going to avoid the main viewer and we are going to fill it with a fake dumi panorama.
remember that.
Panoramic views have to.
have a ratio of 2 to 1, therefore we have generated a dumi of 400 by 200 which.
we are not going to use but what.
We need to occupy 3 of view we come to project and place the pano dumi at the very beginning so that.
to play as the first media inside our carousel we go to skin and our first container with the button will have a viewer inside that.
It will be our main custom viewer, let's go to viewer and generate it inside the first container, therefore we have a first container that.
occupies the entire screen with a viewfinder that.
occupies the entire screen and a button below now we have to.
change that.
our looping video will no longer go to the main viewer but.
go to the loop viewer we are going to do preview we have the video in loop we jump to the options we go to option 2 and now here it is not working we check we have the first container with the.
full screen video we are shown the options selector and the options what.
They do is open the photo album and hide the second container, so we have the same as.
we have done in the video in the photos we have to.
tell him that.
go to the custom viewer that.
we have created we check with preview video in loop option selector option 1 and open album also has force and we change open album so that.
go to the correct viewer we preview looping video option selector option 1 photo 1 we go back to the option selector option 2 photo 2 that.
is what.
it happens that.
We are reusing this button to return to the selector but they did not know that it was indicated.
If there was no interaction on the option selector screen, return to the video. In this case, return to the last photo that.
we have opened therefore we have to.
solve a problem that.
has to.
to return to the initial video we would have to.
to be able to go back to this video in loop so if we start with the video in full screen I'm going to need to create an additional button I'm going to place an extra container that.
not be inside here but.
be here so that.
By default we have container 1 which.
is going to cover this button has to.
show the first container we are going to make the sequence the first container we do not have the looping video and we can go to the options selector in this second selector that.
what is put above.
We do is open album 1, we're going to switch back to Minecraft and option 2 to Minecraft, but we need to hide these two containers so we can see Minecraft with the button in front, so hide.
They hide both of us, we hide the 2 and show the first one and we're going to see the go to home what.
we have to.
to do is show container 1 show components show container 1 let's check with preview we see that.
It is in black so we have to.
re-correct the order of the projects video 1 has to.
go to our looped video we jump to the option selector option 1 photo 1 we can go back to the video option 2 photo 2 and we can go back to the video now if we go to the option selector and no.
we do nothing for 15 seconds it should return to the initial loop video and this is mostly thanks to the order and this little.
option of this button that.
has an additional action that.
controls the time in which.
no option is made when clicking it shows me the second container that.
It is where you have the options but it returns to the original state, therefore it hides it again and the first container is left displayed after a while as if we are here and at that time we have.
chosen an option that action would not occur since.
It is hidden I hope.