Calling missing media keys indicator

This commit is contained in:
ayumi-signal 2024-01-23 11:08:21 -08:00 committed by GitHub
parent 436ee1a18f
commit d97aa68716
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
13 changed files with 280 additions and 84 deletions

View file

@ -35,13 +35,17 @@ const getFrameBuffer = memoize(() => Buffer.alloc(FRAME_BUFFER_SIZE));
const createProps = (
overrideProps: OverridePropsType,
{
addedTime,
isBlocked = false,
hasRemoteAudio = false,
presenting = false,
isHandRaised = false,
hasRemoteAudio = false,
mediaKeysReceived = true,
presenting = false,
}: {
addedTime?: number;
isBlocked?: boolean;
hasRemoteAudio?: boolean;
mediaKeysReceived?: boolean;
presenting?: boolean;
isHandRaised?: boolean;
} = {}
@ -54,10 +58,12 @@ const createProps = (
audioLevel: 0,
remoteParticipant: {
aci: generateAci(),
addedTime,
demuxId: 123,
hasRemoteAudio,
hasRemoteVideo: true,
isHandRaised,
mediaKeysReceived,
presenting,
sharingScreen: false,
videoAspectRatio: 1.3,
@ -165,3 +171,24 @@ export function Blocked(): JSX.Element {
/>
);
}
export function NoMediaKeys(): JSX.Element {
return (
<GroupCallRemoteParticipant
{...createProps(
{
isInPip: false,
height: 120,
left: 0,
top: 0,
width: 120,
},
{
addedTime: Date.now() - 60 * 1000,
hasRemoteAudio: true,
mediaKeysReceived: false,
}
)}
/>
);
}