byGalax/ChatApp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(call): VideoStub accepts fit prop, contain when focused

Browse Source
This commit is contained in:
byGalax
2026-05-12 18:36:32 +02:00
parent 68bc1f76f6
commit 005aebd60b
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/desktop/src/components/CallParticipantTile.tsx
+5 -3
View File
@@ -129,7 +129,7 @@ export function CallParticipantTile(props: ParticipantTileProps) {
} }
> >
{video ? ( {video ? (
<VideoStub {...props} small={small} /> <VideoStub {...props} small={small} fit={focused ? 'contain' : 'cover'} />
) : ( ) : (
<AudioContent {...props} small={small} /> <AudioContent {...props} small={small} />
)} )}
@@ -303,7 +303,8 @@ function VideoStub({
videoTrack, videoTrack,
me, me,
small, small,
}: ParticipantTileProps & { small: boolean }) { fit,
}: ParticipantTileProps & { small: boolean; fit: 'cover' | 'contain' }) {
const videoRef = useRef<HTMLVideoElement | null>(null); const videoRef = useRef<HTMLVideoElement | null>(null);
useEffect(() => { useEffect(() => {
const el = videoRef.current; const el = videoRef.current;
@@ -330,7 +331,8 @@ function VideoStub({
playsInline playsInline
muted muted
className={ className={
'h-full w-full object-cover ' + 'h-full w-full ' +
(fit === 'contain' ? 'object-contain ' : 'object-cover ') +
(me ? 'scale-x-[-1]' : '') /* mirror local preview */ (me ? 'scale-x-[-1]' : '') /* mirror local preview */
} }
/> />