[FIX] Use Media Devices API to guess if a microphone is not available (…

…#15636)
RocketChat · Oct 28, 2019 · 6c0e8d1 · 6c0e8d1
1 parent 8884a67
commit 6c0e8d1
Showing 1 changed file with 26 additions and 7 deletions.
diff --git a/app/ui-message/client/messageBox/messageBoxAudioMessage.js b/app/ui-message/client/messageBox/messageBoxAudioMessage.js
@@ -86,19 +86,36 @@ const uploadRecord = async ({ rid, tmid, blob }) => {
 const recordingInterval = new ReactiveVar(null);
 const recordingRoomId = new ReactiveVar(null);
 
-Template.messageBoxAudioMessage.onCreated(function() {
+Template.messageBoxAudioMessage.onCreated(async function() {
 	this.state = new ReactiveVar(null);
 	this.time = new ReactiveVar('00:00');
 	this.isMicrophoneDenied = new ReactiveVar(false);
 
 	if (navigator.permissions) {
-		navigator.permissions.query({ name: 'microphone' })
-			.then((permissionStatus) => {
+		try {
+			const permissionStatus = await navigator.permissions.query({ name: 'microphone' });
+			this.isMicrophoneDenied.set(permissionStatus.state === 'denied');
+			permissionStatus.onchange = () => {
 				this.isMicrophoneDenied.set(permissionStatus.state === 'denied');
-				permissionStatus.onchange = () => {
-					this.isMicrophoneDenied.set(permissionStatus.state === 'denied');
-				};
-			});
+			};
+			return;
+		} catch (error) {
+			console.warn(error);
+		}
+	}
+
+	if (!navigator.mediaDevices || !navigator.mediaDevices.enumerateDevices) {
+		this.isMicrophoneDenied.set(true);
+		return;
+	}
+
+	try {
+		if (!(await navigator.mediaDevices.enumerateDevices()).some(({ kind }) => kind === 'audioinput')) {
+			this.isMicrophoneDenied.set(true);
+			return;
+		}
+	} catch (error) {
+		console.warn(error);
 	}
 });
 
@@ -149,6 +166,8 @@ Template.messageBoxAudioMessage.events({
 			}, 1000));
 			recordingRoomId.set(this.rid);
 		} catch (error) {
+			console.log(error);
+			instance.isMicrophoneDenied.set(true);
 			instance.state.set(null);
 		}
 	},