Forum Discussion
Transparent Background Video Support?!
Hi,
I exported a QuickTime video with Alpha + RGB setting in after effect and when I Imported it to Storyline 3 (Lastest version) instead of transparent I got a black background. ( Using HTML5 output and chrome)
I'm looking for a solution to this?
Is Storyline capable of importing transparent videos or No It Just Can't?
Thanks.
- MarkMarinoCommunity Member
We would also like to see some kind of support for alpha channel video incorporated into Storyline now that FLV is not an option. We want to incorporate characters created in Adobe Character Animator into our Storyline courses but have no proper way of "compositing" them onto the screen at present. Speaking from another large corporate customer, this is high on our wish list.
Any update from the engineering team on an ETA for this feature?
- DeeDickson-736fCommunity Member
Hi Mark,
What I have ended up having to do..
I export my character from Adobe Character Animator as an Alpha Channel which exports as a .mov file
I then bring this into Adobe Premiere Pro
Then in Adobe Premiere Pro I bring in any video or image that I would want my "character" to be standing on top of as they talk/present within the piece.
Then I export it out of Adobe Premiere Pro a a MP4 and then bring into Storyline.
It is a added step and consumes time but it is the only work around I have found at this time.
Just thought I would share.
- MarkKomula-b933Community Member
I request this also.
- BuddyButlerCommunity Member
I would also like to see this feature added.
- MichaelAnder569Community Member
Could someone send me an .flv file with alpha transparency that I can use for testing?
- MichaelAnder569Community Member
I got a transparent video to display properly in Storyline by inserting it as a webm file inside of a web object. This works well in Chrome on Windows. Can someone please check to see if this works in Safari or on IOS at all?
http://andersonelearning.com/demo/Transparent_Video/story.html
P.S. Thanks to W Gill for sending me a transparent video file to test with!
- MichaelAnder569Community Member
I've updated the project with a longer video (I finally figured out how to create a transparent webm file) and I showed how Storyline variables can be updated with the video playhead time and the video end status.
- SergioRenato047Community Member
How we ignore your request: https://articulate.com/support/article/How-We-Manage-Feature-Requests
- MichaelAnder569Community Member
I think part of the problem is that creating transparent videos that work across different platforms and devices is very difficult without Flash. I did get it working in Chrome on Windows but was unable to get it working in Safari. https://community.articulate.com/discussions/articulate-storyline/transparent-video-working-in-chrome-on-windows
- AlisonMcDonald-Community Member
The issues is really browser support as mentioned - which was one of the benefits of flash - common experience across browsers.
Can a javascript library like seeThru or similar be added to the SL export to increase browser support for alpha channel videos such as .webm and .mov? That's what is does.
.webm - current support - https://caniuse.com/webm
javascript library seeThru - https://github.com/m90/seeThru
- NeilBlanCommunity Member
I'm using Articulate Storyline 3 and also hoping to find a way of using video/gif layers with transparency. Have there been any new developments? 🤞
- RenGomezStaff
Hi Neil,
Thanks for the follow-up! We don't currently have any updates to share on using transparent videos.
I'll be sure to add your plus one to the list and let you know if our plans change on this feature.