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.
Hi, Allan: you can create interactive video using youtube sources as well. I've done this with the "naughty bear" mockup where I inserted a youtube video as "video from website." See attached. All sorts of things you can do.
Thanks mate as they say in my "kultcha" in the Deep South. I really appreciate the response. Those resources are helpful and I really should have done more research before shooting off questions - the creative juices were flowing a little fast at the time.
In your naughty bear story i couldn't see anything on the navigation link to the side "web object" I think it said - is that because it is intentional or is it a problem? Please let me try again to define what I am trying to achieve. I need to mention up front everything has to work on tablets especially iPads.
I want to pull in an embedded youtube video of say 10 minutes length into the storyline module - am I correct that it has to be a web object right?
I want it to look like it is part of the module like the excellent airport example that started this forum thread.
In a similar way I want a trigger button similar to the ? question mark button appear on top of the video when specified and it pause the video and the interaction/quiz question appears on top and behaves the same way as the airport security example.
There will also be a time when the choices actually replace the youtube video playing with another one ... would that also be possible?
Finally I might as well ask the question seeing we are on this. Can the responses from the learners be fed by Tincan to a LMS .... I think the answer is yes. DUH of course I have no idea how yet but if all this is possible it is worth working on it. :-)
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
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
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.
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.
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
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)
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?
I have created a video quiz with light boxes. It has been wonderful until i ran into a small problem: i cant get the result from the questions in light box.
I did exactly the same process of creating a result slide as instructed. However, it didnt show up the result in the result slide.
Did you use Storyline's built in Quiz or Freeform slides? If you did, then you should be able to select the questions to track and score in your Results slide. Here's what mine looks like:
Do you want to attach your .story file so I can take a look at it?
You just need to select which quiz questions to Include in your results slide. There are checkboxes for each quiz in the Edit Results slide options. Just select each box to include the question in your results.
Hi Sanchit! This article shares some ideas (and examples!) on how to create interactive videos in Storyline. Although the title says 360, the ideas in the article also work for Storyline 3 (e.g. layers and hotspots). I believe you'll need to add the videos into Storyline to give you more control and to make them interactive. Hope that helps!
72 Replies
Hi, Allan: you can create interactive video using youtube sources as well. I've done this with the "naughty bear" mockup where I inserted a youtube video as "video from website." See attached. All sorts of things you can do.
If you are interested in interactive video, you might also find this post interesting. http://community.articulate.com/forums/p/32218/175489.aspx#175489
Especially check out the versions that Matthew and Rebecca tweaked.
Hi Daniel
Thanks mate as they say in my "kultcha" in the Deep South. I really appreciate the response. Those resources are helpful and I really should have done more research before shooting off questions - the creative juices were flowing a little fast at the time.
In your naughty bear story i couldn't see anything on the navigation link to the side "web object" I think it said - is that because it is intentional or is it a problem? Please let me try again to define what I am trying to achieve. I need to mention up front everything has to work on tablets especially iPads.
Thanks Daniel and everyone for the help
Regards
Allan
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
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!
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
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
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.
Love this idea!
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)
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
This post was removed by the author
Love this! Can you make the .story file available?
Hey gang!
We posted an interactive video quiz tutorial and free download recently:
HI all
I have created a video quiz with light boxes. It has been wonderful until i ran into a small problem: i cant get the result from the questions in light box.
I did exactly the same process of creating a result slide as instructed. However, it didnt show up the result in the result slide.
Could anyone help me please. Thanks in advance.
Hello Phu!
Did you use Storyline's built in Quiz or Freeform slides? If you did, then you should be able to select the questions to track and score in your Results slide. Here's what mine looks like:
Do you want to attach your .story file so I can take a look at it?
Hi Montse
Please have a look at my file and help me fix this issue @@
Thanks! This is easy to fix:-)
You just need to select which quiz questions to Include in your results slide. There are checkboxes for each quiz in the Edit Results slide options. Just select each box to include the question in your results.
Arghhh
I forgot to have these questions checked. Thank you so much for your time :D
Hi, Where can i download this template from?
Hi, Montse!
There is another way to add trackable quizzes, instead insterting quiz questions as individual slides as lightboxes?
Thanks in anticipation of a reply.
Hi,
Few links are not working now.
Any suggestions on how to make videos interactive in storyline 3.
I have videos created in Goanimate/Vyond - can I make them interactive by embedding in storyline.
Regards
Malvika
Hi Sanchit! This article shares some ideas (and examples!) on how to create interactive videos in Storyline. Although the title says 360, the ideas in the article also work for Storyline 3 (e.g. layers and hotspots). I believe you'll need to add the videos into Storyline to give you more control and to make them interactive. Hope that helps!