I am trying to create a plane with video texture and alpha. I know webm is one format that supports alpha, any hints on how to enable the alpha channel. It should work just like a plane with PNG texture, but it seems that is not the case. Any suggestions?

Can you provide a PG so that it’s easier to help you?

yeah i have been searching the end of the earth to get a video with alpha channel on a transparent mesh. no one seems to have an answer on here.

Maybe this can help: [image] Mp4 video alpha transparency Questions 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…

The issue is IOS… it doesn’t have any alpha video usage in browser unless it’s the newest phone that uses Hevc… when you play the video it adds a black background… I was thinking though… couldn’t I use a black and white version of that same video with the person in black and the background white to …

I will upload some screen shots when I get a chance. I’m wanting to feed in a live stream of a band. I can key them out before I send or I can on the client with js.

Here is the working example - https://playground.babylonjs.com/#LT4WHM#2 Hit Alt+Enter or Run PG button to start video.

The opacity texture trick would do but else you might need a custom shader unfortunately

Webm video texture with alpha

Questions

Evgeni_Popov December 16, 2020, 9:44am 8

You can find in this thread some PGs that are removing the background color thanks to a custom shader.

Topic		Replies	Views
Mp4 video alpha transparency Questions	15	4411	October 29, 2020
hasAlpha for alpha video (.webm) does not work in WebGPU Bugs	1	348	August 3, 2023
Video Texture with Alpha and Apple Device Issues Questions	3	760	August 26, 2022
Webm video alpha channel not working in Google Chrome Questions	16	1337	June 2, 2021
Safari HEVC/H.265 Video with transparency has black background Bugs safari , hvec , h265 , transparent-video	15	4050	February 19, 2024

Webm video texture with alpha

Related topics