Video Gallery Interaction in Articulate Storyline

Jan 16, 2017

WIll thi swork for storyline 1?  I have studi 13 and storyline 1.  I will be upgrading soon but wanted to use this template asap.

18 Replies
Michael Hinze
Nicholas Messiah

Thank you for the quick reply.  Do you know of any similar templates for Storyline 1 that may make for a sexy looking video series?

I don't know if that's 'sexy enough' for you, but here is another example of a video player. I think I still have the SL1  source file somewhere, in case  you want  it.

Nicholas Messiah

Hi Alyssa.  I used the 6 tab interaction to build an elearning for a video series (12 videos in total using 2 slides with 6 tabs each).  The issue I am having now is 1.  How can i get a seekbar on the actual video.  It seems adding the seekbar in the player template does not connect with the actual video (because the videos are a tab overlayed on the slide) .  2.  The videos (about 15 minutes each) are suffering from a reduction in quality. My guess is they are compressed so much that the text is now slightly blurry.

Do you have any suggestions?  If this 6 tab template is a bust for adding in a seekbar per each video - I guess I will have to quickly create a presenter project where each video is in its own slide - allowing a user to scrub the 15-20min videos.

Thank you for any suggestions or feedback.

Alyssa Gomez

Hi Nicholas!

You'll want to check the "Show Video Controls" box if you want a separate playbar to be displayed for the video, allowing users to control the video playback. (This option is not available for website videos other than YouTube videos.)

Also, if the videos are on layers, you can actually use the Player Seekbar by setting the Layer Properties to "Pause timeline of base layer". That way the seekbar will be based on the timeline of the slide layer instead of the timeline of the base layer. Keep in mind that this will only work if the videos are inserted as embedded files and set to play automatically when the timeline of the layer begins. 

And since you mentioned the videos are suffering a reduction in quality, here's information on how Storyline handles video compression. Try adjusting the Publish Quality, and let me know if that makes a difference.


Ashley Terwilliger-Pollard

Hi Nicholas,

You'd have to add the seekbar in on the videos themselves using the video controls detailed here. Those will only be available if you're inserting a video from file or they'll automatically appear on a web object video.  As for the file compression, Storyline automatically going to conduct some degree of compression but you could look at the option here to not compress the videos upon publish. 

Nicholas Messiah

Thank you. I was able to get in the seekbar which was very helpful, but I am still experiencing a big drop in video quality. Here is an example of the original video specs:
Length-23 mins
-frame width- 1920
-frame width-1080
Data range- 880kbps
Total biterate - 1136kbps
Frame rate - 25 frames/second

Audio
Bit rate - 256kbps
Channels - 2 stereo
Audio sample rate - 48hz

We have 12 of these videos inserted.

Nicholas Messiah
Web Project Coordinator

T: 703-464-1930 | M: 202-256-6084 | F: 703-437-9001
nicholas.messiah@bsigroup.com

[cid:image002.png@01CD6F44.2F289360]
BSI Group America Inc., 12950 Worldgate Drive, Suite 800, Herndon, VA 20170 USA
www.bsigroup.com | Learning Marketplace | Twitter<https://twitter.com/BSI

Alyssa Gomez

Thanks for sharing those video specs, Nicholas. I'd be interested to know your Story Size, since the original video dimensions are 1920x1080. If videos are bigger than your slides, they'll automatically be scaled down to fit, which can result in a loss of quality. Here are some tips for working with large videos:

  • If your videos are too big to fit in your slides without scaling, consider re-encoding them at a lower resolution before adding them to your course.
  • Depending on your course design, you may be able to give your videos more room to grow by configuring them to open in a separate browser window/tab. See this user guide for details.
Nicholas Messiah

I am still seeing really poor quality ion my videos and I have followed a lot of the steps. Am I going against best practices to put that many videos into one elearning course?

Nicholas Messiah
Digital Project Manager

T: 703-464-1930 | M: 202-256-6084 | F: 703-437-9001
nicholas.messiah@bsigroup.com

[cid:image002.png@01CD6F44.2F289360]
BSI Group America Inc., 12950 Worldgate Drive, Suite 800, Herndon, VA 20170 USA
www.bsigroup.com | Learning Marketplace | Twitter<https://twitter.com/BSI

Nicholas Messiah

Thank you. I submitted a case. Problem is the project file is exceeds 50MB. I even made a separate project where I only left 1 of the 12 vids and that still will not upload.

Maybe when someone reaches out they will have another method of how I can send the project over.

Nicholas Messiah
Digital Project Manager

T: 703-464-1930 | M: 202-256-6084 | F: 703-437-9001
nicholas.messiah@bsigroup.com

[cid:image002.png@01CD6F44.2F289360]
BSI Group America Inc., 12950 Worldgate Drive, Suite 800, Herndon, VA 20170 USA
www.bsigroup.com | Learning Marketplace | Twitter<https://twitter.com/BSI

Joanne Gruttner

Hi Alyssa,

I just posted in David's original post under this topic. It looks as if it hasn't been active since 3 years ago, so I'm reposting it here in hope I can get a reply.

I think this could be exactly what I'm looking for. I'm starting to design training videos on a new enterprise platform and was thinking how I could use Articulate to keep relevant videos (by topic) together, as this media gallery. However, nothing happens when I click on the "view media gallery interaction." I'm new to Storyline 2 - it's been years since I used 1, and would love to speed up my learning curve by watching what you shared about some production tips you used to build this media gallery in Articulate Storyline. Is there a link I can access? Thanks so much!

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