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
6
votes
5 answers

Tutorial for WebRTC / getUserMedia API - multiple cams

does anyone know a good tutorial for a WebRTC / getUserMedia API script that is possible to let two users connect to each other with a webcam? A proper example should be Chatroulette, only it doesn't need to be that big. And it should be possible to…
0846277
  • 73
  • 3
  • 11
6
votes
2 answers

Polyfill file input with accept capture (using getUserMedia to capture?)

I want to enable image (& audio & video) uploads in a survey framework. To do so, input file is nearly sufficient for my purposes. On some mobile browsers is a really simple way of letting users…
Ruben
  • 3,452
  • 31
  • 47
6
votes
1 answer

Google Chrome's webkitGetUserMedia - what if the user ignores the dialog?

So the standard way that navigator.webkitGetUserMedia is used is like such: function success() { console.log('User accepted'); } function deny() { console.log('User rejected'); } navigator.webkitGetUserMedia({video: true, audio: true},…
Katana314
  • 8,429
  • 2
  • 28
  • 36
6
votes
2 answers

WebRTC resolution limit

I tried this and this, but the maximum resolution I can get is 640x480. The pictures taken by other windows apps by the same camera have the resolution of 1600x1200. Is there any limit for resolution in WebRTC? I cannot find any official…
thanh
  • 61
  • 1
  • 1
  • 2
6
votes
1 answer

How can I stream audio from getUserMedia to a server?

Is there a way stream audio (using getUserMedia) in realtime from a browser to a server? I want to know how should I go about implementing it? What kind of data can I take from the browser, so that I can then save it on the server in a file or…
Arjun Bajaj
  • 1,932
  • 7
  • 24
  • 41
6
votes
2 answers

How to submit/stream video from browser to a server?

I can record video using getUserMedia() in a browser. However, I have not find a convenient way to submit (recorded) or stream (live) video from browser to a server. Only what I've found is to render video to canvas and then submit or stream…
TN.
  • 18,874
  • 30
  • 99
  • 157
6
votes
1 answer

HTML5 & getUserMedia - Record Audio & Save to Web Server after Certain Time

I'm having some difficulties with getUserMedia with HTML5 whilst developing my web page. This is the first time I've tried to implement this to record a users audio input. Flash is not an option for this project as it has to be used on mobile…
Enijar
  • 6,387
  • 9
  • 44
  • 73
6
votes
7 answers

WebRTC - Browser doesn't ask for mic access permission for local html file

I have some simple webRTC code which uses getUserMedia to gain access to user's mic. Now when I load that html file (saved at my localhost) in my browser, the browser doesn't ask for mic access permission and thus get failed to get access. But when…
Amit
  • 33,847
  • 91
  • 226
  • 299
5
votes
1 answer

getUserMedia green screen on Android

I'm trying to use getUserMedia to show the cam live stream on a web page. It works (if I save the stream to a file, it is ok) but the video tag show only a static green image as preview. Is anyone facing the same problem? My setup: Samsung S8…
5
votes
2 answers

Unhandled Exception: Unable to getUserMedia: getUserMedia(): DOMException, NotAllowedError

We're trying to make a video conferencing app. When running the app on Windows for testing, the video turns on just fine but when we run it on a physical device (an Android phone), the following error comes up and the video does not show. E/flutter…
5
votes
1 answer

How can I get audio stream playing in a tab in chrome extension manifest v3

In order to capture output audio stream from a tab in manifest v2 one could use chrome.tabCapture.capture API in the background script to get the stream. But, in manifest v3 tabCapture has been moved to foreground and it isn't available in…
5
votes
0 answers

How to use a camera stream multiple times

I want to create a PWA which acts as a bar- and QR-code scanner. For detecting QR-codes I use jsQR (see: https://github.com/cozmo/jsQR), for barcodes, I want to use QuaggaJS (see: https://serratus.github.io/quaggaJS/). To select the type of code…
patrick
  • 51
  • 2
5
votes
1 answer

getUserMedia on Chrome frequently does not return the best resolution

I am using navigator.mediaDevices.getUserMedia() on Chrome 80 on Linux. In order to get the highest quality, I run through a range of constraints, checking for errors, or for the stream not actually being of the desired size. For at least one of my…
siride
  • 200,666
  • 4
  • 41
  • 62
5
votes
0 answers

Safari ios and ipad zooming in with camera

Using the getUserMedia() API to use the camera. The problem I have is that it works on everything but iOS and iPad. I can snap a picture but I can't zoom. I saw this post but has no response. I'm looking at caniuse and the capabilities and from…
adviner
  • 3,295
  • 10
  • 35
  • 64
5
votes
1 answer

In iOS Safari, permissions from getUserMedia time out in a minute

Our website does a series of timed actions that culminate in the user recording something with their microphone. Because we don't want to interrupt the process with the browser's "our-domain.com would like to access the microphone [cancel] [allow]"…
Paulie
  • 1,940
  • 3
  • 20
  • 34