Can you force a scrolling panel to scroll in time with the audio?

Jun 17, 2016

I have a graphic in a scrolling panel. I have highlights that appear timed with audio. But one of the graphics needs to scroll down before the highlight appears. Can I build in the scroll so the graphic is in the right place on the screen when the audio hits the right spot?

15 Replies
Helen Tyson

Hi Angie

Add a motion path to the graphic and set it's duration and timing on the timeline so it moves in time with the audio.

Here's a blog post from Yukon Learning that describes how (in the context of closed captions) but the principle will work for you

http://www.thearticulatetrainer.com/is-there-a-way-to-make-a-scrolling-panel-automatically-scroll/

Hope that helps

H

Ashley Terwilliger-Pollard

Hi Angie,

Motion paths are not a feature of Storyline 1. There isn't a way to sync the audio and scrolling within Storyline - but perhaps you could look at screen recording those two things (you manually scrolling while audio plays) and then use that as a video? If the user will need access to the scrolling panel you could insert this video on a slide just prior and have it automatically jump to the next slide to allow the user access to a scrolling panel file. 

Helen Tyson

Hi Angie,

Sorry I didn't think about Storyline 1 when I replied.  As you can see Ashley has given you another potential solution to try, but in your place I'd keep it a little simpler. I'd have a little message pop up on screen at the appropriate time on the timeline advising users to scroll down, if they haven't already.

H

Paul Robb

HI, 

I can have scrolling panels with a text box and inside the text box is text & pictures. When I scroll manually the picture scrolls. 

I followed these instructions as above

http://www.thearticulatetrainer.com/is-there-a-way-to-make-a-scrolling-panel-automatically-scroll/

and the text in the autoscroll works fine, but the pictures do not ? Any Ideas,

Cheers,


Paul.

 

Helen Tyson

Hi Paul

The autoscroll in the is example is controlled by the motion path so if you only add a motion path to the text the image won't move at the same time.

You need to add a motion path to the image as well, making sure the length, duration, easing and trigger control are all the same and it should work well. Alternatively, group the text and image together and add a single path to the group.

KR

Helen

Michael Anderson

I've developed a different technique for doing this, using triggers and some javascript. The new text line being read appears ABOVE the last line of text though, which is what I wanted for my project. My trigger displays the new line of text at the instant I want, using the time on a built in timer, rather than the timeline. This is part of a game I'm working on, but isn't complete yet. See attached screenshot.

Paul Robb

Hi,

yeah that won't work either because there is too many pictures / text for 1 slide which is the purpose of the sliding panel in the first place.

The second scene in the below link is an example:

http://www.luapdemo.xyz/SOT_Flex_Accounts/story.html

It's ok though, I have given up on this at the moment, can't waste anymore time on it. Maybe, I will come back to it at a later date.

Regards,

Paul.

Helen Tyson

Hi Paul,

Sorry, for a delayed reply - I've been snowed under with all sorts of stuff in the last couple of weeks.

I've attached a screenshot to illustrate how I work with large numbers of images and text for putting into a scrolling panel. I place each item onto the slide to size appropriately and then move them off into the space outside the slide to construct the sequence - you may end up with significant vertical scrollbars but you can see by reducing your magnification you can see much more of the structure. Once the content is structured you can group it and then move it into the scrolling panel placed on the slide

KR

Helen

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