Apply shader(filter) to exact container

[sneakypeeky]

Hi everyone.

I need to chroma key the video stream on the background. The problem I met is that elements with blurred borders above the video probably change(multiply) the color for the gpu and filter does not remove covered parts of green background.

original part 

filter applied 

To fix that I did try to create one more PIXI application, make chroma key of video there and than create the sprite from second canvas in the initial one. The idea was that second pixi app will have its own webgl context and gpu will render it separately. But the effect is totally the same so focus not successful. Maybe you have some thoughts how to do it. Possible solution is to have 3 pixi application. First with background content, 2nd with filtered video and top one with ui. But I want to find a way still make it one pixi app.

 

Thank you in advance for any response.  

 

[sneakypeeky]

Fixed that already, works perfect 
original video: 

chroma key effect appplied: