To learn about video and hotspots, watch the video above or read the following:
Videos are the main asset that exist within a node. If you haven't learned the basics of the Composer, make sure to read our "Getting Started with the Composer" article first.
After you’ve done the necessary work shown in the Interactivity section of the support docs, you're ready to edit the exit flag of your connected nodes.
1. Control click your exit flag, and press edit.
2. You'll be presented with a few options. You have two options for going from one node to the next under the "Trigger Type" section, Time based and Hotspot. Time Based will transition at a selected time during your video. A hotspot will create a location in the content where a user will need to look to transition to the next video.
3. If you're making a hotspots, go to the trigger type section and change your option to Hotspot, this will bring up a few options. You can change all of these options while in the preview editor.
4. Open the preview editor. The preview editor let's you see a virtual representation of the selected scene. You can drag the scene around using your mouse. At the top, you'll see the sections to enter in info about your hotspot.
5. Find the hotspot in the scene. It will start at -5 on the z axis, meaning 5 meters in front from the center of your content.
6. Once located, edit the coordinates and size until your find your desired location. The hotspot is controlled using the X, Y, and Z axis, along with height, and width. Your view is from the center of the x, y and z, axis. Positive x is to your right, negative x to your left, positive y is above you, negative y is below you. Negative z is in front of you, while positive z is behind you.
Naturally, your hotspot is invisible in the scene to your viewer and triggers instantly. So as is, the video would transition immediately from one to the next.
7. If you would like to have a way for users to engage with the hotspot, adding a visual cue will let them know when they are activating one. Click add visual cue to add this option. This will give your user a way to know when they are selecting a hotspot.
8. Above visual cue, you'll have your option for load time, which determines how long a user should look to load that hotspot. If you enter in 2, that will mean a viewer needs to look at the hotspot for 2 seconds to transition. When you’re happy with your content, press check.
9. To further control your exit flags, we have a few sections. The first section on the left, start time, determines when your exit flag becomes available on your timeline for a viewer to trigger. If you're using a time based trigger, then your video will transition to the next on this exact second. Your start time correlates to the location of your exit flag on the node timeline.
10. The next option you have is Next Node, which determines which node to connect this exit flag to. You can select any node you have on the canvas in the section, including the node you're currently on, if you wish to have your node loop onto itself.
11. Below that you have start time in next node, this determines what time your next video will start at. So if you want to skip a few seconds or cut to a specific time in your next node, this is how you do it. You also have the option for start time in next node to be "Now". This makes one node jump to the next at the exact same keyframe in that video. So let's say you have an interactive concert, with one shot on stage, and one shot from the audience. If you're files are time matched, then you can jump from one shot, to the next, and back again, as many times as you would like, while staying in sync with the song.