Gets a mirrored video stream

[Bloomingg]

When I use the virtual camera to make a video connection on my Mac, the local video stream is always mirrored. But it looks normal to everyone else.

[davidzhao]

hey @Bloomingg, the UI automatically mirrors camera feeds to yourself, but I can see how this would be a problem for virtual cameras.

can you get the facingMode value for the camera? perhaps we can tweak this logic to ensure it's only mirroring front-facing camera feeds.

[Bloomingg]

I get settings like that :

And facingMode is undefined

[davidzhao]

thanks for sharing that.. it looks like it won't be possible to differentiate between a user-facing camera vs a virtual camera. there isn't much we can do here for the example app.

[Philzen]

Maybe we could expand the interface of <VideoRenderer>, allowing to override the default behaviour with an optional isMirrored?: boolean prop?

livekit-react/packages/core/src/components/VideoRenderer.tsx

Lines 5 to 13 in 7a2a96f

	export interface VideoRendererProps {
	track: Track;
	isLocal: boolean;
	objectFit?: Property.ObjectFit;
	className?: string;
	width?: Property.Width;
	height?: Property.Height;
	onSizeChanged?: (width: number, height: number) => void;
	}

If set, it could then override the (otherwise feasible) default setting in

livekit-react/packages/core/src/components/VideoRenderer.tsx

Lines 56 to 57 in 7a2a96f

	const isFrontFacing =
	isLocal && track.mediaStreamTrack?.getSettings().facingMode !== 'environment';

[Philzen]

@Bloomingg #82 introduced a prop so you can override the default behaviour and take full control over mirroring now.

Maybe you or somebody want to contribute a checkbox to the example app that shows this prop in action?