How to Make Branching Video with Different Finals

How to Make Branching Video with Different Finals

Imagine that there are more than one question in your interactive video, and also multiple final scenes shaped by the choices made by users. How would you control such a situation?

Let's make an example right now.

Let's assume that we will add 3 Single Select Questions to the video for now. If the viewer answers “a” to Question 1, “c” to Question 2, “b” to Question 3, then we will direct them to Final 2. In the example below you can see which time intervals we placed the questions and the finals.

 

Cinema8 Interactive Video Articles - How to Make Branching Video with Different Finals

 

1- After logging into Cinema8 Creative Studio, create your interactive project and open the editor.

2- For an example, we add the first question to 00:00:05.000. Click the settings button of the first option. We will define a variable on the Set Variable section. Write “question1” as Key and “a” as value. In the settings of the second option, write “question1” as Key and “b” as value on the Set Variable section. For the third option, write “question1” as Key and “c” as value. Then, we will control the values that we assign here. After completing your settings, click Save.

3- Copy the question element to 00:00:10.000 and set the options. You can make the variable settings sections for each option as follows:

First Option: question2 = a
Second Option: question2 = b
Third Option: question2 = c

4- Copy the question element to 00:00:15.000 and set the options. You can make the variable settings sections for each option as follows:

First Option: question3 = a
Second Option: question3 = b
Third Option: question3 = c

5- Add a Conditional widget to the timeline to determine our initial condition and the action to be taken. Let our first condition be the following: If the audience answers “a” to Question 1, “c” to Question 2, “b” to Question 3, we will direct it to Final 2.

Click the Add Condition button. We need to check all 3 values here. Type "question1 = a" as the first condition.
Click the Add Condition button. Type “question2 = c” as the second condition.
Click the Add Condition button. Type “question3 = b” as the third condition and save.

6- Now we need to check which answers the viewer clicked. You need to position the added Conditional Action widget between the time after answering all the questions and the time when Final 1 begins. Let's set it to 00:00:17.000 - 00:00:18.000.

7- You need to determine which action to take under this condition from Condition Actions in the Conditional Action Properties panel. Select “Jump in This Project” from the action list. Let's write the time when Final 2 begins - 00:01:00.000.

8- You can create other conditions according to the setup you make. Remember to place these conditions in the same timeframe as the one you created first.

9- You can ask the viewer to stop the video and not see the other finals after watching the related final. To do this, add the Actions widget from the Elements panel to the end point of Final 2. Select Pause Video on the list and save it. Set the start and end time in the Properties panel. Let's write the end time of Final 2 here: 00:01:25.000 - 00:01:26.000.

That's all.

    • Related Articles

    • How to Implement Custom Size Video Overlay

      While viewers watching your video, they can click on an area in the video to open a full-screen video overlay and get extra information. Viewers can close this video overlay and resume the main video. The difference between Custom-Size Video Overlay ...
    • How to Implement Full Screen Video Overlay

      While viewers watching your video, they can click on an area in the video to open a different video overlay and get extra information. Viewers can close this video overlay and resume the main video. Let's look at how to. Create a project from the ...
    • How to Add Questions on Video

        Adding Question on Video is a straight forward functionality  you can add different question types with drag&drop tools with creative studio.  
    • Making Amazing Video Surveys, Using Hotspots as Options on Interactive Videos

      Surveys are question lists that have been used for many purposes for years. In general terms, they are used to identify people's attitudes, thoughts and feelings, suggestions and to obtain information. This collected information begins to differ ...
    • Using Variables in Interaction Design

      You can work with scenarios in which you can control the conditions you set within your interactive videos. You can define variables and assign values to these variables. Conditional Action widget in Cinema8 editor provides a very easy opportunity to ...