Calling: mirror local video in PiP and lobby
This commit is contained in:
parent
37a4ec9190
commit
b44cabe6f9
2 changed files with 12 additions and 1 deletions
|
@ -6403,6 +6403,12 @@ button.module-image__border-overlay:focus {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&__video-on {
|
||||||
|
&__video {
|
||||||
|
transform: rotateY(180deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
&__video-off {
|
&__video-off {
|
||||||
&--icon {
|
&--icon {
|
||||||
@include color-svg(
|
@include color-svg(
|
||||||
|
@ -6454,6 +6460,7 @@ button.module-image__border-overlay:focus {
|
||||||
height: 32px;
|
height: 32px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 4px;
|
right: 4px;
|
||||||
|
transform: rotateY(180deg);
|
||||||
width: 32px;
|
width: 32px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -126,7 +126,11 @@ export const CallingLobby = ({
|
||||||
|
|
||||||
<div className="module-calling-lobby__video">
|
<div className="module-calling-lobby__video">
|
||||||
{hasLocalVideo && availableCameras.length > 0 ? (
|
{hasLocalVideo && availableCameras.length > 0 ? (
|
||||||
<video ref={localVideoRef} autoPlay />
|
<video
|
||||||
|
className="module-calling-lobby__video-on__video"
|
||||||
|
ref={localVideoRef}
|
||||||
|
autoPlay
|
||||||
|
/>
|
||||||
) : (
|
) : (
|
||||||
<CallBackgroundBlur avatarPath={me.avatarPath} color={me.color}>
|
<CallBackgroundBlur avatarPath={me.avatarPath} color={me.color}>
|
||||||
<div className="module-calling-lobby__video-off--icon" />
|
<div className="module-calling-lobby__video-off--icon" />
|
||||||
|
|
Loading…
Add table
Reference in a new issue