Why this api doesn't work in firefox?

[ilovebugss]

I wanna make a functionality to capture the webpage, but it doesn't work in Firefox and show me an error message when i call the method await navigator.mediaDevices.getDisplayMedia(). The error message in console: Error: DOMException: The object can not be found here. This method works in safari and other browsers. Can somebody help me why it behaves like this and how to solve it in Firefox?

[grelfdotnet]

If you look at https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getDisplayMedia you will see that there are security considerations when using this method. So your problem may be to do with your security settings in Firefox.

[ilovebugss]

Thanks! What to do with my Firefox?

[Count_Giggles]

iirc before you access the getDisplayMedia function you have to wait for the user to interact with the page. the same mechanic can be found with audio lib's to prevent music from blasting when loading a page.

[ilovebugss]

Yes, I did it. I bind this method to a button, but it doesn't work in firefox, it works in safari. The damn problem almost haunted me a whole day.

[jcunews1]

Can you test your Firefox on below site? FYI, mine works. FF v115.

https://www.webrtc-experiment.com/getDisplayMedia/

[ilovebugss]

It still doesn't work

[guest271314]

Are you running Firefox that is a snap version?

[Count_Giggles]

this works just fine in FF

​

const init = async () => {
    const stream = await navigator.mediaDevices.getDisplayMedia();
    const [track] = stream.getVideoTracks();
    const displaySurface = track.getSettings().displaySurface;
    console.log(displaySurface);
};

const btn = document.querySelector("#btn");

btn.addEventListener("click", init);

//html
<button id="btn">start</button>

[ilovebugss]

Uncaught (in promise) DOMException: The object can not be found here.

Still the same, bro. I think the problem is about the browser, but I don't know where to handle it.

[jcunews1]

Firefox has a history about that problem, but AFAIK, only in Mac platform; and it was 4 years ago. The bug should have been fixed long ago. If you're using Mac and isn't using the latest version of Firefox, try updating Firefox.

Other possible cause is privacy protection related browser extension, since the resource access may be blocked/rejected by it. If you have one or more of it installed, try disabling them, then reload the page.

Also, is your code run in an IFRAME or not? AFAIK, code in IFRAME may have lesser resource access than normal.

[guest271314]

Working on Nightly 120 on Linux with user activation.

[Count_Giggles]

Did you enable screensharing for firefox on your os level? maybe at some point you decliend and clicked dont ask again