I’m working on a course that uses almost all video. The content’s good, but the client is asking for ideas for making it more interactive. Someone sent me the 21 Jump Street movie site as an example. I know, right? I like how the trailer layered movie trivia questions over the video. I thought this would make a good example so I tried building it in SL. This is what I put together: Elearning Quiz Demo I’d also be interested in what you think the right number of questions per video might be. Most videos will be 1-2 minutes. Thank you!

We need a "Like" button! Thank you everyone for the great feedback! I updated slide properties to pause base layer so now it plays properly. The airport clip is silent but it's just a placeholder clip for the "real" project, which is confidential (you know how that goes). The pop up video idea is another one. This project is a little formal but I'll give it a go and share how it turns out. Thank you everyone!

Hi Gonzalo, The video pausing is really simple, actually. You just click the gear icon and check the pause timeline option. You have to do that for each slide layer. To create the quiz questions on slide layers, I cheated a little by creating one large image for the slide layer, image and questions. I then added four radio buttons and a submit button. The submit button reveals a feedback graphic with the correct and incorrect icons. This solution was super fast for creating the prototype, but not desirable for production work because nothing on the slide is editable in Storyline.

I really like the presentation! I experienced the same as Bruce - the video kept playing in the background while I was working on the question. This will be an issue since you won't be able to control how long a person takes on each question (unless you can pause the video as Bruce suggests). Taking a slightly different tact, are you familiar with the VH1 "Pop-up video" shows? It's basically music videos with pop-up facts either directly or even indirectly related to the video, artist, or something mentioned in the song. So perhaps you could do something similar with your facts and then just include the quiz at the end? (Or is that what your clients were trying to "solve"?) Perhaps breaking up the videos into smaller chunks would work, with the question at the end of each chunk. Using your sample video, you could first stop it at the same point (where the first gentleman puts his bag on the belt) and then phrase the question in a scenario, perhaps like "The screener identifies the following items. Which one is a violation?" And then you would move on to the next section of video, which is an issue with next traveler's items. And, if you have the liberty to inject some fun, you could play a record-scratching or brake-squealing sound with a big WAIT! or HOLD ON! graphic when you stop the video to ask the quesiton. Again, a great start!

Nice work. Agree, getting the vid to pause would help learners understand what you are trying to do. And maybe it's just me, but it seems a light soundtrack is called for. Seems a bit odd to have a normally relatively loud scene (airport) be silent. Thanks for sharing.

Very cool concept. Well done. Adding the scoring wouldn't be difficult either. Great example. Great movie too - I laughed so hard when I watched it. Cheers!

Sharing and seeking: ideas for making videos more interactive

JeniseCookRidge
Community Member
11 years ago

Montse,

This is fa-bu-lous!

We might have a video-focused project coming up soon, and I love your concept!

The learners will take it on desktop computers, so we won't have the mobile Safari = Play icon issues that Sasha mentioned.

Thank you!
AllanCarrington
Community Member
11 years ago

Daniel Brigham said:

Hi, Allan: I forgot to delete the second blank "web object" slide. Sorry about that.

Articulate has put together a very informative blog post and Screenr on inserting and manipulating the behavior of youtube/website videos: http://www.articulate.com/support/storyline/how-to-add-a-youtube-video-to-storyline

Two basic ways to insert website vid, and each has certain strengths and weakness which the post above and Screenr make clear. I think it'll answer most of your questions. Let me know how it goes. --Daniel

Hi Daniel

Sorry for delay in responding to your post I have been offline on a family vacation and just got back. Maybe I need to do more testing but the first time I tried to embedd a web object with a Youttube video on it and have layers on top for the interactions i.e. buttons and questions when chosen it wouldnt load the video. I have to have it as a web object so the module will work on an iPad .... right????

Any help would be appreciated. I really want this to work

Regards

Allan
AllanCarrington
Community Member
11 years ago

Hi everyone

Montse's demo is excellent and has given me a lot of ideas for use in Higher Education Courses. Has anyone ever tried to add similar interactivity i.e. buttons and pop up questions and feedback over the top of a Youtube embedded movie. I have read the articulate support page that Daniel mentioned (http://www.articulate.com/support/storyline/how-to-add-a-youtube-video-to-storyline) and it would have to be by embedding a web object as the embedded movies would have to run in the Storyline modules on an iPad using the free Articulate player app.

I am very keen to get this to work .... am I missing something? Has anybody ever done it please? If it won't work over the top of the web object would they work if for example, the video only ran on 25% (top LH corner for example) of the view window and the buttons and questions popping up to the side? I hope I am making sense to those reading this post?

I hope there is a way to do this .... as streaming media is the only practical way to deliver the quantity of video I have in mind.

Regards Allan
NataliaMueller
Community Member
11 years ago

Hi Allan,

Check out this screenr on inserting videos. The second half is on using them as web objects. Unless something has changed, only inserted video files can have elements added on top.
ChrisWarren
Community Member
11 years ago
Love this idea!
KellyEdmonds
Community Member
11 years ago

David Anderson said:

Hi Tali -

Here's a quick example for you. Using a single, source video, I created five instances and placed each on its own layer. Then, using Storyline's video editor, I trimmed each video to play a specific section of the video.

This gives users the option to view either the entire video or selected chapters of the video.

Note: this isn't the same thing as jumping to specific frames in the video... I'm faking it by creating the instances of the video. But it works just as well

Demo: view

Source: download

David, great idea! Thanks for sharing
Sjoerdde-Vries
Community Member
11 years ago

I am not sure if this is discussed. I got some problems when I moved the timeline back and forward. I found out (Montse already did, but I just noticed this after studying her template): you must disable the video control:

and enable the seekbar for that slide (with the gear option):

Else, the videocontrol will not interfere with the timeline. For example: When your question pop-s up after 30 seconds, this question will not pop up after 30 seconds if you move the videocontrol forward. Using the seekbar will work, it also controls the video.

Cost me just 2 weeks to figure out (while it is very logic), so this might worth sharing ;o)
ColinFarrelly
Community Member
11 years ago

Hi Montse, great work and i love the interactivity of this idea, I have just started working with Articulate and came across your work and love it, just with the quiz is there away of recording the results through out?

Kind Regards

Colin
PaulaBrandon
Community Member
10 years ago
Love this! Can you make the .story file available?
DavidAnderson
Staff
10 years ago
Hey gang!

We posted an interactive video quiz tutorial and free download recently:

Video Quiz (article)

Storyline 2: Download the quiz template

Storyline 1: Download the quiz template