fix(webcams): add fallback labels for devices

In cases where fingerprinting protection is so adamant that we can't get the device labels Fixes bigbluebutton#9053
prlanzarin · Jul 1, 2021 · d532c64 · d532c64
1 parent 77d3628
commit d532c64
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/bigbluebutton-html5/imports/ui/components/video-preview/component.jsx b/bigbluebutton-html5/imports/ui/components/video-preview/component.jsx
@@ -482,6 +482,11 @@ class VideoPreview extends Component {
     );
   }
 
+  getFallbackLabel(webcam, index) {
+    const { intl } = this.props;
+    return `${intl.formatMessage(intlMessages.cameraLabel)} ${index}`
+  }
+
   renderDeviceSelectors() {
     const {
       intl,
@@ -510,9 +515,9 @@ class VideoPreview extends Component {
               className={styles.select}
               onChange={this.handleSelectWebcam}
             >
-              {availableWebcams.map(webcam => (
+              {availableWebcams.map((webcam, index) => (
                 <option key={webcam.deviceId} value={webcam.deviceId}>
-                  {webcam.label}
+                  {webcam.label || this.getFallbackLabel(webcam, index)}
                 </option>
               ))}
             </select>