Show webcam permissions message

This commit is contained in:
Robert Long 2021-09-30 11:39:57 -07:00
parent 373b412cae
commit 150d58d4b6
2 changed files with 9 additions and 3 deletions

View file

@ -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 && (

View file

@ -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;
} }
} }