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.
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.
Thank you for your feedback. What is it you are trying to do with quizzes on slide layers? Do you have something specific in mind? It is possible inserting quizzes with variables and custom buttons. Maybe someone on the board can help.
While the hand tracking isn't something most of us can do, the illustrated gesture navigation sure is a creative way to jump to specific clips in the video.
Interesting discussion.
David, I love this example! How would you go about creating that kind of navigation which allows the user to jump to a specific location inside the same video?
One way is to create several clips and set a trigger to each one, but if we want to create the illusion that they are all merely parts of the same long video we would have to somehow "bind" them all under one seekbar...
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
One question for the community however. When trying to reproduce this effect, I'm having issues with the video not resuming where it left off when the layers are closed.
Once the layer is hidden and it returns to the main slide, the video starts over. I have adjusted the "Revisits" options on both layer and main slide in various combinations, and that doesn't seem to have an affect.
Anyone else had this issue, or know of a solution?
Hi all, I've been investigating video interaction as well. I was searching for another thread from a while ago, but all I found was the video on YouTube. I'm not sure who the owner is, but here you go:
Hi all, I've been investigating video interaction as well. I was searching for another thread from a while ago, but all I found was the video on YouTube. I'm not sure who the owner is, but here you go:
I'm having trouble with this interaction. The video is paused, but the timeline continues when I am on a layer. As soon as I hide my layer, the pop ups are out of sync. Here is my example...
I am new to Storyline and interactive video with quizzes is very interesting. Sorry if this is a bit of a dumb question, but would this work with an embedded feed from YouTube for example as the base layer video? I assume you can embed a YouTube into Storyline like you can with the new Studio13. To be able to deliver a lot of video from a streaming server instead of "loading" it into the Storyline module seems much more efficient. However can you build the interaction over the top of it so to speak. I hope I am making sense.
72 Replies
Hi, Montse -
What font are you using in that demo, if you don't mind me asking? It looks unusually clean. Used to seeing lower quality type out of Storyline.
Hi Steve,
I used ProximaNova Semi for the headers and ProximaNova Regular for the body text.
I cheated - I saved the text as an image from PS to cut down on production time since this was just a prototype.
Thanks for the font tip. I wondered how you ended up with such beautifully antialiased copy Mystery solved!
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.
Here is the Story file and a video overview:
Source file
Super cool, Montse. Thanks so much for sharing so much with us!
Thank you Montse for letting us know your tips!
As the SL staff will be using your prototype for inspiring others, I am sure they will take notice of quiz questions in layers for the next update.
Cheers
Hola Gonzalo,
Thank you for your feedback. What is it you are trying to do with quizzes on slide layers? Do you have something specific in mind? It is possible inserting quizzes with variables and custom buttons. Maybe someone on the board can help.
Nothing specific; I just wanted to add graded questions with the ease of doing so in slides!
Cheers
This is my first post. Id like to start by saying this is awesome and thanks for sharing
Reece
Thnx for sharing! Like it!
Interesting discussion.
David, I love this example! How would you go about creating that kind of navigation which allows the user to jump to a specific location inside the same video?
One way is to create several clips and set a trigger to each one, but if we want to create the illusion that they are all merely parts of the same long video we would have to somehow "bind" them all under one seekbar...
Any thoughts?
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, thank you so much for this creative idea
Absolutely love this technique, thanks Montse!
One question for the community however. When trying to reproduce this effect, I'm having issues with the video not resuming where it left off when the layers are closed.
Once the layer is hidden and it returns to the main slide, the video starts over. I have adjusted the "Revisits" options on both layer and main slide in various combinations, and that doesn't seem to have an affect.
Anyone else had this issue, or know of a solution?
not sure what caused the problem I encountered above, but I ended up deleting and re creating my slide. Now working as intended.
I left everything on default settings, but on my layer, I made sure to select the "pause timeline on base layer" option.
Works like a charm and looking great!
Thanks Montse - this is a keeper! Very neatly done.
David - always appreciate your demos and revision topics
Much appreciated guys!
Hi all, I've been investigating video interaction as well. I was searching for another thread from a while ago, but all I found was the video on YouTube. I'm not sure who the owner is, but here you go:
http://www.youtube.com/watch?v=h1qptHuxNmk
That's Mike (Enders) of Articulate talking, but seem to remember it as David Anderson that created it originally.
I may be wrong - apologies if my credits are wrong there folks!
Bruce is correct. Mike Enders created that version of the interactive video effect.
Woa, i like that concept!!!
I'm having trouble with this interaction. The video is paused, but the timeline continues when I am on a layer. As soon as I hide my layer, the pop ups are out of sync. Here is my example...
https://googledrive.com/host/0B373E6Wz6_17WGlyN3dGT1p2Ulk/
First time using Google Drive, so here goes!
Really nice Montse! Thanks for sharing! Great idea.
Like it and +1
Here is Tom's thread with a few other examples.
http://www.articulate.com/rapid-elearning/convert-your-bullet-points-to-interactive-e-learning-with-video/
G'day
I am new to Storyline and interactive video with quizzes is very interesting. Sorry if this is a bit of a dumb question, but would this work with an embedded feed from YouTube for example as the base layer video? I assume you can embed a YouTube into Storyline like you can with the new Studio13. To be able to deliver a lot of video from a streaming server instead of "loading" it into the Storyline module seems much more efficient. However can you build the interaction over the top of it so to speak. I hope I am making sense.
Regards
Allan