Interaction Elements & Use Cases

Interaction Elements & Use Cases

Cinema8 brings an action to your videos with its useful interactive elements. So, what are the purposes of these interactive elements and where can we use them, let's look at them…

HTML

With the HTML element, you can integrate all the platforms where you can get embed code, such as YouTube videos, Facebook posts, Google maps locations, to your videos.

Into the video with HTML element;

- YouTube Videos
- Interactive Cinema8 Videos
- Facebook Posts
- Google Maps Location

It is possible to place objects that can be accessed with embed code.

Click here to see how to embed video from other video platforms to an interactive video in Cinema8 Creative Studio.

Image

With the Image element, you can add images to your videos and use them in various ways. What are these uses;

- Buttons
- Overlays
- Feedback
- Additional Info
- Pop-up Menu

After Effects Import

The "After Effects Import" element allows you to integrate lottie animation files that you have prepared with Adobe After Effects into Cinema8. Thus, you can use the animations you have prepared in your interactive videos. What you need to do is to download and install the “bodymovin” plug-in to the After Effects program. Thanks to this plugin, you can download the animations you have prepared as json files.

Click here to see how to use.

Widget

With this widget element, you can add ready-made animated objects such as lower thirds, animated buttons or text to your videos. 

Click here to see how to use.

Animated Text

Animated text element allows you to give input and output animations to the texts you write in the video.

Get the link of the image you see on any site and want to add to your video. Embed it into your video with Cinema8 Dynamic image.

Drawing

Do you want any area on the video to catch the viewer's attention? With the Drawing element, draw and mark the desired place in the video.
Click here to see how to use.

Video

With the video element, you can integrate different videos into your videos full screen, you can add the time that the viewer has to watch.

In short, the video element lets you to add full-screen and skippable videos to your interactive videos in Cinema8.
Click here to see how to implement full-screen video overlays.

Audio

The Audio element allows you to add audio files on videos.

You can implement into the video with Audio element below;

- Sound effects on buttons / Feedback
- Background music for your videos

Project Item

The project item element is an element that you can add redirects to the interactive projects you have previously created in the video. It has a design similar to the video routing boxes placed at the end of the video, used in YouTube videos. It is usually used when you want to direct the viewer to other videos.

With the Project item, it is possible to create video suggestion buttons.

Countdown

The Countdown element allows you to add counters to the video. You can use these counters as the time limit you will put on a question you put in the video.

The Countdown element is also an element where you can select actions that you can trigger to take an action when the time expires.

Add the Countdown element. Select an action that you want to happen when the time expires. When the time expires, the action you choose will be realized. That's it.

With the Countdown element, it is possible to create counters where you can trigger an action when the time expires.

Click here to see how to add time restriction to the questions.

Free Text Question

With the free text question element, you can ask your viewers questions to write their own answers.

Drag and drop the element into your video. Let your viewer answer their questions by adding their own comments. Give them feedback based on viewer responses.
Click here to see an example of the Free text question element.

Single Select Question

Single Select Question element allows you to prepare classic test questions for your audience.

Drag and drop the element into your video. Write your question and options. You can add and delete as many options as you want. Then, depending on the answers to your question, you can direct them to another place of the video or to another video or give feedback with a message box that comes up.
Click here to see an example of the single select question element.

Multi-Select Question

With the Multi-Select Question element, you can prepare questions that your viewers can choose from more than one item according to the question you ask, and you can give feedback according to the items you choose.
Click here to see an example of the multi-select question element.

Fill in The Blank Question

With the Fill in The Blank Question element, you can prepare questions for your viewers to fill in the space, and give your viewer feedback based on the responses. 
Click here to see an example of the fill in the blank question element.

Drag and Drop Question

With the drag and drop question, you can use it for your drag-and-drop questions in your videos.
Click here to see an example of the drag and drop question element.

Audio/Video Input Question

Audio / Video Input Question element allows you to receive video or audio recordings from viewers.

