Interactive video tools mp4#
Interactive video tools plus#

You will now see that an icon with the label Redcurrants has been added to the video:Ī white dot has also been added to the timeline below the video, to indicate that interaction is available at this point in the video: Redcurrants are the bright red translucent edible berries of the Ribes rubrum shrub, which is native to western Europe. In the Text field, we'll add the actual in-depth information text about Redcurrants paraphrased from Wiktionary: The Label is a text that will be displayed next to the interaction icon as a short description of what the learner can expect to find in the interaction.

In this case, we don't want the video to stop automatically when the interaction appears, so we'll leave the Pause checkbox unchecked. Type in 0:00 as start time and 0:03 as end time in the Display time field. We want the text interaction to be visible in the first three seconds of the video. A dialog will appear when you drop the interaction. We'll add a short text about Redcurrants which the learner can choose to read.įirst, add a Text interaction by pressing the Text button on the toolbar, then drag it on top of the video and drop it in the middle of the video. In this tutorial, we'll add a Text and an Image interaction. Simple interactions (Text, Image, Table), presented as a purple button and.

Quiz interaction (Question), presented as a blue button.

There are three different types of interactions: We use the toolbar above the video clip to add interactions: The video clip we added in the previous step is previewed: Press the Add interactions tab in the top of the editor. Now that we've added our video files and copyright information, we're ready to add interactions. Since we are using a Creative Commons licensed video clip, we add the information below in the Edit copyright dialog. Now, edit the copyright information by pressing the Edit copyright button below the black video clip icons:

Interactive video tools mp4#

Locate and upload the video clip in WebM format, that you converted from mp4 in step 2:Īdd relevant labels for both quality levels.

Interactive video tools plus#

Press the plus button again to add an alternative video format to ensure support in all browsers. A square black icon with mp4 written in it will appear: Press the '+' button and then press the 'Upload video file' button:īrowse to where you downloaded the mp4 video file from step 1 and upload the video. Here's where we add the video clips that our Interactive video is based on. By default, the Upload video tab is displayed when you create a new Interactive video, and this is what you always want to start off with. These three steps represent a natural workflow for creating an Interactive video. The Interactive video content type consists of three tabs: Upload video, Add interactions and Summary task. Therefore, we'll focus on the top part of the editor, above the Common fields header. In this tutorial, we'll focus on creating the interactive elements in the video. The top part of the editor looks like this: The Interactive video editor should now appear. Select the New content option and choose Interactive video from the list of Content types: In order to convert the mp4 video to a WebM format, you can use an open-source converter such as Miro. You can check which browsers support the. Opera browsers, for instance, does not support the. However, you should provide an alternative video in webm format just to be sure. mp4 video format will work in most browsers. (Video in MP4 format and WebM format(Click the links and right-click on the videos on the new page, then choose 'save video as'.) Step 2: Video filesĪ video clip is the cornerstone of any Interactive video. The video above is licensed with the Creative Commons Attribution ShareAlike license. We'll use a very short video of redcurrants as a basis for this tutorial. Include puzzles for the learners to solve at any given time in the video by adding Multichoice questions, Fill in the blanks, Drag and drop questions and Summaries. You can facilitate differentiated learning by adding in-depth information such as pictures, tables, text and links that the learner can interact with during video playback. Interactive videos are perfect when you already have a video clip that you want to enrich with interactive elements.