Transparent Video (Alpha Channel) on a-frame and ar.js
Mar 13, 2019
If you want to make a video transparent on ar.js (an augmented reality framework that sits on top of a-frame )there not many ways to get that working: You’ll need an alpha channel enabled WebM video or that's the format I tested with at least.
Right now things are very messy and it's a bit hard to do. To makes matters worse Aframe version 0.9 broke alpha channel so we are stuck with version 0.8.
Here is a working example, hope you find it useful
https://agusalex.github.io/arjs-alphachannel-video/
If you want to try out without AR you can simulate it here:
https://agusalex.github.io/arjs-alphachannel-video/arEmu.html
And here is the code