Skip to main content

How to create interactive videos in AI Studios

Enhance Your Content with Dynamic Viewer Interactions Using AI STUDIOS

E
Written by Eric Seyoung Jang

In this help doc

An interactive video lets viewers click elements in the video to jump to another scene or open a web page, so each viewer can choose their own path. This doc shows how to make an element clickable, set an ending scene, and check your branches before you share the video.


Make an element clickable

You can make text, shapes, logos, and images on the canvas clickable. Build your scenes first, then:

  1. Click the element on the canvas.

  2. Click Interactivity in the toolbar at the top.

  3. In Target Scene, choose where a click should go: Previous Scene, Next Scene, or a specific scene such as Scene #2.

  4. To open a web page instead, enter its address in Set as URL.

  5. To pause the video until the viewer clicks an interactive element, check Wait for click.

Selecting a text element, opening Interactivity, choosing Scene #2 as the target, and checking Wait for click

Repeat this for each choice you want to offer. For example, Scene 1 can have two buttons, one leading to Scene 2 and the other to Scene 3. Scenes 2 and 3 can then lead back to Scene 4, or keep branching.

Set an ending scene

The last scene in your scene list is the ending scene by default. Its card shows an end icon, and Set Ending Scene is unavailable in its menu.

To end a path on a different scene:

  1. Click the more icon (…) on that scene's card.

  2. Click Set Ending Scene.

The scene menu of the last scene, where Set Ending Scene is unavailable because it is already the ending scene

When you export a SCORM package, a viewer's progress is complete once they reach the ending scene.

Preview and share

Before you share, click every branch to make sure each click goes where you expect, and that no path gets stuck in a loop or a dead end. To check the whole video, click the full-screen preview button below the canvas.

When you're happy with it, export the video and share it with a link, or export it as a SCORM package for your LMS.

💡 Tip: For common mistakes in branching, see Check for cases where branching logic breaks in your interactive videos.


FAQ

Which elements can I make clickable?
Text, shapes, logos, and images on the canvas.

Can I dub an interactive video with AI Dubbing?
Yes, but the branching is removed. The dubbed video is a standard linear video without interactive elements.

Related articles

Did this answer your question?