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

[moonrailgun]

Still a problem in nightly version.

Maybe you can define it by yourself:

declare global {
  interface MediaDevices {
    getDisplayMedia(constraints?: MediaStreamConstraints): Promise<MediaStream>;
  }

  // if constraints config still lose some prop, you can define it by yourself also
  interface MediaTrackConstraintSet {
    displaySurface?: ConstrainDOMString;
    logicalSurface?: ConstrainBoolean;
    // more....
  }
}

[AlbyGNinja]

Nope, still this problem, also trying workaround..
Right now i'm workaround this adding this line before my getDisplayMedia
// @ts-ignore
Thanks this i can compile successfully, at least

[mivanovaxway]

Workarounds are bad. getDisplayMedia is complex as it is. We need good definitions.

[riotrah]

Seconded - any progress? This API is probably only going to grow in in importance and popularity.

[srivatsav-prayaga]

Confirm if it's user media or display media guys!

[Akimotorakiyu]

Still issue!

[michielswaanen]

@sandersn please have a look at this!

[canvascat]

Will it be resolved in v4.2.0 ?

[Caesar2011]

Typescript 4.2.3, 18 months later and still not fixed. It would be so simple!

[mbalc]

a fix for this would have really helped me during my ongoing, new adventure with WebRTC

[SgAkErRu]

Typescript 4.3.5, still not fixed. I think it's because getDisplayMedia is W3C Working Draft, but that feature common used and supported by three leading browsers (Firefox, Chrome, Safari), according to Mozilla MDN .

[YongzeYao]

Plz add definitions for this!

[roerohan]

Property 'getDisplayMedia' does not exist on type 'MediaDevices'.

Is a fix being made for this?

[akhil-rana]

Please add definitions for getDisplayMedia. This is being used everywhere and supported by every major browser.

[kim3er]

If I understand the process correctly that generates these new types, it looks like getDisplayMedia is on it's way.

microsoft/TypeScript-DOM-lib-generator#992 (comment)

[sandersn]

1. TS 4.4 includes getDisplayMedia
2. If you can't upgrade to 4.4, you can add a reference to @types/[email protected] (or higher) and remove 'dom' from your 'lib' array in tsconfig.