viro icon indicating copy to clipboard operation
viro copied to clipboard

Filter video background color not working at 100%

Open gokugen opened this issue 1 year ago • 2 comments

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

gokugen avatar Aug 02 '22 02:08 gokugen

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

johncantrell97 avatar Aug 26 '22 21:08 johncantrell97

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

andresteves avatar Sep 28 '23 10:09 andresteves