Interactive Video
Published in

Interactive Video

Interactive components

Interactive universal component.

Interactive content allows users to interact with the ability components (such as branch plot, perspective switch, picture information exploration, etc.), interactive capabilities through interactive components.

Rich interactive components can provide content creators with a variety of fast and configurable interactive games, so that the video has the corresponding interactive ability or achieve playback logic judgment.

Countdown option.

The user enters the interactive point, an option appears, and the countdown begins.

If the user selects an option during the countdown, then proceed to the next plot.

If the user does not choose after the countdown is completed, the default option is entered.

Interruption option.

When an option appears, the screen that is playing is paused; after the viewer makes a choice, it plays the corresponding video based on their choice.

When there is an interactive point of “break selection”, the screen is paused. It will not enter the corresponding plot until the user has made a choice.
Use scenario recommendation: What kind of plot is it often used in? When the protagonist makes a dilemma, or the plot of the whole story enters the climax or turning point, etc.

Perspective switching.

This interactive ability enables the audience to switch between multiple perspectives, and then get different content experiences from different roles, physical locations and other perspectives.

In the process of playback, users can switch perspectives to achieve multi-machine positions to watch the same scene.

Through the perspective switch, content creators can provide multiple perspectives of content for the audience at the same time in the variety show, corresponding to different scenes such as waiting area, main stage and so on.

View switching component.

The perspective switching component can be used to realize the interactive ability of perspective switching. The standard components of the component include:

Perspective button: show the optional perspective, and identify the current perspective, and so on.

The standard composition styles of the perspective switching components we provide for creators are as follows:

— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —

Exploration of picture information.

This interactive ability supports adding text, video and other information content to the main video, and prompts and guides the audience to explore in a natural immersion way.

Text explorable information can usually be used for static information such as plot hints, picture explanations and details naturally derived from the content of the main video picture.

Video explorable information can be combined with the main video content to naturally lead to tidbits, eggs and other plots.

Through the exploration of portrait information, the content creators can greatly enrich the content of the program, and provide the interesting and informative content outside the main line of the plot to the audience to explore and discover on their own in the video.

information exploration component

The information exploration component can be used to realize the interactive ability of picture information exploration. The standard components of the component include:

Content tips can be explored in the main video: used to prompt and guide users to view explorable content, and can respond to user clicks to view more detailed content.

Return / close button: for viewers to click and return to the original viewing process of the main video from the exploration content.

The standard composition styles of the video information exploration components are as follows:

Return / close button:

The in-screen information that can be explored by users can include many types, such as text, video and so on.

Depending on the type of explorable information, the information exploration component may have different prompt styles in the main video and return styles in the exploration information.

The standard composition styles of the text information exploration components we provide are as follows:

Immediate response component.

When watching the key plot, the audience needs to follow the screen prompts for immediate interactive action.

Common instant interactive actions include: click, continuous tap, long press, left scroll, right scroll, up scroll, scroll down, shake the phone.

For example, when “falling rocks are thrown at the protagonist from the sky” in the plot, the audience can help the protagonist dodge by scroll left or right;

when there is a toast in the plot, the audience can scroll up to help the protagonist complete the toast.

User value.

Through the implementation of the action of the characters in the instant action operation drama, or affecting the development of the plot,

the audience can get the immersion experience in the deep participation.

When audience long presses the screen long→ the protagonist will open the curtains.

When the audience scroll the screen to the left, the protagonist will hold the heroine.


Interactive effect description: by continuously shaking the phone, trigger the interactive effect.

Use scene suggestion: when the audience is needed to guide the characters in the play to carry out complex actions (for example, when the characters are fighting).

parallel universes

time travel

Interactive player.

The player is the main scene of interactive video. In order to meet different needs, our platform opens up some customized capabilities of the player to achieve a more immersive interactive experience.

Interactive element.

The application of each component in interactive video is an interactive point.

The interactive point contains interactive elements such as component functions, text, pictures, video, sound, icons, background styles, and so on.

Content creators can use and customize these elements to complete their creation and guide the audience to interact with each other to achieve the purpose of interaction.

Interactive component customization.

An upper-level editing tool for customizing personalized interactive play components for creators.

In the editing tool, the creator only needs to drag simply, organize different system function modules together, quickly realize the front-end interactive playback effect, modify the parameters on the module, customize the personalized component parameters of different modules, and then import the customized interactive components with one click and apply them to the story presentation.

Custom interactive components.

If the generic component cannot meet their requirements, the creator can also upload a custom interactive component. Our platform provides the ability to customize interactive components that can be created and used in the interactive video creating platform.

A custom interactive component that allows content developers to upload the development elements of each module of the component through an open interface.

For generic components, our platform still provides some independent editing capabilities for each component, including UI components that define component options, as well as sound effects when selecting.

As shown in the following figure, a special “Interruption selection component” is customized for UI.




Creators can contribute videos with multiple branching storylines so that viewers can interact with the video. Viewers can interact with this type of video directly on the player, choose different options, and experience the different endings.

Recommended from Medium

Future Entrepreneur Challenge — Meet Student Max

How privilege impacts empathy

5 Best Medical Website Design Examples and Color Analysis in 2018

Escape Rooms: Designing for the Real World and VR

A Fight for Love

[MFA Thesis06]Initial research — Survey

$100K USDC Animation Competition — Competition Extended!

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Chier Hu

Chier Hu

More from Medium

Utilizing Webpack and Create React App with Zendesk’s Custom Pages

Passwordless Email Link Login Using Firebase Auth in Ionic Angular App

Lazy Loading React Components (React.lazy & Suspense)

NET update: April 2022