Questions tagged [getusermedia]
Access to media data streams--webcam video, microphone audio--from browser Javascript. Abbreviated gUM
1,100
questions
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: [...
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 ...
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 ...
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 ...
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()
...
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 ...
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;
...
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(...
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?
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, ...
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 ...
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 ...
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....
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'
};
...
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,...
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=...
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: { ...
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....
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 ...
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 ...
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 ...
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 ...
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....
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, ...
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 ...
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 ...
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 ...
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 ...
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>
<...
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': ...
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 ...
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 ...
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 ...
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 ...
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">&...
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 ...
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 ...
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 ...
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 {
...
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. ...
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 ...
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 ...
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 ...
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. ...
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 ...
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 ...
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",
...
-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 ...
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 ...