EN
JavaScript - how to detect audio input permissions in Chrome?
2 answers
3 points
How can I detect whether microphone/audio input permissions have been granted in Google Chrome?
I need to check it once the web page is loaded.
2 answers
5 points
You can use universal solution that is supported by major web browsers since 2015-2017.
Example:
xxxxxxxxxx1
const detectInputAudioPermissions = async () => {2
const constraints = {3
audio: true4
};5
try {6
const stream = await navigator.mediaDevices?.getUserMedia?.(constraints);7
if (stream) {8
for (const track of stream.getTracks()) {9
track.stop();10
}11
return true;12
}13
return false;14
} catch (error) {15
return false;16
}17
};18
19
20
// Usage example:21
22
;(async () => {23
if (await detectInputAudioPermissions()) {24
console.log('Audio input device has permissions.');25
} else {26
console.error('Audio input device is not available or does not have permissions.');27
}28
})();Note: the main disadvantage of this solution is device running to check availability or permissions.
See also
0 commentsShow commentsAdd comment
3 points
You can use:
xxxxxxxxxx1
navigator.permissions.query({2
name: 'microphone'3
});but..., the main disadvantage of this solution is used non-standard microphone permission name.
It will return one of the following statuses: granted, prompt or denied. Then, once the returned status is granted, execute your code.
Practical example
xxxxxxxxxx1
2
<html>3
<body>4
<script>5
6
navigator.permissions7
.query({8
name: 'microphone'9
})10
.then((result) => {11
switch (result.state) {12
case 'prompt':13
// This case may stay empty.14
break;15
case 'granted':16
// Do something when permission granted, e.g:17
alert('Microphone permissions granted.');18
break;19
case 'denied':20
// Do something when permission denied, e.g:21
alert('Microphone permissions denied.');22
break;23
}24
});25
26
</script>27
</body>28
</html>
References
0 commentsAdd comment
