[RFC] Defer/block joining the call until media permissions are granted

[Antreesy]

How to use GitHub

• Please use the 👍 reaction to show that you are interested into the same feature.
• Please don't comment if you have no relevant information to add. It's just extra noise for everyone subscribed to this issue.
• Subscribe to receive notifications on status change and new comments.

---

Feature request

Is your feature request related to a problem? Please describe.

Maybe we should disable 'Join call' button until permissions are granted/declined?

Describe the solution you'd like

Google Meet	MS Teams

To query permissions:
navigator.permissions.query({ name: 'camera'}) =>
returns Promise{ state: "granted" | "denied" | "prompt"}

[Antreesy]

cc @danxuliu:

• Would that cause any issues? Currently we have 10-s timeout for checking if permissions were granted
  

  spreed/src/utils/webrtc/webrtc.js

  Lines 1412 to 1427 in f01a07c

  	// In some cases the browser may enter in a faulty state in which
  	// "getUserMedia" does not return neither successfully nor with an
  	// error. It is not possible to detect this except by guessing when some
  	// time passes and the user has not granted nor rejected the media
  	// permissions.
  	webrtc.on('localStreamRequested', function() {
  	clearLocalStreamRequestedTimeoutAndHideNotification()
  	localStreamRequestedTimeout = setTimeout(function() {
  	// FIXME emit an event and handle it as needed instead of
  	// calling UI code from here.
  	localStreamRequestedTimeoutNotification = showError(t('spreed', 'This is taking longer than expected. Are the media permissions already granted (or rejected)? If yes please restart your browser, as audio and video are failing'), {
  	timeout: TOAST_PERMANENT_TIMEOUT,
  	})
  	}, 10000)
  	})

cc @nimishavijay for design input:

• Since video is not available yet, we can put some placeholder on its place, wdyt on wording?

[nickvergessen]

I think it makes sense, just have to make sure we allow to continue without granting permissions at the end.

[nimishavijay]

Since video is not available yet, we can put some placeholder on its place, wdyt on wording?

Wording looks good to me, we can get rid of the the brackets { } 👍🏼