Looped video slide, hotpot target tracking

Jun 26, 2019

Hello,

This discussion is a follow up to David Anderson's webinar on using Storyline 360 with Video that he gave on 6/26/2019. I have some questions for him and rather than just email him I thought I would start a thread here in case others would like to chime in.

David, you gave an example of using callout buttons on top of an instructional cooking video. The callouts (step 1, step 2, step 3) would appear and disappear at certain times during the video, so that learner can click on the callout to learn more about what is happening in the video in a context-sensitive way. The problem I see is that if the user does not have fast reflexes, he or she may miss the opportunity to click on the callout button, and would then have to use the player controls to rewind and try again. My idea is to make the slide, callout buttons, and video loop together endlessly so that the learner would have as many opportunities as needed to click on the callout buttons. The satisfied learner could then click on a "done" button in order to move on to the next slide. Is this possible to do this in Storyline 360? Can a trigger be set up to loop the entire slide?

Back in 2014, Don Freda gave a really cool Storyline video example in which the learner watches a video of a car driving from the driver's point of view and must point out traffic hazards as the video is playing. You can see the example on youtube here:

https://youtu.be/W0aNbg_s5WA?t=1005

The example starts at 16:45.

Don Freda accomplishes this through the careful use of hotspots, which are just the right shape and appear and disappear at just the right times. The limitation here is that the hotspots do not actually track the moving targets, but instead merely approximate where the targets are located during the short amount of time that the targets appear in the video. For videos in which targets appear on the screen for more than a few seconds while continuing to move, this approach would probably not work. So my question is this: Is it possible to use motion paths or some other method to make hotspots move while continuing to be clickable? For example, if I was making a slide about learning to tell time, could I make a hotspot that stays on top of the second hand of a clock for the entire duration of the video?

Thanks for the great webinar today!

--Ben

2 Replies
Jerry Beaucaire
  1. Loop a slide with a video and storyline elements overlaying the video
    • Create a trigger to JUMP TO SLIDE and specifically select this same slide.
    • Also set the slide to Return to Initial State when revisiting.
    • That should create a working loop.

  2. Yes, you can use motion paths to get the effect you're after.  Will take a lot of fiddling depending on the video being used.
    • add a visible BOX in the shape of future hotspot.  Be generous on the size here.
    • Set the box in place, then apply motion paths to move the hotspot around playing with the destination and timings.  Be sure to turn off the EASE so the path is smooth.
    • Add as many motion paths as need to get from point to point with timings.
    • Because the box is visible, you should be able to work it out with trial and error and preview crazy.

    • Now add your trigger to the BOX to do your tracking thing for when they select the box correctly.
    • Lastly, set your box to NO FILL and NO OUTLINE.  So it's effectively an invisible box.  

      Or you can now create a hotspot in the same shape as the box and use the ANIMATION PAINTER to apply all the animations you created.
David Anderson

Hey Benjamin - 

The demo I used in the webinar can be modified to loop and reveal a continue button after the slide ends. 

When the slide reloads, everything is set to return to their initial state. I used a variable to keep the continue button persistent each time.

I've attached a source file that should help. Let me know if you have any questions on how I set up the file.

This discussion is closed. You can start a new discussion or contact Articulate Support.