Stack Overflow
Stack Overflow

Questions tagged [getusermedia]

Access to media data streams--webcam video, microphone audio--from browser Javascript. Abbreviated gUM

getUserMedia provides access to data streams from media devices such as webcams and microphones. It is used from Javascript running in a user's web browser. It supports the development of front-end web application code for capturing media.

Support varies from browser to browser and device to device. See CanIUse.com for up-to-date information.

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

getUserMedia is often abbreviated gUM. It's often used in conjunction with MediaRecorder; see .

Further references:

See also:

1098 questions
11
votes
2 answers

Accessing Multiple camera javascript getusermedia

guys i have two cameras that is -the web camera -the laptop camera i want to stream those camera in a website i already have some reference here is some code that is working on jsfiddle here
11
votes
1 answer

Firefox: drawImage(video) fails with NS_ERROR_NOT_AVAILABLE: Component is not available

Trying to call drawImage with a video whose source is a webcam feed seems to fail in Firefox with an NS_ERROR_NOT_AVAILABLE: Component is not available. I have tried to wait for every event the video tag fires: play, playing, canplay, loadeddata,…
Achal Dave
  • 4,079
  • 3
  • 26
  • 32
10
votes
1 answer

Record video stream from webcam and upload blob to server

so I have a site that can record a video stream from the users webcam and convert it to a blob using getUserMedia(). I now want to send this blob to the server so the video can be saved and processed. I am having trobule sending a blob file via…
UUake Up
  • 390
  • 4
  • 17
10
votes
3 answers

Send chunks from MediaRecorder to server and play it back in the browser

With the following code in NodeJS I'm able to play a webm file served from server: app.get('/video', function(req, res){ res.writeHead(200,{ 'Connection': 'close', 'Cache-Control': 'private', 'Content-Type': 'video/webm' …
Valdir
  • 495
  • 2
  • 7
  • 20
10
votes
0 answers

Consistent Empty Data using MediaRecorderAPI, intermittently

I have a simple setup for Desktop Capturing using html5 libraries. This includes a simple webpage and a chrome-extension. I am using Extension to get the sourceId Using the sourceId I call navigator.mediaDevices.getUserMedia to get the…
Amit Dugar
  • 274
  • 1
  • 2
  • 10
10
votes
2 answers

Disabling Auto Gain Conctrol with WebRTC App

is there a way to disable the WebRTC "auto gain control feature" by default, by applying some javascript code to the app files? i am using simplewebrtc.
jhon dano
  • 660
  • 6
  • 23
10
votes
3 answers

Saving desktopCapturer to video file in Electron

The desktopCapturer api example shows how to write a screen capture stream to a
styfle
  • 22,361
  • 27
  • 86
  • 128
10
votes
3 answers

Capture video from several webcams with getUserMedia

I would like to capture video from multiple webcams connected to my pc. It is easy enough to use one web-cam, but how can I get video streams from multiple sources? Is it possible to select which camera to use for one stream?     …
user3205962
  • 131
  • 1
  • 2
  • 5
10
votes
3 answers

WebRTC/getUserMedia: How to properly mute local video?

I'm trying to implement the functionality for muting the local video MediaStreamTrack in my WebRTC application. Here's how I'm approaching this: function muteVideo() { if (this._localStream && this._localStream.getVideoTracks().length > 0) { …
jamix
  • 5,484
  • 5
  • 26
  • 35
10
votes
3 answers

HTML5 & Web audio api: Streaming microphone data from browser to server. Ideal transports and data compression

I am looking to take the audio input from the browser and stream it to multiple listeners. The intended use is for music, so the quality must mp3 standard or thereabouts. I have attempted two ways, both yielding unsuccessful…
IyadAssaf
  • 308
  • 5
  • 9
10
votes
2 answers

Cancelling a getUserMedia request

I have a modal dialog box in my application which uses getUserMedia to display a video from the user's camera. This causes a "Deny/Allow" bar to appear. Let's say that the user closes the dialog before clicking "Deny" or "Allow". The bar remains,…
Viper Bailey
  • 11,518
  • 5
  • 22
  • 33
9
votes
2 answers

How to Google Speech-to-Text using Blob sent from Browser to Nodejs Server

I am trying to set up a server to receive audio from a client browser using SocketIO, then process it through Google Speech-to-Text, and finally reply back to the client with the text. Originally and ideally, I wanted to set up to function somewhat…
Alitron
  • 108
  • 2
  • 8
9
votes
3 answers

getUserMedia in PWA with manifest on iOS 11

I have created a PWA which uses WebRTC's getUserMedia to get a live camera stream. The PWA uses a manifest.json, and works great on Android. On iOS however, the app also works if I open the link directly in Mobile Safari, but if I add it to the…
DebboR
  • 311
  • 3
  • 8
9
votes
2 answers

How can I detect width and height of the webcamera?

How can I detect width and height of the camera to use it on canvas and maintain the proportions?? I need to detect width and height of the camera and then use it on a canvas. In the new canvas I will show the live video with some filters. The size…
Norak
  • 383
  • 2
  • 6
  • 14
9
votes
1 answer

Take a picture from html5

I read a lot of ways to acquire an image from an html5 page. I'm still unsure what's the best for my needs: wide support for browsers and os: at least: chrome, firefox, android default, safari I don't need real-time acquisition. The user must press…
Mark
  • 4,338
  • 7
  • 58
  • 120
1 2 3
…
73 74