Creating Interactive Video Quizes
May 15, 2020 12:00 AM
Hello Everyone,
I am trying to create an interactive video quiz (your video plays and stops at certain points to ask your learner questions about the content they are watching). I currently have access to Camtasia where you can create interactive videos with quizes, but you can only export them straight to your LMS, to a Webpage, or as a SCORM package.
Does anyone know of a way I could get the Camtasia interactive videos into Lectora? Or a way to create the same type of video in Lectora?
undefined
Thanks!
Discussion (11)
How about this ... does require a little rework ... Use Camtasia to edit the 1 video into several shorter videos. Share as mp4 from Camtasia. Insert the individual mp4 video files on separate pages in Lectora. Add test question page(s) after each video page. You end up with video, test, video, test, etc.
Can you share one of your interactive videos and explain how you want to interact with it, variables, etc?
Hmmm... for some reason it just embedded the video. But if you go to this you can see it with the quizzing. (You'll have to get rid of the space after . and before com I was hoping this will stop it from being embedded.
screencast. com/t/NT5S1dZu
Thanks Brian! I will have to try that and see how that works. That would also help with the quiz scoring issues we seem to be having with Camtasia.
Darrell here is an example of the type interactive video we are currently doing.
https://www.screencast.com/t/NT5S1dZu
And I just want to be able to put relevant questions up periodically through the video (because the videos for the course tend to be longer 15-20 mins), so that learners can answer the questions as they go along, but you can't bring in the interactive video into Lectora and have it retain it's questions. We want have it somehow interact with Lectora because we want to do a couple matching assessments.
Can Camtasia export quizzes as HTML? You could embed them in Lectora as Web Windows.
Is there a particular reason you couldn't use events that run an action group?
Let's say your video is 18 seconds long (as above) and you have your three questions on the same page. You want a question to display at 6, 12, and 18 seconds:
Event 1: Run Q1 Action group
Action group 1: Pause video; show Q1
Q1: however you want the question to be have on answer - use a "Submit" button to answer the question, then resumes the video, and hides Q1.
Rinse and repeat for as many questions as you want, depending on the space you have for the video and the page. If you want, I can try and get some time to build a sample.
Jason, if I created action groups what would happen if I replaced the video? Would all of the action groups still function the same. We go through a lot of versions of video before the course goes out, and we also will sometimes update video/course content.
Also, thanks for your help! I've only been using Lectora for a couple months so everything is still a little new to me.
undefined
Kolien, I quickly thew this together to show that the concept will work. If you want to try it you can either open the awt and try it in any Lectora preview browser or run the index.html with Microsoft Edge only. It will work on all browsers but it must be hosted on a server; for security reasons having JavaScript access iFrames locally is not permitted and will throw an error.
Briefly, what I did. I built a separate web page that contains only a stand-alone version of MediaElement.js, the video player Lectora - and a lot of top websites, use. I took your video and added a marker at seven seconds, the approximate time your first question appears. When the marker is reached a callback function is fired off triggering a Lectora action group. The action group shows an initially hidden multiple guess question, your first question. Upon answering it the feedback runs a script that fires off one of two Lectora action groups depending on whether the answer was correct or incorrect. Each group consists of three Lectora actions. 1. display feedback about the result in a display window. 2. Hide the question just answered and 3. Instruct the video to continue.
I only did the first question and I didn't even attempt to make it visually appealing, just work.
I'm not sure how comfortable you are with JS. The most difficult part doing things like this is figuring out how to access the content in the web window (it's an iframe in regular web programming) and communicate back and forth. I hadn't done this in Lectora in a while and I rushed it to get it out so it could be much more elegant I'm sure ;-).
I did this first and foremost to see if it will help you out. If you think this is an option you might want to explore, I will try to make time to write out a step-by-step tutorial time permitting. There are a few other peeps in this forum who can run circles around my capabilities (TIM, MATH, SERGEY, JOHN B just to name a few) who hopefully see this and make it better.
I also did this for eLearning Brothers to see. They now own this application and I really, really think this is a function (pardon the pun) that should return. Yes, I said "return" because back in V12, (or was it 14?) Inspire had a very similar capability built-in. When Trivantis switched to the MediaElement.js player (A very good move in my opinion) they lost that ability, most likely because at the time no one had written the marker plugin. Well, its been available for a few years now so folks, "What are you waiting for?" Let's get this into the next update of Inspire! If that's not enough 'Inspire'-ation then consider this - Storyline 3 has had it for a long time...
Stay healthy everyone.
Darrel, thanks for taking the time to create and explain the Makers project! I'm going to show it to my team to see what they think about this method. I agree with you, it would be great if the elearning brothers could get this into inspire.
Ha Ha, just saw Jason's post. If that will work for you then it's a no brainer. However, it would still behoove eLearning Brothers to build it in. If they can make those interesting games they should be able to add this to the built-in player. I'm actually hoping they re-write the whole application so it takes advantage of CSS grid and exports real HTML5 not wonky patched together code that we have to wrestle with to customize, but that's for another time/thread.
Jason, good going. ;-)
undefined
Kolien, in Lectora, just select the video and switch to the Properties tab of the Ribbon. on the left, second item down is the file name. You can click the dropdown arrow there and select a different video, and it's seamlessly swapped for the original, changing no actions or targets. It's actually very slick.
Discussions have been disabled for this post