Interactive videos in e-learning can be an effective way to enhance your course scenarios, activities, and quizzes. And Articulate Storyline makes working with video super easy.
This Storyline interaction features customizable buttons, quiz questions, feedback layers. I've included a sample video to show you how the timing and interactivity were created.
Hi Eric - In this demo, the video pauses when the slide layer opens. Slide layers have an option to pause the base layer timeline: https://community.articulate.com/articles/interactive-video-quizzes-storyline#PausingTheVideo
If you want to pause the timeline with the buttons, you can add a Pause Media trigger to pause the video when the button is clicked.
Does that help?
Thanks David,
the trigger "when the button is clicked" is not the best solution for me. I prefer to pause when the button is displayed.
I can add a trigger to pause when the timeline reaches a cuepoint (corresponding to the button is displayed) and that works. So I can click on the button to display the layer.
Unfortunatly I cannot find a solution to resume the video when user quit the layer.
There's no way for a trigger on a slide layer to resume the base layer timeline.
A usable solution is to move your buttons off the base layer and place each button on its own layer. Set the layer properties to pause base timeline. Leave the rest of your button triggers in place to show the layers as clicked.
Now when you hide a slide layer, your base layer timeline will auto-resume as intended.
The difference between pausing the base layer timeline from a trigger and showing a layer is that the layer version will auto-resume the timeline when the slide layer is closed. When a "pause timeline" trigger is used, you need a "resume timeline" trigger to resume.
Does that make sense? Great question and a good tip to add in the video tutorials I'm putting together.
If absolutely have to resume the paused video on the base layer after closing a side-layer there's a workaround. First, setup a number variable, let's call it ChangeFlag. Add a trigger on the baseline: if ChangeFlag changes, play the video. Now, on the side-layer, before you close it, you need to adjust the ChangeFlag variable by adding one. Using a Storyline action (adjust variable) will not work because the baseline will not detect the change. The only way the baseline will detect the ChangeFlag change is if you can change that AFTER the sidelayer closed. How you can do that is put this JavaScript trigger on the sidelayer: player=GetPlayer(); setTimeout(function(){ player.SetVar("ChangeFlag",player.GetVar("ChangeFlag")+1); }, 500); This will add 1 to the ChangeFlag variabl... Expand
If absolutely have to resume the paused video on the base layer after closing a side-layer there's a workaround. First, setup a number variable, let's call it ChangeFlag. Add a trigger on the baseline: if ChangeFlag changes, play the video. Now, on the side-layer, before you close it, you need to adjust the ChangeFlag variable by adding one. Using a Storyline action (adjust variable) will not work because the baseline will not detect the change. The only way the baseline will detect the ChangeFlag change is if you can change that AFTER the sidelayer closed. How you can do that is put this JavaScript trigger on the sidelayer: player=GetPlayer(); setTimeout(function(){ player.SetVar("ChangeFlag",player.GetVar("ChangeFlag")+1); }, 500); This will add 1 to the ChangeFlag variable half a second after you're closing the sidelayer. By then, you're on the baselayer, and so, the baselayer picks up the trigger. You can play around the number to make sure the sidelayer is closed but the user doesn't have to wait long (time is in milliseconds). Again, use this only you absolutely need to.
Hi
I would like to introduce my self
my name is Maher Ahmed I live in Jacksonville, NC,
I am a language instructor , working at coastal Carolina community college
David! I love this! Well done. I laughed at myself trying to make sense of the business gibberish, then realized you must have used one of those clever "lorem ipsum" generators that gives you nonsense text. Good work!
Admittedly, a lot of my writing reads like it was produced by lorem ipsum generators. Glad you could spot the difference this time.
Seriously, thanks for the kind feedback. Video quizzes are a fresh approach to interactivity. I have a few more examples to share around this type of interaction.
Hi Marcel! Yes you can do this in SL1. We have the same file available here: https://community.articulate.com/download/storyline-1-interactive-video-quiz
The techniques are exactly the same.
Many thanks for sharing this with us David - excellent job. However I am struggling to add more questions. Do I copy the buttons? duplicate layers?, copy triggers? I am in a bit of a muddle. I have tried a variety of approaches but end up more confused than ever. Could someone describe how to add a Q4?
Thanks in anticipation of a reply
I'm wondering if there is a way to incorporate a results slide with a mark (grade) calculated on it and the students answers displayed back to them in a printable format.
I know this is quite easy to do with the standard questions slides in StoryLine, but this examples work quite differently.
Has anyone got any ideas on how to achieve this?
Hi David... Thanks for the model!
I'm in a job where I have to use the competing tool... One thing I've noticed is that whereas some projects like this are simple and straightforward in SL, it's just the opposite in C. It took me two days to build a model in C instead of an hour or two it would have taken in C.
My hat's off to Arlyn and his team. You don't know what your missing until you're forced to deal with, well, mediocrity...
Always great to hear from you, Michael! How are book sales?
Storyline's workflow is what sets it apart. You've been part of SL since our first beta so I know you appreciate the workflow benefits. Hopefully you'll make the case to move your new company over to SL:-)
Hi David,
Are there any limitations? I have a video that is 143 seconds long and can add interactions/Quiz questions by layer and lightboxes. But any interaction I add after 60 seconds does not pause the video or appear. I figure it has to be something simple, any suggestions?
36 Comments
If absolutely have to resume the paused video on the base layer after closing a side-layer there's a workaround. First, setup a number variable, let's call it ChangeFlag. Add a trigger on the baseline: if ChangeFlag changes, play the video. Now, on the side-layer, before you close it, you need to adjust the ChangeFlag variable by adding one. Using a Storyline action (adjust variable) will not work because the baseline will not detect the change. The only way the baseline will detect the ChangeFlag change is if you can change that AFTER the sidelayer closed. How you can do that is put this JavaScript trigger on the sidelayer: player=GetPlayer(); setTimeout(function(){ player.SetVar("ChangeFlag",player.GetVar("ChangeFlag")+1); }, 500); This will add 1 to the ChangeFlag variabl... Expand