adil.invideo Posted March 10, 2021 Share Posted March 10, 2021 Currently I'm loading a webm video using PIXI.Texture.fromVideo. The video has a certain amount of transparent because of which it blends well with the background when executed using native html, css via the video tag. Doing the same in PIXI doesn't give the same result because of which things go off. Need some help here. A link to the experiment is here that shows the comparison between html and PIXI. https://jsfiddle.net/adil_invideo/va7nqf3y/209/ Example Description: 1) A webM video that has blue and grey clouds both with a certain amount of alpha. 2) Adding a white background makes the grey cloud blend well in html/css dom and hence it looks invisible (Expected behaviour) 3) Adding a white background makes the grey cloud look the same and no blend takes place in PIXI. (Error) Just to cross check, i replaced the video in PIXI with a thumbnail Image of the video and I got the desired/correct result. So i short it works for Pixi image but not for Pixi Video. (to toggle between image and video, change const video = false/true on line 11) Any and all help is appreciated. I have attached a screenshot of the behaviour observed on both html dom against PIXI. Quote Link to comment Share on other sites More sharing options...
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.