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:

72 questions
0
votes
1 answer

Disable stop share prompt box during screen sharing by getDisplayMedia()

I am sharing screen by getDisplayMedia() My screen sharing feature is working fine screen shot of screen sharing In the above screenshot you can see a bydefault prompt box of stop share is appeared . I want to disable that prompt box how i can…
Sunil Kumar
  • 11
  • 5
0
votes
0 answers

Blank screen recording with navigator.mediaDevices.getDisplayMedia

We make a product that records the user's screen from the browser, using navigator.mediaDevices.getDisplayMedia ; it works nicely everywhere but we face 1 issue for 1 client, and I was wondering if anyone had this issue before: with Chrome browser…
JBA
  • 2,889
  • 1
  • 21
  • 38
0
votes
1 answer

Cropping the relevant part of the browser window after identifying the location of the interested element

I have a webpage where I've embedded a YouTube video in an iframe. I need to capture the screenshot of the YouTube video. Using libraries like html2canvas and dom2image didn't work because of cross-domain limitations. So, I came up with the idea of…
Shubham Agarwal
  • 95
  • 6
0
votes
0 answers

Show a colored border frame when capturing display with MediaDevices.getDisplayMedia()

I would like to keep the user aware that their screen is still being captured by my web app. How can I display a colored overlay border to remind them of this ? See illustration
Julien Reszka
  • 888
  • 12
  • 25
0
votes
1 answer

getDisplayMedia does not record all audio output from my pc

I'm having a hard time recording my computer screen + all its audio interface (system + mic) with getDisplayMedia, however I'm using a code from a react js component which refers to this code const defaultDisplayMediaOptions = { video: { …
Pedro Henrique
  • 1
0
votes
1 answer

How to download the video recorded with getDisplayMedia api?

Problem: In my React application, I have setup screen recording within the application using navigator.mediaDevices.getDisplayMedia when I set the stem to video tag and play it was playing successfully. But when I try to save it to a local machine…
Tharindu Sandaruwan
  • 555
  • 9
  • 29
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:…
dem
  • 125
  • 1
  • 2
  • 12
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
  • 602
  • 4
  • 18
0
votes
2 answers

How to work around this error script5007 unable to get property 'getDisplayMedia' of undefined or null reference on IE?

i'm doing a script to know if my browser supports the screen sharing. My Script works on every browser (Chrome, Opera, Firefox, Edge, Safari) except Internet Explorer and i don't know what is the problem. Can you give me the answer please var…
Be Weria
  • 25
  • 8
0
votes
1 answer

navigator.mediaDevices.getDisplayMedia not supported

I am trying to build a web app that could capture the user's desktop. I found this web api that should do the job perfectly, but I can't seem to make it work. Right now it should be supported both on the latest version of Edge and on Chrome 70…
Adrian Pascu
  • 949
  • 5
  • 20
  • 48
0
votes
1 answer

Saving blobs as a single webm file

I'm recording the users screen via webrtc, and then posting video blobs every x seconds using MediaStreamRecorder. On the server side I have an action set up in sails which saves the blob as a webm file. The problem is that I can't get it to append…
Mark Hill
  • 161
  • 2
  • 9
1 2 3 4
5