I can't get the audio permission with navigator.mediaDevices pls help
Unanswered
Silver carp posted this in #help-forum
Silver carpOP
hello, my code :
audio.tsx:35 Error accessing media devices. DOMException: Permission denied
async function getAudioPermission() {
// Demande d'accès à la caméra et au microphone
await navigator.mediaDevices
.getUserMedia({
audio: true,
})
.then((stream) => {
console.log("Got MediaStream:", stream);
setMediaStream(stream);
})
.catch((err) => {
console.error("Error accessing media devices.", err);
});
}
useEffect(() => {
getAudioPermission();
}, []);
return (
<button onClick={async () => await getAudioPermission()}>
Get User Media
</button>
)audio.tsx:35 Error accessing media devices. DOMException: Permission denied
14 Replies
Silver carpOP
It seems browser-specific. When I load my app in Safari, it asks for permission, unlike in the Arc browser.
wtf
Silver carpOP
async function checkAndRequestAudioPermission() {
// console.log(navigator.permissions);
// console.log(navigator.mediaDevices);
// console.log(navigator.mediaSession);
// donne les contraintes disponibles de l'appareil
// on poeut utiliser ces contrtaintes pour optimiser l'audio en donnant des valeurs plus opti que lappareil par default
// const getSupportedConstraints =
// await navigator.mediaDevices.getSupportedConstraints();
// partage l'audio et la video de luser
// const getDisplayMedia = await navigator.mediaDevices.getDisplayMedia({
// audio: true,
// });
// console.log(getDisplayMedia);
// donne le stream audio de l'user
const aa = await navigator.mediaDevices.getUserMedia({ audio: true });
console.log(aa);
// await navigator;
}
nothing happenned on arc browser
// console.log(navigator.permissions);
// console.log(navigator.mediaDevices);
// console.log(navigator.mediaSession);
// donne les contraintes disponibles de l'appareil
// on poeut utiliser ces contrtaintes pour optimiser l'audio en donnant des valeurs plus opti que lappareil par default
// const getSupportedConstraints =
// await navigator.mediaDevices.getSupportedConstraints();
// partage l'audio et la video de luser
// const getDisplayMedia = await navigator.mediaDevices.getDisplayMedia({
// audio: true,
// });
// console.log(getDisplayMedia);
// donne le stream audio de l'user
const aa = await navigator.mediaDevices.getUserMedia({ audio: true });
console.log(aa);
// await navigator;
}
nothing happenned on arc browser
Silver carpOP
navigator.mediaDevices.getUserMedia({ audio : true })
Silver carpOP
mmm ok
thanks you
Japanese jack mackerel
this is what i found
there is also the browser compatibility issue
Silver carpOP
thanks you
@Japanese jack mackerel Click to see attachment
Silver carpOP
where did you find that
Silver carpOP
👌