navigator.mediaDevices should have getDisplayMedia

[sainnr]

TypeScript Version: Version 3.7.0-dev.20190904, also 3.6.2

Search Terms: web api, media devices, display media, screen capture, navigator, types

Code

const opts = { audio: false, video: true }
navigator.mediaDevices.getDisplayMedia(opts) // TS2339: Property 'getDisplayMedia' does not exist on type 'MediaDevices'.

per lib.dom.d.ts, MediaDevices has getUserMedia but not getDisplayMedia. also: https://github.com/Microsoft/TypeScript/blob/master/src/lib/dom.generated.d.ts#L10201

Expected behavior:
getDisplayMedia should be present on MediaDevices, according to w3c/mediacapture-screen-share#86

Actual behavior:
getDisplayMedia is missing on MediaDevices

Playground Link:
https://www.typescriptlang.org/play/#code/MYewdgzgLgBCAOUIwLwwN4wIYFcAmAliAFwwBmWANhAKYA0MAbgXjSTFAE440wC+AKDBZmAcyxQQnAHQBbGoSwARGs2A0I00TShKCEeJSwBPALIKCWABQIkASiA

Related Issues:

• dom.lib.ts: MediaDevices.getDisplayMedia is in the wrong place #31821
• Move getDisplayMedia to MediaDevices w3c/mediacapture-screen-share#86

[wiput1999]

why they still not fix this problem... then how they're using right now

[madabhaviamit]

Hi Team,

Looks like this issue is not fixed yet, getDisplayMedia is still missing on mediaDevices.
What can be an alternative to use for getting the getDisplayMedia capability? I am using angular 6 in my project..

[LolliDepp]

still an issue

[wiput1999]

@LolliDepp Yeah still an issue

[danouche93]

someone got to fix the issue?

[aponski]

I'm also having this issue

[aponski]

Is there a workaround for this error? I'm using Angular 9 and can't build project.

[aponski]

Workaround to disable Typescript error:
const mediaDevices = navigator.mediaDevices as any;
const stream = await mediaDevices.getDisplayMedia();

[Soflar]

Also having the issue =(

[cqh963852]

Same issue :(
typescript 3.7.2