Stack Overflow
Stack Overflow

Questions tagged [get-display-media]

Method to programmatically prompt the user to select and grant permission to capture the contents of a display or portion thereof (such as a window or screen) as a MediaStream.

getDisplayMedia provides access to video (and optionally audio) streams rendered on the user's device, allowing to capture part or all of a screen for streaming, recording, or sharing. It is used from Javascript running in a user's web browser.

Support varies from browser to browser. See MDN Browser Compat Data for up-to-date information.

getDisplayMedia forms part of browser-resident WebRTC support (see ). It can be used by itself without establishing WebRTC connections.

It can also be used in conjunction with MediaRecorder; see . It completes getUserMedia that allows to capture streams from a camera or a microphone.

Further references:

49 questions
1
vote
0 answers

What technologies Google Meet uses for screen and audio/video recording?

Now a days since HTML5 is around, neither Flash nor Java is supported by browsers for audio/video recording. As per my knowledge WebRTC is leading framework being used by developers to achieve this. In a web based application my client wants to…
user1976551
  • 11
  • 1
1
vote
1 answer

javascript getdisplaymedia record at higher resolution

I was trying to make a basic media recorder with the MediaRecorder API which is fairly straight forward: get the stream from getDisplayMedia, then record it. The problem: This only records the maximum screen size, but no more. So if my screen is…
bluejayke
  • 2,773
  • 2
  • 20
  • 50
1
vote
1 answer

WebRTC getDisplayMedia Angular 8 cannot download video

I am using this NPM package with Angular 8 [ https://www.npmjs.com/package/webrtc-adapter ] to replicate the WebRTC getDisplayMedia functionality here [ https://webrtc.github.io/samples/src/content/getusermedia/getdisplaymedia/ ] I figured out how…
user12758084
1
vote
1 answer

Manually Close native screen picker of getDisplayMedia

Could I possibly close the native screen picker of getDisplayMedia({video:true}) without selecting an application to share? As far as I know, it automatically closes on track.stop() if a track being shared is stopped. However, there is an instance…
Chowder
  • 41
  • 2
  • 9
0
votes
0 answers

Screen Sharing with getDisplayMedia and reacting to shared url changes

User has a stream captured with navigator.mediaDevices.getDisplayMedia to share page with his bank assistant on video call. User shares, for example, bank page with url somebank.com. But his bank assistant is a bad guy and wants a user to go to…
Radek Anuszewski
  • 1,620
  • 6
  • 28
  • 56
0
votes
0 answers

Record Audio and Video both using RecordRTC_Extension() does not work at browser tab level

I tried capturing audio and video of selected display using RecordRTC_Extension (screen+speaker) but what I found is it records only video but audio. However, it records audio also if I select "Your Entire Screen" from pop up. Note: I found hint to…
Jigar Shah
  • 1
  • 2
0
votes
0 answers

How can I get higher quality audio from navigator.mediaDevices.getDisplayMedia()

How can I get the highest quality audio from navigator.mediaDevices.getDisplayMedia()? Currently I'm doing this: stream = await navigator.mediaDevices.getDisplayMedia({ video: { mediaSource: "screen", width: { ideal:…
Explosion
  • 84
  • 8
0
votes
0 answers

Azure Speech JS SDK: recognize speech from Screen Capture API

I want to transcript speech captured from the browser, not the microphone. My idea is to use getDisplayMedia from the Screen Capture API. mediaStream = await navigator.mediaDevices.getDisplayMedia({ video: true, audio: true …
MadeInLagny
  • 73
  • 6
0
votes
0 answers

Offset/mapping between getDisplayMedia and page coordinates

I want to capture some parts of a website. I have its element with its position compared to the top left position of the page. Now a getDisplayMedia is requested. The user is asked to select a screen, window, or tab. I can get the selection via…
HolgerJeromin
  • 1,469
  • 11
  • 13
0
votes
1 answer

When processing a getDispaymedia stream using canvas, it cannot be transmitted at the original resolution. - webRTC

If I just send getDisplayMedia stream, the resolution is transmitted as it is. However, when I send it using canvas.captureMedia, the resolution is transmitted at a lower quality at first and becomes larger . Is there a way to send it at that…
ShineJ
  • 1
0
votes
1 answer

How can I add a delay before starting to record a MediaStream?

I'm trying to build a simple screen recorder, and, with the help of the MDN docs, I have the following two functions: window.onload = function startStream() { navigator.mediaDevices.getDisplayMedia({ video: { cursor:…
Carson
  • 23
  • 3
0
votes
0 answers

How to use MediaRecorder to encode stream from both displayMedia and UserMedia all together in one video

I am trying to create a video recorder that will allow users to capture video from both camera and their screen.. This will mean that users can stream their computer screen into the recording video. I have tried to get the screen recording and…
Femikuye
  • 43
  • 6
0
votes
0 answers

WebRTC RTCRtpSender.replaceTrack() fails with InvalidAccessError & arguments are invalid on Edge

This is working perfectly on other browsers, but can't replaceTrack on a WebRTC connection on Edge. The two errors shown are: ORTC18601: ORTC RTCRtpSender: One or more arguments are invalid. hr=c004e001. but i'm pretty sure that it only accepts…
Ryk Waters
  • 557
  • 2
  • 6
  • 18
0
votes
0 answers

How do I record active tab using javascript?

I want to record active tab bypassing share your screen popup. How do I implement using javascript? using chrome-extension also acceptable.
bala sangala
  • 19
  • 5
0
votes
1 answer

GetDisplayMedia - Is there an event to listen when the shared application window is resized

Is there an event to listen, when the application that is shared via chrome getDisplayMedia is resized? For example if a text editor application is shared and then resized while still being shared, then the video track also gets resized. But I dont…
Anthony
  • 540
  • 3
  • 14
1 2
3
4