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

Bad Resolution Image taken with getuserMedia() Javascript

i wanted to take screenshots from a mobilephone camera using javascript getUserMedia function but resolution is very bad. if (navigator.mediaDevices) { // access the web cam navigator.mediaDevices.getUserMedia({ video: { width: { …
Marco Bozzola
  • 179
  • 1
  • 3
  • 17
6
votes
4 answers

Video recording for Safari Browser

In my sample ReactJs application I am using react-multimedia-capture - which uses navigator.mediaDevices.getUserMedia and the MediaRecorder API to record video. I am able to record video from Chrome, but in Safari I am unable to capture the video.…
Sravan Shetty
  • 159
  • 2
  • 3
  • 9
6
votes
2 answers

How can I get user media permissions(camera and microphone) of Firefox browser through JavaScript code?

The code below is working properly in the chrome browser: For microphone: navigator.permissions.query({name: 'microphone'}) .then((permission) => { console.log("microphone state", permission.state); }).catch((error) => { …
anshdeep
  • 61
  • 1
  • 1
  • 2
6
votes
1 answer

Using a 4k Logitech webcam with WebRTC/getUserMedia

I have a 4k Logitech brio webcam and I can pull live video from it using WebRTC/getUserMedia. Sadly only in HD 1920x1080 … is there any way to use the 4k capabilities of the camera in the browser/electron app? I'm working on a single instance media…
moritzjacobs
  • 131
  • 1
  • 2
  • 8
6
votes
1 answer

mediaDevices.getUserMedia image cropped / zoomed in Chrome

Getting the camera stream with navigator.mediaDevices.getUserMedia( shows a picture that appears to crop the edges out in the browser. The full image can be seen through the native camera application. The same appears to happen with both my Huawei…
Marlo Kuisma
  • 101
  • 1
  • 10
6
votes
0 answers

navigator.mediaDevices is null on iOS with Chrome 62?

Since latest version of Chrome 62, only under iOS 11 devices, when I try using navigator.mediaDevices - it's null. Nothing in the documentation suggests this functionality was removed. In the meantime I opened a bug under Chrome, but this is both…
Koby Douek
  • 16,156
  • 19
  • 74
  • 103
6
votes
2 answers

How to save a jpg image/video captured with webcam in the local hard drive with HTML5

The problem appears simple, although I cannot find a suitable solution because of my lack of knowledge of HTML and Javascript. The task is simply to design a webpage where a button will activate the webcam and store either a still image or a video…
Della
  • 1,264
  • 2
  • 15
  • 32
6
votes
1 answer

What is a TrackStartError?

I am running audio only sessions using the constraints: var constraints = { audio: { mandatory: { echoCancellation: false }, optional: [{ sourceId: audioSource }] }, video: false }; I am noticing…
James Christie
  • 135
  • 1
  • 9
6
votes
2 answers

Mediarecorder support/pollyfil for Safari

I wanted to record Laptop's webcam video stream on safari browser. I am accessing the stream on browser by using MediaDevices.getUserMedia(). It seems MediaRecorder interface will do the trick…
Siddharth Jain
  • 380
  • 1
  • 3
  • 16
6
votes
0 answers

MediaSource randomly stops video

I am working on a project where I want to getUserMedia -> MediaRecorder -> socketIO -> MediaSource appendbuffer I got it to work, however after a few seconds it randomly stops. I know about WebRTC, but in the project I am working on it's based on…
Steve
  • 337
  • 2
  • 10
6
votes
2 answers

WebRTC Reduce a recording video size

I recorded video for 10 second in (Firefox/Chrome) using this example https://www.webrtc-experiment.com/RecordRTC/. Recorded blob size around [10 Sec, 4.36MB (320x240)] , Then I modified some parameter as fallows var videoConstraints = { audio:…
Santosh Shingare
  • 281
  • 2
  • 16
6
votes
1 answer

Broadcasting live audio through webrtc using socket.io in node.js

I am trying to get the audio through getUserMedia() using webrtc and using socket.io to send it to server(socket.io support audio , video , binarydata) and then server will broadcast it to all connected clients. The problem is when stream reaches…
Nauman Bashir
  • 189
  • 1
  • 4
  • 10
6
votes
2 answers

node-webkit (nw.js) Ubuntu 12.04 LTS SUID sandbox error

I am creating nodewebkit and webrtc based desktop application for video streaming. While creating, I am trying to use getusermedia API but getting the below error on my Linux box. [15464:0224/125017:ERROR: browser_main_loop.cc(162)] Running…
saurav
  • 131
  • 1
  • 9
6
votes
1 answer

Recording in HTML5 does not work in Firefox

I am using recorder.js and Recordmp3.js for recording audio through microphone. It's working fine in chrome browser but not in Firefox(Latest version as well). When I hit my web app on the Firefox browser, It asks me to share microphone but after…
pratik nagariya
  • 574
  • 5
  • 21
6
votes
2 answers

Is it possible to convert a MediaStream to a video blob with html5

I am trying to capture a 5 minute long video from a web cam in a website. I am currently using an html5 video element to display the getUserMedia result stream. Is there anyway for me to get the contents of the stream once I finished with the…
Remoba
  • 147
  • 1
  • 8
1 2 3
…
73 74