I can't get the audio permission with navigator.mediaDevices pls help

[frank swan]

hello, my code :

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

[fierce quarry]

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

[frank swan]

It seems browser-specific. When I load my app in Safari, it asks for permission, unlike in the Arc browser.

wtf

[frank swan]

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

navigator.mediaDevices.getUserMedia({ audio : true })

[small river]

https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API/Build_a_phone_with_peerjs/Connect_peers/Get_microphone_permission

[frank swan]

mmm ok

thanks you

[small river]

this is what i found

there is also the browser compatibility issue

[frank swan]

thanks you

[frank swan]

where did you find that

[small river]

.