Show webcam permissions message
This commit is contained in:
parent
373b412cae
commit
150d58d4b6
2 changed files with 9 additions and 3 deletions
|
@ -191,11 +191,16 @@ function RoomSetupView({
|
||||||
</Header>
|
</Header>
|
||||||
<div className={styles.joinRoom}>
|
<div className={styles.joinRoom}>
|
||||||
<div className={styles.preview}>
|
<div className={styles.preview}>
|
||||||
{state !== GroupCallState.LocalCallFeedInitialized && (
|
{state === GroupCallState.LocalCallFeedUninitialized && (
|
||||||
<p className={styles.webcamPermissions}>
|
<p className={styles.webcamPermissions}>
|
||||||
Webcam permissions needed to join the call.
|
Webcam permissions needed to join the call.
|
||||||
</p>
|
</p>
|
||||||
)}
|
)}
|
||||||
|
{state === GroupCallState.InitializingLocalCallFeed && (
|
||||||
|
<p className={styles.webcamPermissions}>
|
||||||
|
Accept Webcam permissions to join the call.
|
||||||
|
</p>
|
||||||
|
)}
|
||||||
<video ref={videoRef} muted playsInline disablePictureInPicture />
|
<video ref={videoRef} muted playsInline disablePictureInPicture />
|
||||||
</div>
|
</div>
|
||||||
{state === GroupCallState.LocalCallFeedInitialized && (
|
{state === GroupCallState.LocalCallFeedInitialized && (
|
||||||
|
|
|
@ -56,6 +56,7 @@ limitations under the License.
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.previewButtons {
|
.previewButtons {
|
||||||
|
@ -110,7 +111,7 @@ limitations under the License.
|
||||||
margin-right: 0px;
|
margin-right: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media(min-width: 800px) {
|
@media (min-width: 800px) {
|
||||||
.room {
|
.room {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
}
|
}
|
||||||
|
@ -122,4 +123,4 @@ limitations under the License.
|
||||||
.footer {
|
.footer {
|
||||||
height: 118px;
|
height: 118px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Reference in a new issue