To enjoy all Player Action features you must use Idomoo Player 2.0 or above.


Storyboards can hold instructions for Idomoo's player to do certain actions. These actions can be presenting chapters, stopping to ask the viewer a question, display a button that opens a link and more.


Using a Scene For Player Navigation

You can use any scene as a chapter header. This helps your viewers jump around the video. These chapter headers appear on the player during playback, like in this example:



In the player, they click the name of a chapter they want to jump to and the playhead jumps to the start of that scene.

To turn a scene into a chapter marker do the following:

  1. Click a scene in the storyboard's list of scenes to load it's properties.
  2. Under Scene Name, rename the scene with the name of the chapter you want it to represent. You can use names like: Chapter 1, or Welcome.
  3. Finally tick the checkbox next to Use For Player Navigation to make this scene a chapter marker.



In the example above, I renamed three scenes and used them as chapter markers: Chapter 1, Chapter 2, and Chapter 3.


Creating Player Actions

Player actions are instructions for the player to do something beyond playing the video. Usually this means letting the viewer choose how they would like to move forward. You do this by asking the viewer a question and waiting for the viewer to respond by clicking a button.
You create the buttons as an overlay on top of the video. But, if you plan your video correctly, you can turn any placeholder into a clickable button.


Creating a Player Action Card

Create a Player Action by using the Add Player Action button in a scene. Find it next to the Add Audio button at the top of the placeholder list.



Once you clicked this button a new placeholder appears called Player Action 1.



Click the Settings button to open the Settings panel, shown here:



The Settings Panel's Timing Tab

There are two tabs in this panel: Timing and Design. I start with an explanation of the various options in the Timing tab of this panel.
There are two things you can do here. The first is to pause the video and show clickable buttons, and the second is to perform an action without asking the viewer anything. Whatever you choose, you should name this action so it is recognizable in Idomoo's analytics.
Here are the various options in the settings panel:

  • When the player reaches this point, the player action is recorded in Idomoo analytics. Name the action by filling in this first text field.
  • When should the action take place from the beginning of the scene, in seconds? Fill in this number field.
  • You can choose to stop the video and present the viewer with options, or you can choose to perform an action without asking the viewer. Choose the right radio button to reflect your choice.
  • If you chose the first option, you need to choose for how long to stop playback:
    • Till User Clicks, meaning indefinitely.
    • For, meaning an amount of seconds. Of course, you then need to choose what to do when the time runs out. You can choose to continue playback from where you stopped, or jump to the beginning of another scene.
  • If you chose to do an action by choosing the second radio button, you need to decide what the action will be from the following list:
    • Jump To - to jump to the beginning of a scene. You can add an offset if you want to start in the middle of the scene instead.
    • Open Link - to open a link in the browser.
    • Load Video - to load another video into this very player. Just add the URL here.
    • End of Video - meaning jumping to the end of the video.
    • Pause - allowing to pause playback.
    • Trigger Event - which causes the player to fire a JavaScript event on the landing page.

Choosing to pause the video, by clicking the first radio button, poses a question: what will you present the viewer, and what options will they have? All of this is done in the Design tab.


The Settings Panel's Design Tab

In the design tab you design the graphics the viewer will interact with when the player stops. You define two main things: a title and buttons.



The title is there to tell the viewer what these options are about. It can be something like: Choose what you want to watch next, or click below to go to our website or continue watching. Just fill in a title, and you're ready to go.



The buttons are the choices the user has. You can create up to four buttons with text on each.
To create a button click Add Button. There are three things you need to do to define the button's behavior:

  1. Fill in Button text. This is the text that appears on the button, directing the viewer to what will happen when they click this choice.
  2. Choose what will happen On Click. There are four options here:
    • Jump To - Direct the player to jump to the beginning of a scene plus an offset which you can define, in seconds.
    • Open Link - Direct the browser to open a link in a new window.
    • Load Video - Direct the player to open another video inside this same player.
    • Continue - Simply continue playback.
  3. Fill in Analytics Tag. The tag name is how clicking this button appears in Idomoo's analytics.


Using a Placeholder for Interactions



Any placeholder can become clickable. This means you can design a frame in After Effects thinking of what will be clickable, and as long as the clickable area are placeholders, you can define actions for that area in Storybuilding Suite.

To do this in your storyboard click this button on the placeholder you'd like to make clickable.



A panel pops up called Interactive Placeholder. This is where you define what happens when the viewer clicks the placeholder area.



There are two things you need to do to define behavior:

  1. Fill in Analytics Event Name. The event name is how clicking this placeholder appears in Idomoo's analytics.
  2. Choose what Event Action happens on click. There are three options here:
    • Jump To - Direct the player to jump to the beginning of a scene plus an offset which you can define, in seconds.
    • Open Link - Direct the browser to open a link in a new window.
    • Load Video - Direct the player to open another video inside this same player.
    • Pause - pauses the video on click.
    • Trigger Event - which causes the player to fire a JavaScript event on the landing page.