provide default for missing device labels

src/CallMediaHandler.js

@@ -26,8 +26,6 @@ export default {
             const audioinput = [];
             const videoinput = [];
 
-            if (devices.some((device) => !device.label)) return false;
-
             devices.forEach((device) => {
                 switch (device.kind) {
                     case 'audiooutput': audiooutput.push(device); break;

src/components/views/settings/tabs/user/VoiceUserSettingsTab.js

@@ -100,7 +100,17 @@ export default class VoiceUserSettingsTab extends React.Component {
     };
 
     _renderDeviceOptions(devices, category) {
-        return devices.map((d) => <option key={`${category}-${d.deviceId}`} value={d.deviceId}>{d.label}</option>);
+        return devices.map((d) => {
+            let label = d.label;
+            if (!label) {
+                switch (d.kind) {
+                    case "audioinput": label = _t("Unnamed microphone"); break;
+                    case "audiooutput": label = _t("Unnamed audio output"); break;
+                    case "videoinput": label = _t("Unnamed camera"); break;
+                }
+            }
+            return (<option key={`${category}-${d.deviceId}`} value={d.deviceId}>{label}</option>);
+        });
     }
 
     render() {

src/i18n/strings/en_EN.json

@@ -610,6 +610,9 @@
     "Learn more about how we use analytics.": "Learn more about how we use analytics.",
     "No media permissions": "No media permissions",
     "You may need to manually permit Riot to access your microphone/webcam": "You may need to manually permit Riot to access your microphone/webcam",
+    "Unnamed microphone": "Unnamed microphone",
+    "Unnamed audio output": "Unnamed audio output",
+    "Unnamed camera": "Unnamed camera",
     "Missing media permissions, click the button below to request.": "Missing media permissions, click the button below to request.",
     "Request media permissions": "Request media permissions",
     "No Audio Outputs detected": "No Audio Outputs detected",