Create a custom rewind button?
Mar 04, 2014
Folks,
I'm surprised I haven't seen this question asked before, so I'm hoping its something so simple and basic its not worth mentioning.
I have a need to restrict my users from fast forwarding through a presentation (regulated type training). As such, I need to supress the seekbar. unfortunately, when I restrict the seekbar I disallow the ability to rewind. I need to restrict the fast forward function but it would be nice to still allow rewind.
I created a custom pause button based on opening a slide layer where the layer pauses the timeline. This is done via a slide master; however, I haven't figured out a way to create a rewind button (or jump back X seconds) via a slide master.
Has anyone else solved this? Is there a way to have a rewind or jump back x seconds function while still suppressing the seekbar.
THanks,
31 Replies
I haven't tried this, and it might be a lot of extra work, but one solution would be to divide the timeline for a slide up among several layers. This way you could set up a system where the user could jump back several seconds and resume from that point by showing that layer and hiding the others. Just a thought - don't know how workable in your set up.
What is your content that you would have only to scrub back a few seconds? Video, audio, multiple layers?
Marc,
I have thought about doing something like you describe as well as placing markers along the timeline and jumping to those markers but I'm thinking that any such solution will too messy, so I haven't really tried. I want something preferably simple that I can do with the slide master if possible, this keeps the slides neat.
I'm trying to create custom navigation; preventing fast forwarding while still allowing rewinding. Raul, I want to rewind the timeline regardless of what's on it. Ideally I like something similar to what the Seekbar's present capabilities are with rewinding but I know that's not in the programming yet. Perhaps if I could use the seekbar but prevent fast forwarding that would also do the trick, but again I haven't figured out how to do this and I don't think the software is capable of that either.
OOOps,
It looks as if this question has been asked before and it looks like after a lot of discussion, it was not solved. I'll place the link here for anyone wanting to follow that thread.
http://community.articulate.com/forums/t/12139.aspx?PageIndex=1
I would be great to have this feature. I wonder if anyone made a Feature Request for this?
Hi Vaughan,
I can't think of any examples that allow for rewinding and prevent fast forwarding on the individual slides, although it does sound like a good feature request and not one I remember seeing!
I am still looking for a solution to this. has anyone found a useful solution?
Hi Julie,
I haven't seen a lot of other custom rewind buttons, but perhaps you could share a bit more about what you're looking to accomplish and then the community can weigh in with additional ideas and solutions.
Hi Team
I would like to only have a rewind button and hotspot the seekbar so the learner can't fast forward the video.
Any updates on how I can insert a rewind trigger, Ill attach a screenshot of how I want it to look.
I was able to accomplish this with the SDK. I modified the timeline to allow you to scrub backwards, but not forwards. However, I lost so much of the functionality of the storyline player, and without enough information to rewrite all of the missing pieces, I had to abandon the project.
The code needed to make this change in the player was really pretty simple. It seems to me that is shouldn't be that difficult for the Articulate engineers to add this as a feature to Storyline.
Hi Simon,
You could place the hotspot or transparent shape (ensure it has a fill and that it's set to a transparent amount of around 99%) over the seekbar element, but not on the play button of the video within your slide. You can't do that same set up on the player seekbar unless you were to look at using the Storyline SDK as Dave mentioned. You can read more about the SDK here. It's not something we can offer support for, and as far as Dave's mention of adding this as a feature you're welcome and encouraged to share your thoughts on that as well in t he form of a feature request here.
Ashley that's disappointing that after 2 years this hasn't been added to Storyline2 (My organisation paid over $2K to have it installed) I'm not good with code and can't load additional software onto our Companies server with out IT approval (which takes time). So I will need to advise my business that it's not possible without additional cast.
Thanks
Hi Simon,
Depending on your needs you could look at using the hotspot method as mentioned which includes no code. You could remove the seekbar from that one individual slide using the slide propertiees or you could also look at setting the seekbar to read only throughout the entire course so that way folks aren't using it to seek but just seeing it as the timing element.
Thanks for looking in to this. I've got the seek bar functionality under control. What I need is the ability to rewind the video without the option to fast forward.
Thanks Simon
Sent from my iPhone
Confidential communication
Westpac Banking Corporation (ABN 33 007 457 141)
Westpac Institutional Bank is a division of Westpac Banking Corporation
I agree, this is a need. I've submitted a feature request for this. Now what we need is for more people to also submit a feature request. The requests, the more likely it will percolate to the top of the request pile and actually become a feature.
Thanks Simon for clarifying a bit more, as perhaps I missed that in the variety of threads. I would defer to the community at this point as it's not something built into the Storyline interface.
Also, as an FYI responding via email includes your signature here so you're welcome to edit the post to remove that information.
Is there any way to turn the playbar on/off using code? For instance, initially it would be off, the first time a user views a slide, and upon subsequent slide visits, it is turned on, perhaps with a variable?
Hi Jacqui,
There may be a way using Javascript code - but that's also outside my area of support and expertise. It wouldn't shock me though as everytime I think something can't be done - someone is able to do it with Javascript - so now it feels like magic. :-)
Hi Jacqui,
You could do it with the SDK, but if there is a way to do it with just javascript, I haven't found it. I'm fairly confident that the setting you would need to do this is not available to javascript.
The way I get around this is through creating a custom button which simply rewinds to the beginning of the video.
My video commences playing when the slide does. I have a custom pause which pause the timeline, and a custom replay button which triggers a jump to slide command by jumping back to the slide I'm currently on. I also set the slide properties to 'reset to original' when revisiting. In video options i set controls to show to none, to prevent the bar from showing and to remove temptation for the user.
This prevents the user from fast forwarding, allows them to pause and allows them to rewind to the beginning of the video.
Thank you for that workaround David. I have been trying to figure this out as well, since my client wants a way to rewind the video in the slide.
I will have to give this a try.
Here's my solution in case it can help someone. My client wanted a Play/Pause and Rewind button with no Seekbar.
This technique is only effective in HTML5 - there is a different answer on these forums somewhere for Flash users.
First, set the seekbar to Read-Only.
Second, set a trigger on the Slide Master to Execute Javascript when the timeline starts. Here's the code:
// hide the progress bar
$(".progress-bar").css("display", "none");
That line of code selects the progress bar and hides it. Because of some Storyline idiosyncracies, it needs to be hidden again every time a new slide loads. Hence placing the trigger on the Slide Master. Also, hiding the element keeps the HTML5/CSS layout intact, so everything still looks right.
I'm including a picture of how it renders in HTML5. FWIW, the same technique can be used to hide the Rewind button, leaving only the Play/Pause button. The code to hide the Rewind button is:
// hide the rewind button
$(".restart").css("display", "none");
That's so cool Dennis.
I've added that to my bucket of tricks!
Thank you Dennis! This will definitely be useful for my next project
This is such an obvious request, I really need this to meet the compliance requirements for the course I am creating. As above I simply need a way for a trainee to rewind part of a slide to listen again without restarting the whole slide and equally without being able to jump forward?
Please tell me this has been solved by Articulate without the need to add additional code.
Hey there, Scott. The seekbar will presently allow both forward and backward jumping (if seeking is allowed).
If you'd like to add your voice as a feature request, we'd appreciate your perspective. Here's some more information about how we handle those suggestions.
Hi Sanju,
You can click ahead on the seekbar if it's not enabled as "read only", and you can also replay the entire slide using the replay button. Are you looking for a rewind button that would allow you to return back to a particular point in the slide timeline?
We would love to hear more about what you would like to see regarding this ability if you're up for logging a feature request.