Forum Discussion
Video with transparent background in Storyline 360
Hi guys,
Just wondering if anyone has had any luck getting a video clip with a transparent background into Storyline 360 and if so, what format did you use so that 360 maintains the transparency.
Thanks
Dave
Almost 7 years and still no option for transparent video...
if this page is up to date
Vyond Studio cannot export transparent video (mp4 don't support transparency)
Storyline can import h265 or webm videos with transparency, but it will be converted to mp4 (h264) and published without transparency
I'm seriously considering unsubscribing to this primitive program, poor support, turtle slow development and absolutely hideous limitations to catch the learning trends.
I have found a work around for the transparent video issue - well kinda - Happy to share. Requires using other software to create composite backgrounds to import into Storyline sub Master slides which I use only on one slide, Creates large file sizes, but looks nice. If anyone wants to see it let me know.
Joe Shultheis
MnDOT
eLearning Services
(651) 491-6164 - (cell)
There are a couple of other work-arounds as well. One is to place your transparent videos in a web object (with a transparent background). The other involves inserting a regular dummy video clip and using JavaScript to change the source of the video. Replace it with a transparent video that is loaded with your project (for example in a web object folder).
I take it nothing has changed???
Hi Dave,
I have found a some what labor intensive work-around for occasional use. It gives me the type of effect I would hope could be native to Storyline some day without all the trouble. Check out the link of one slide from a recent show, and if this is the kind of thing you were thinking, I can tell you how I accomplished it.
https://360.articulate.com/review/content/bbb7b784-d56a-423a-bf60-1a350c8639c7/review
Joe
Your projec t looks great would you mind sharing how you did it please
Sure, I first simply grabbed a stock video from the service our organization subscribes to (in our case iStock). This was to be the animating background seen on every page of the 84-slide project. I then placed the video in the Master slide on the root level so every page would open with the video playing on it. This is the bluish background with the animating lines seen on the sample slide I shared.
Now for the tricky part.
On some individual slides, I knew I wanted additional videos to play on top of the animated background. Hence the transparent video in Storyline dilemma. After finding an appropriate stock video for any given slide in the show, I created a 'composite video' using Adobe After Effects where the base layer is the same animating video used on every page, and the one time use video is feathered with a mask in AE and placed over the base. I timed it properly to fit my needs and saved the composited video.
Then in the Master Slide area I created a sub-master screen that used the newly created video only once. Then in storyline I simply called for that slide to use that sub master slide as its input. Since the base video was the same as all the other slides it matched perfectly with all other slides in the show.
I only used the effect for a few slides because of the costs of the subscription videos. Also, it would be a very large file to have too many different sub-master slides being called out for every page.
You could use your own created videos from a phone or any source to avoid using subscription videos. Also, any software that can create a composited video would work to accomplish the same effect. I happen to know After Effects enough to accomplish the needed task. It is not hard to learn AE enough to do this.
Hope this helps. If I can be of further assistance let me know. -joe
