Questions tagged [getusermedia]

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

Filter by
Sorted by
Tagged with
0 votes
0 answers
26 views

How to set google experimental audio media constraints on getUserMedia

When using Google Meet, there are several unpublished audio constraints that get set. Looking at webrtc-internals shows the audio constraints as: {deviceId: {exact: ["default"]}, advanced: [...
wanderingcode's user avatar
0 votes
0 answers
17 views

iOS PWA - getUserMedia Camera not displaying

So When I remove this alerts from code, it doesn't display camera on the first try, if I leave alerts like this and user clicks "Ok" on alert video on iOS, stream displays. I want to know ...
Luka Koridze's user avatar
1 vote
0 answers
62 views

Mixing ImageCapture and non-ImageCapture constraints is not currently supported

I have started learning webRtc. There I found getUserMedia(constraints) to display media(audio/video). So I decided to dig deep the constraints. So there is a function getCapabilities() which return ...
Irshad Khan's user avatar
0 votes
0 answers
31 views

How to implement micro button and camera button like video call app?

I'm learning to create a video call app, I want to do the media devices setting part (turn on/off camera and microphone) but it didn't work as expected. My code is "use client" import React ...
Khanh Nguyen's user avatar
1 vote
0 answers
39 views

Why can't the code show the rear camera as default on mobile

var decoder = $("canvas").WebCodeCamJQuery(arg).data().plugin_WebCodeCamJQuery; decoder.buildSelectMenu("select"); navigator.mediaDevices.enumerateDevices() ...
Asyrie Chaeranie's user avatar
2 votes
1 answer
51 views

How to use MediaRecorder() to record mobile resolution on Desktop

I want to record the same resolution on mobile as on Desktop. When I initiate MediaRecorder() on Desktop it has landscape dimensions with different resolution compared to when it is initiated on same ...
condo1234's user avatar
  • 3,325
0 votes
0 answers
18 views

i want to add trigered for active and in active if we have disable and enabled in camera permission

const webCam = $("#webcam")[0]; var canvasElement = document.getElementById("canvasImage"); const captureButton = $("#capture-button"); let webcam; let streamBox; ...
pawan ks's user avatar
0 votes
0 answers
22 views

uncaught runtime error error could not start video source - React.js using getUserMedia

import React, { useEffect, useRef } from "react"; import { IoClose } from "react-icons/io5"; export default function CapturePhoto({ hide, setImage }) { const videoRef = useRef(...
161_Suman Maji's user avatar
0 votes
0 answers
54 views

How do you determine the current video FPS in WebRTC

When playing a VideoTrack in WebRTC how do you determine the current framerate/FPS? Do you need to calculate this yourself or is there a method I can call to retrieve this value?
William Seemann's user avatar
0 votes
0 answers
75 views

navigator.mediaDevices.getUserMedia doesn't work on macos catalyst WKWebView

I've got the following error on Mac Catalyst WKWebView: TypeError: undefined is not an object (evaluating 'navigator.mediaDevices.getUserMedia') macOS 13.5.1 (22G 90) Safari 17.0 (18616.1.24.11.5, ...
morgenshtern's user avatar
1 vote
1 answer
391 views

getUserMedia is failing with "Permission Denied" in Android WebView

I've been working on a web application which uses WebRTC to perform video calls. So, before a user start a video call, we invoke getUserMedia method to ask the user for permission to use the media ...
Hitesh Misro's user avatar
  • 3,391
2 votes
0 answers
112 views

mediaDevices.getUserMedia returns video rotated to landscape on some devices

I'm using getUserMedia to get a video stream, on some devices it returns video in portrait mode (as i want it to be) but on some video is in landscape. for example on iPhone XR and Redmi Note 12 video ...
MercurialG's user avatar
1 vote
0 answers
115 views

No prompt showing for WKWebView getUserMedia({audio: true})

A JavaScript library implementation (Twilio Voice JS) on MacOS requires media permissions, specifically microphone permissions. To do so in web browsers, one typical calls: navigator.mediaDevices....
CybeX's user avatar
  • 2,180
0 votes
1 answer
121 views

MediaTrackConstraints: aspectRatio property not working on mobile brwosers

I'm trying to enforce a specific aspect ratio for an HTML video recorder using aspectRatio video constraint in a web app: const videoConstraints = { aspectRatio: 9 / 16, facingMode: 'user' }; ...
Or Bachar's user avatar
  • 1,471
0 votes
0 answers
52 views

Electron - Webcam not working in windows (getUserMedia - Uncaught DOMException: Could not start video source)

Electron-Builder Version: 23.6.0 Node Version: v20.4.0 Electron Version: 23.3.10 Electron Type (current, beta, nightly): current Target: nsis Hello, the webcam does not work in the version for Windows,...
CountXIII's user avatar
0 votes
1 answer
71 views

Is there any way set video and audio permissions in Next.js?

i want to set permissions when click button. I'd like to this scenario. firstly, method work at first and allow when the button is pressed. My code : <button onClick={requestPermission} className=...
Enes Taha Sarı's user avatar
0 votes
0 answers
69 views

getUserMedia asking for camera/microphone instead of screen sharing

I want to record a Google Chrome browser session on docker+xvfb using screen sharing + webRTC. I start the share using this code: navigator.mediaDevices .getUserMedia({ video: { ...
vuco's user avatar
  • 161
0 votes
0 answers
25 views

Is there a way to add constraints to UserMedia using Tone.js?

On MediaDevices: getUserMedia() method it's possible to add a constraints parameter: getUserMedia(constraints) Is it possible to do the same with Tone.js UserMedia?, if so, how? const mic = new Tone....
okkcomputer's user avatar
0 votes
0 answers
161 views

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 ...
Mahipal Singh Khichi's user avatar
1 vote
0 answers
116 views

Is it possible to re-use the same blob url from createObjectURL of a MediaSource?

I am trying to get a media source as the src of multiple videos but whenever I try to set the blob url generated by createObjectUrl, I get an error ERR_FILE_NOT_FOUND on the second video I try to set ...
Cristobal Bahe's user avatar
0 votes
0 answers
66 views

Electron desktop capture multi-monitor view resolution too small

I have an electron application that is successfully screensharing the desktop via WebRTC. Unfortunately, when the screen-shared machine has multiple monitors, the call to getUserMedia which generates ...
Neobyte's user avatar
  • 386
1 vote
1 answer
126 views

some times camera preview freezing without touch on andoid webview app(not mobile webbrowser)

Sometimes the camera preview is freezing without being touched in my Android WebView app (not in a mobile web browser). Please see the below video. I think I have to modify my Android program to solve ...
김형기's user avatar
0 votes
0 answers
110 views

Unable to acces microphone in Chrome using navigator.mediaDevices.getUserMedia()

I am trying to access a microphone in my react app using this code: // create audio context const actx = new AudioContext(); // oscillator to check that audio context works const osc = actx....
shmen-shmen's user avatar
0 votes
0 answers
32 views

Revoking getUserMedia's ability to capture, and removing the tab warning

I'm working on an Angular SPA. As part of the app, I need to be able to capture an image from the user's webcam/phone camera. I have that working after following this MDN guide. This issue is though, ...
Carcigenicate's user avatar
0 votes
0 answers
72 views

getUserMedia returns NotAllowedError the second time is used in iOS

We fail to understand why the second time we want to use a camera it fails giving NotAllowedError. We can use it once with no problem though. The first time, when it works, we are required to accept ...
Marc Pérez's user avatar
0 votes
1 answer
138 views

cant use microphone with python selenium chrome driver remoetly ( local run on my pc is ok)

Im Automation developer, Im trying using python, chrome driver,selenium >> to allow microphone in browser. when i run my selenium tests locally, it works ok but when i run it remotely the ...
ohadshay's user avatar
  • 235
0 votes
1 answer
110 views

Is my webcam stream invisible because of codec?

I've to disp on a webpage the user webcam. I've a "working" html page, as it do not give errors. unfortunately, the video of the camera is invisible. It's here, as I see with elements ...
Tsu'Na's user avatar
  • 29
0 votes
0 answers
307 views

How get camera permission from webview android?

I 0 in java, i just need run my web application in android webview, app use camera. I have error: 2023-05-03 12:41:38.074 4975-4975/com.morservice I/chromium: [INFO:CONSOLE(0)] "Uncaught (in ...
John House's user avatar
3 votes
0 answers
156 views

Sound volume of videos is low after asking for audio device with getUserMedia

We are experiencing what seems to be a very rudimentary issue when playing video in conjunction with accessing users' microphones on iOS. This is a simplified code example: <!DOCTYPE html> <...
Ofek Rom's user avatar
0 votes
0 answers
31 views

How in webview (url on website) call userMedia javascript?

I need to call the camera from js in the android webview, but for some reason there is such an error in the logs: Uncaught (in promise) TypeError: Failed to execute 'getUserMedia' on 'MediaDevices': ...
John House's user avatar
0 votes
0 answers
149 views

How to get getUserMedia fullscreen on different devices in html video element with React?

For an AR project I am trying to get a full screen video stream from a device's cameras via getUserMedia. Unfortunately, this only partially works, even after trying several (possible) solutions I ...
YGestel's user avatar
0 votes
1 answer
83 views

CanvasRenderingContext2D.drawImage() generating distorted image

I'm using the HTML camera API + canvas.getContext('2d').drawImage to generate 350px x 130px images. The images are somewhere near what I want them to be, but always a little distorted. What am I ...
Bruno Lamps's user avatar
0 votes
1 answer
105 views

Safari, MacOS - Existing MediaStream AudioTrack's readyState is 'ended' after calling getUserMedia

I have a problem which may be MacOS or WebKit specific, I don't really know. I have googled and searched like crazy, but I can't seem to find a similar case. Testing on MacOS Ventura 13.0 - had no ...
Filip Szutkowski's user avatar
0 votes
0 answers
742 views

Detection of Builtin Camera and Virtual Web Cameras in my web application

I want to automatically select the default camera (Builtin Camera) of the laptop if users is using any virtual camera. I want to prevent users from using virtual camera in the web application. I can ...
Muhammad Ali Mujtaba's user avatar
0 votes
0 answers
71 views

Change cam constraint deviceId of mediaStream

<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width"/> </head> <body> <video autoplay muted id="lh">&...
SUCHANA's user avatar
1 vote
0 answers
170 views

Encode MediaRecorder stream in PCM format for AWS transcribe

So I'm trying to use AWS transcribe medical but unable to achieve as AWS transcribe medical require "pcm" encoded audio data. I tried multiple custom function but no luck. I want to use ...
Shubham Ambastha's user avatar
1 vote
1 answer
97 views

Accessing navigator.mediaDevices in insecure connection for MS Edge

I have tried (javascript) to use navigator.mediaDevices use insecure connection (http) in MS Edge (v.111), but this field was undefined. How can I use it ? Which settings should I do in MS Edge to get ...
LUN2's user avatar
  • 75
0 votes
0 answers
94 views

External audio inputs using MediaDevices.getUserMedia in mobile devices

I am developing a mobile app and web for video and audio production. I am using mediadevices enumerateDevices and getusermedia methods to get audio from audio inputs. On laptop and desktop everything ...
Joaquin Moreno's user avatar
1 vote
1 answer
121 views

WebRTC one-way communication by exposing the SDP of the sender

So on the offerer I have this code. It has a function which sends the SDP to the database. const videoConstraints = { 'video': true, 'audio': false } var localStream = new MediaStream(); try { ...
Octavian Niculescu's user avatar
0 votes
1 answer
69 views

desktopCapture still prompts the tab to share even after specifying the targetTab property

I setup the desktopCapture in the background script, and specify the current tab as the targetTab property in order to proceed to get the streamId without prompting which tab the user wants to share. ...
Aviato's user avatar
  • 85
0 votes
1 answer
92 views

navigator.mediaDevices.getUserMedia Illegal Invocation error

I am using this code in a project I'm working on to record an audio file on the user's end and then upload it directly to the server all from one page... For some reason I get an Illegal Invocation ...
Jason Towan's user avatar
0 votes
3 answers
612 views

the image get zoomed out and quality is poor when taking from vedio camera using javascript

I have created a web application that uses the mediaPipe API. With this APP i use the rear camera to detect a person's face and click the picture. Once the picture is clicked i get the MediaPipe api ...
Kiran Kumar's user avatar
1 vote
3 answers
80 views

How do I test a video chat with a second computer without https?

I have created a video chat app with React, express, peerjs. However, when I connect to my localhost with a second computer via the IP address I connect nicely but the video will not appear. The ...
David James's user avatar
0 votes
1 answer
124 views

Audio signal drops in audio recording using webaudioapi and recorder.js

I am recording audio using web audio API and recorder.js but when I download the audio and checked this audio spectogram. I have found signals dropped for some milliseconds. Not getting any solution. ...
Vijay D's user avatar
  • 53
0 votes
1 answer
339 views

Back Camera in portrait using getUserMedia

I'm trying to start the back camera in portrait using navigator.mediaDevices.getUserMedia in react the camera does not seem to take into consideration the constraint that I send this is how the ...
new.user's user avatar
2 votes
0 answers
85 views

How to record aux-in audio using Electron?

In an Electron application that I'm working on, I'm trying to record the audio that I get through my auxillary input (3.5mm jack) in my computer. I don't want to pick up any audio through the built-in ...
bartinmader's user avatar
0 votes
0 answers
228 views

iOS Safari Webcam Autofocuses in user facing mode but not environment facing mode?

I'm building a react based barcode scanner with the react-qr-barcode-scanner package. I use: <BarcodeScannerComponent videoConstraints={{ facingMode: "user", ...
respectful's user avatar
-1 votes
1 answer
420 views

MediaRecorder.start() failing without errors on Ios Chrome and Safari. Working on desktop chrome / ff

I have a mobile website that takes a few pictures (environment cam) and records a short video (user cam). On desktop, everything works fine. On mobile, the camera feed is shown on both chrome and ...
Martijn Deleij's user avatar
0 votes
0 answers
198 views

Is there a way to acess usb camera feed rather than internal cameras on video capture?

I currently have a form with a file input that accepts video captures. By default it opens the devices internal camera, in this case, a tablets front camera. The problem is that I have a endoscopic ...
Brian Barraza's user avatar

1
2 3 4 5
22