Hello - I have created a PG ( https://www.babylonjs-playground.com/#05UVJI#38 ) attempting to enable transparency on the alpha channel so that the background is transparent. The video I am using is from Blue alien planet rotating with alpha channel - Free HD Video Clips & Stock Video Footage at Videez…

I tried locally on my computer and it did not work. Looking with PIX, I could see that the texture located in the GPU that comes from the video has no alpha channel. However, I don’t know if it’s because there’s really no alpha channel in the video itself or because webgl would not handle the alpha…

Hi there, I follow the documentation for hasAlpha I tried using it similar to how you did and got nothing which makes me think I’m misinterpreting the purpose of it. BUT I looked around the forms I found a playground example with a transparent video so hopefully this can be a good reference. (I no…

Hello @msDestiny14 - Thanks for looking at this. I believe the video in the PG you found ( https://www.babylonjs-playground.com/#SUU0KB#361 ) has transparent alpha channel or the creator removed the background using video editor tools. I substituted my video link and still get a solid background as ca…

Alright. Here’s a second attempt! I used your video this time but not happy with the results myself. Is there not a simpler way to do this :thinking: Babylon.js Playground

Excellent 2nd attempt! I’ll try some other videos with simpler backgrounds to see how that works.

An easier way would be to have an alpha channel in your video and apply alpha test/blend. Without this channel, you can only work with the rgb values and apply some computation to determine if a pixel must be discarded or not, as in the PG. Using a pure green (for eg) background in your video would…

Hi - Thanks for responding. I agree that it would be better to start with an mp4/webm with alpha channel. That is what I was trying to do in https://www.babylonjs-playground.com/#05UVJI#38 (please see opening question in this thread ). The mp4 in the PG supposedly has a transparent alpha channel. How…

It seems the mp4 format does not support an alpha channel: [image] How to export MP4 (media encoder) with a transparent background How do you export a .MP4 video through Adobe Media Encoder with a transparent background? I understand when you add to render queue you choose the RGB+Alpha …

I thought the same thing so now I am trying webm which is supposed to support alpha. Here’s a free webm with alpha - flying butterfly with transparent alpha channel | Freestock videos Still not sure of the BJS code.

Thanks - your bear video worked with my original PG (good to know that code works). I replaced the bear with the butterfly video and the background is visible. How did you get an alpha channel in the bear video?

Mp4 video alpha transparency

Questions

jeff-at-museum-of-ai October 28, 2020, 5:18am 6

Works great. Hoping someone has a simpler way to do this.

Topic		Replies	Views
Webm video texture with alpha Questions	8	2311	December 16, 2020
Is it a bug that I can't get alpha for H265 mp4? Questions	1	1099	September 6, 2022
Safari HEVC/H.265 Video with transparency has black background Bugs safari , hvec , h265 , transparent-video	15	3946	February 19, 2024
hasAlpha for alpha video (.webm) does not work in WebGPU Bugs	1	339	August 3, 2023
How to render a video with transparency using VideoTexture? Questions	2	349	June 6, 2022

Mp4 video alpha transparency

Related topics