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
1
vote
0 answers

Jitsi, getDisplayMedia() does not capture sound from the participant

I am getting screen video and system sound stream from getdisplaymedia and getting mic stream from getusermedia,and recording these streams with MediaRecorder. mic and screen record are fine, all system sounds comes but jitsi participant voice not…
zafer güler
  • 11
  • 2
1
vote
1 answer

Chrome getDisplayMedia stream cropped when sharing non fullscreen application window

I'm programming a web application that uses webrtc and the build in screen capture api of Chrome with getDisplayMedia. In Chrome Browser i am experiencing a strange behaviour when sharing a non fullscreen window. The window is cropped by about 7…
NickG
  • 550
  • 4
  • 18
1
vote
2 answers

How can I duplicate a media stream to a popup window?

I want to start a screen share in my main tab by calling getDisplayMedia, and then clone it to another popup window which I open from my app (using window.open), effectively showing the screen capture twice, in parallel. According to this thread,…
amiregelz
  • 1,833
  • 7
  • 25
  • 46
1
vote
3 answers

How can I store / download the recording from the Screen Capture web API?

I'm using the Screen Capture API and am trying to save the final capture to a video file (WebM, MP4, etc.). I have these two JavaScript functions: async function startCapture() { try { videoElem.srcObject = await…
dem
  • 125
  • 1
  • 2
  • 12
1
vote
0 answers

getDisplayMedia split choice window on chrome

I noticed that google hangout meets provide the functionality to select if you want to share an entire monitor, application, or just a browser tab and instead of one menu, it is split into three. I tried applying constraints like displaySurface:…
Benas
  • 39
  • 1
  • 8
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

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
  • 51
  • 2
  • 11
0
votes
0 answers

WebRTC Recording Issue

I have created video calling application using webrtc and i want to record the entire screen to provide recording feature. When I want to capture mediastream(getDisplayMedia) for recording, it always ask permission. But microsoft teams and other app…
Raju Kadel
  • 1
  • 2
0
votes
0 answers

How can screen sharing (current tab) be performed without prompting screen sharing dialog box in chrome extension in manifest V3?

Here, I am utilizing the getDisplayMedia and getUserMedia APIs to capture both audio and video from the microphone and system in separate streams. Additionally, I am utilizing APIs for real-time transcription with diarization. However, the challenge…
Mahipal Singh Khichi
  • 1
  • 3
0
votes
1 answer

MediaRecorder convert blob to MP4 for PPTXGenJS video

I'm recording a video stream from GetDisplayMedia() using MediaRecorder to be embedded within a powerpoint document using PPTXGenJS. I know MediaRecorder can't record to mp4, only webm, and PPTX requires MP4 format. So the resultant webm blob…
user9506231
  • 113
  • 2
  • 7
0
votes
0 answers

Stream rich content from a single DIV to another client with NodeJS and JavaScript

A Web app built in PHP/JavaScript has a main pages with several DIVs. One of the DIVs contains a chat room app via the NodeJS app. This is working fine. What we now want to do is share, or rather stream the content of another DIV on the same page to…
TenG
  • 3,843
  • 2
  • 25
  • 42
0
votes
1 answer

Screen capture as webgl texture not correct format

I have a problem I just discovered in chrome and used to work. Uploaded video textures to webgl from screen capture MediaStream is failing with a diagonal green line and the picture is diagonal. If I choose to share a browser tab its a correct…
Dan Rossi
  • 51
  • 1
  • 4
0
votes
0 answers

Use getDisplayMedia to record the screen, when the microphone is added from the system, there is no sound！

In chrome browser, I am using MacBook to record a 30 minutes class, in code, use getDisplayMedia to get the screen stream： navigator.mediaDevices.getDisplayMedia({audio:true,video:true}).then((mediaStream)=>{ mediaRecorder = new…
kai gan
  • 1
  • 1
0
votes
0 answers

Broadcast upload extension flutter webrtc

I am trying to add screen sharing for iOS in my flutter app using flutter-webrtc. Following the steps explained in this document https://github.com/flutter-webrtc/flutter-webrtc/wiki/iOS-Screen-Sharing, I have managed to start the broadcast…
iYousafzai
  • 1,021
  • 1
  • 10
  • 29
1 2 3
4
5