With this element;

- Job interviews
- Video tests

You can prepare and give your audience a chance to express themselves with sound and video recording.
Click here to see an example of the Audio / Video Input Question element.

Advertising

Dfp (DoubleClick For Publishers) is an advertising service from Google. If you have an advertising account on this platform, you can integrate this account with your Cinema8 account to use Google ads in your interactive videos and earn income from your videos.
Click here to see an example of the DoubleClick For Publishers element.

Jump To

Jump To element allows you to jump from point to point in the video. 

With this element, you can ensure that the viewer does not notice the mistake you made in the video or you can make the viewer return to the beginning of the video in some part of the video and watch your videos from the beginning.

Action

The Action element can be introduced as an element kit. Because with this element, you can choose actions such as stopping the video at the point where you placed the element in the video, mute the video or deactivate the pause button in the rest of the video, and perform different interventions to the video.

Conditional Action

Cinema8 can easily store an action taken by the audience in the video in the background. If the viewer clicked a button in the 10th Second of the video, we can easily see this data. So, what does the Conditional Action element do here?

You can trigger other actions using actions you keep in memory in the video along with Conditional Action. In other words, if the viewer clicked a button in the 20th second, it is like displaying an information window about the first button that he clicked in the 40th Second…

Keep viewer actions in memory with Cinema8. In the rest of the video, determine the video stream according to the viewer selections.

You can read these articles about the Conditional Action element to see How to Earn Badges by Viewers' Choice w/Variables and How to Make Branching Video with Different Finals.

Clickable Area

Clickable Area element allows you to turn an area within the video into a button. Actions can be assigned to happen when these buttons are clicked, and different colors can be given with the flashing animation to attract the attention of the audience.

With the Clickable area element, you can prepare below.

- Buttons
- Flashing areas
- Pop-up menus

Click here to see How to Create Action Buttons in C8 Creative Studio.

Form Designer

It is possible to present the forms you designed in Cinema8 to the viewers with the Form Designer element.

Design your own form with the drag-and-drop element in the Form Designer section of the general menu and present it to your users.

With the Form Designer element, it is possible to prepare below;

- Surveys
- Forms that you can collect information from the viewer

Click here to see an example of the Form Designer element.

Create Introduction Forms

It is possible to collect the information of anonymous viewers watching your videos and create term and conditions texts.

With the Create Introduction element, it is possible to prepare below.

- Video entry form
- Terms and Conditions texts

Click here to see how to create Introduction Forms.

Subtitles

The Subtitle element lets you add different language subtitle options to your videos. Upload the subtitle file with .srt extension that you have prepared before to Cinema8. Then, adjust the language settings and integrate them into your video. Your captioned video is ready. Moreover, you can add more than one different language subtitle options to your videos.


    • Related Articles

    • How to Use Action Elements?

      All interactive widgets in Cinema8 have action properties that are able to trigger some actions when they appear in the scene, disappear from the scene and they are clicked. This action list is also available in Elements panel separately named as ...

    • Supported Interaction Elements in 360° Videos

      It is very easy to make your 360° videos interactive with the interactive elements of Cinema8. So, which Cinema8 interactive elements support 360° video and can work on those videos?, now let's look at them! In fact, all Cinema8 interactive elements ...

    • How To Use After Effect Import Element

      Lottie is a JSON-based animation file format that allows designers to easily submit animations to any platform. Lottie are small files that run on any device and can scale without pixelation. So, what can we do in Cinema8 with the lottie animation ...

    • Customizing Form Elements, Playing with Styles

      With Cinema8, you can easily customize your video player colours according to your company colours or personal tastes and make your video screen interesting. You can also embed fonts from Google Fonts to Cinema8 and use it in your interactive video ...

    • How to Use Question Templates

      You can add questions to your videos with Cinema8. Cinema8 allows you to customize the designs of the question templates you add to your videos. Let’s check how to change question templates. First, return to the main menu and click on the "Tools" ...