Filter video background color not working at 100%

[gokugen]

Hello,

I use chromaKeyFilteringColor in order to remove my green background from my video but this creates a green border color around the character.

How can I remove this border?

my code:

ViroMaterials.createMaterials({
    chromaKeyFilteredVideo: {
        chromaKeyFilteringColor: "#00FF00",
    }
})

return (
      <ViroARSceneNavigator
        style={styles.videoItem}
        autofocus={true}
        initialScene={{
            scene: () => (
                <ViroARScene>
                    <ViroVideo
                        source={require('../assets/example.mp4')}
                        materials={['chromaKeyFilteredVideo']}
                        position={[0, -0.4, -1]}
                        scale={[scale, scale, scale]}
                        width={1}
                        height={0.5}
                    />
                </ViroARScene>
            ),
        }}
    />
)

On Android:

On IOS:

Thank you very much for your help !

Versions

• @viro-community/react-viro => ^2.23.0
• react-native: 0.67.2

[johncantrell97]

fwiw I'm seeing exactly the same thing and would love to know if there's a way to improve this.

[andresteves]

Suffering from the same. Any solution available? Or workaround?

[dan-abc]

Also suffering from this, though I get the halo on both iOS and Android (using Viro 2.41.4 / RN 0.73.3)