Request webcam before display share

If sharing a specific window from the desktop, some browsers bring
that window into the foreground. If it does not overlap the browser
window, users might be confused as the webcam is not requested. This
only happens after the browser window is focused again. Changing the
order works around this problem.

src/ui/studio/video-setup/display-and-user-media.js

@@ -29,13 +29,12 @@ export default function SourceDisplayAndUserMedia() {
 
   const handleShare = useCallback(
     event => {
-      startDisplayCapture(dispatch).then(() => {
-        const userConstraints = {
-          video: { height: { ideal: 1080 }, facingMode: 'user' },
-          audio: false
-        };
-        startUserCapture(dispatch, userConstraints);
-      });
+      const userConstraints = {
+        video: { height: { ideal: 1080 }, facingMode: 'user' },
+        audio: false
+      };
+      startUserCapture(dispatch, userConstraints)
+        .then(() => startDisplayCapture(dispatch));
     },
     [dispatch]
   );