viro
viro copied to clipboard
Filter video background color not working at 100%
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
fwiw I'm seeing exactly the same thing and would love to know if there's a way to improve this.
Suffering from the same. Any solution available? Or workaround?