Questions tagged [getusermedia]
Access to media data streams--webcam video, microphone audio--from browser Javascript. Abbreviated gUM
getusermedia
1,114
questions
0
votes
0
answers
25
views
Audio recording in front-end
I create a Vue application (using Vue 3.4.21).
I am interested in allow user to record an audio, and managed to create a component that does it, and saving it to local user machine.
Here you can see ...
- 5,492
0
votes
0
answers
36
views
Chrome Record Audio And Video Using getUserMedia
I am trying to use my chrome addon to record a screen its working fine and recording the video but i cant seem to get it to record the audio from the screen or desktop
this is the code i have now ...
0
votes
1
answer
46
views
Error accessing media devices: DOMException
brand new to react and am trying to get access of camera and mic but i ran to this error:
Error accessing media devices: DOMException { line: 1, column: 161443, sourceURL: "https://sample.com/...
1
vote
1
answer
46
views
To address the issue of the microphone picking up both the user's voice and the NVDA (Nonvisual Desktop Access) voice output while recording
I have implemented a voice-to-text feature in my application, and I am utilizing the connected earphone microphone for voice input using navigator.mediaDevices.getUserMedia({audio: true}) API. The ...
- 21
0
votes
0
answers
27
views
history.replaceState() causes user media video to became black on iOS 17
I have a case, when I need to update a browser's URL while a user is streaming video from an iPhone. I update the URL like this.
window.history.replaceState(null, "", browserUrl);
On iOS 17 ...
- 863
0
votes
2
answers
168
views
Can't hear remote participant audio output on Samsung Galaxy A9+ tablet speakers using Chrome, Opera, or Edge running WebRTC voice call application
I use WebRTC for a voice call application running in the browser. In testing my app on a Samsung Galaxy Tab A9+ (SM-X210) on Android 14, I've observed that when using the Chrome, Edge, or Opera ...
0
votes
0
answers
107
views
Get microphone access for entire browser using chrome extension
i have a chrome extension with manifest v3 and in that i want that when user clicks on a button in popup then user should see a prompt to allow microphone access across entire browser and this should ...
1
vote
1
answer
40
views
WebRTC close navigator.getUserMedia correctly
I permant use this javascript code for webrtc (aiortc) communication:
var port = 8080
var ip_address = "192.168.1.10"
var main_pc = {
"name":"",
"surname&...
- 2,309
2
votes
0
answers
79
views
navigator.mediaDevices.enumerateDevices how to get currently connected/active devices
I have an external Sony camera connected to macbook. When i disconnect/detach the camera from the machine, both enumerateDevices and getUserMedia still list this camera in the list of connected ...
- 83
0
votes
0
answers
22
views
Black screen issue on Samsung M51 and IQOO Z6 devices when attempting to preview camera in highest resolution with getUserMedia javascript
I'm encountering an issue when attempting to open the rear camera in the maximum resolution with a 9:16 or any aspect ratio using HTML/JS. Despite setting the constraints, nothing appears on the ...
0
votes
0
answers
32
views
Not able to access the audio while simultaneously accessing the image bit map
I am using the navigator.mediaDevices.getUserMedia to access my personal microphone and web camera. I am able to access my images through my webcamera and display it on my html page. however, i am not ...
- 1
0
votes
0
answers
41
views
FFMPEG ERROR on streaming video generated from MediaRecorder API on RTMP url
Ref : https://www.mux.com/blog/the-state-of-going-live-from-a-browser
The above blog states my problem in detail and presented a solution also.
I am trying to implement the solution which is using ...
0
votes
1
answer
41
views
Why doesn't this code to work camera on iOS chrome or Safari but the desktop versions are fine
On a button click devices function is called and should show the video in the
<video autoplay id="getVIN"></video>
however only works on desktop versions of browsers... I get ...
- 1,423
0
votes
1
answer
199
views
Error Capturing Tab Content in Chrome Extension (Manifest V3) using getUserMedia
I am developing a Chrome extension using Manifest V3 that aims to capture and record the content of a specific browser tab. I've ensured that the tabCapture permission is correctly set in the manifest ...
- 2,610
1
vote
0
answers
111
views
How access the microphone in IOS 17 for web or pwa applications in nextjs?
I have a app which developed by nextjs12;
in my application i have a chatroom, which i used rockedchat for that and for sending voices due the chat i need to access the device's microphone, in Chrome ...
0
votes
0
answers
2k
views
Permissions policy violation in Chrome-based browsers while accessing camera
I'm encountering a permissions policy violation issue specific to Chrome-based browsers when attempting to access the camera using the following code. Strangely, the code works without any errors in ...
- 322
0
votes
0
answers
60
views
auto select current tab for getusermedia in headless chrome
I am trying to record a webpage in nodejs server.
Currently I am using puppeteer to open a page and a extension to record it.
I want to ditch the extension and directly record in the nodejs.
So first ...
- 5,291
0
votes
0
answers
31
views
ios getusermedia from external usb-c microphone, the mic is recognized but the audio is still coming from the internal mic
I have an app that captures audio from a USB-C microphone connected to an iPhone 15 Pro Max for audio processing.
I initiate getUserMedia with the deviceId constraint and the exact behavior. When I ...
- 41
0
votes
0
answers
232
views
How to use the main back camera on ios using getUserMedia in PWA
I have created a simple PWA using html css and javascript, I am using getUserMedia in order to access the camera and render it on the screen, but for some reason the defult camera it is using is the ...
- 105
0
votes
1
answer
186
views
How to do so that the browser prompts the user for the camera just once?
When using the WebRTC Javascript API, I noticed that the browser prompts the user for enabling the camera everytime the page is loaded in Firefox and Safari when calling navigator.mediaDevices....
0
votes
0
answers
50
views
Safari UI freezes on getUserMedia until promise is returned
When calling getUserMedia on Safari (V 17.0) on MacOS 13.6 Safari UI freezes until the promise is resolved. It appears that user interactions are still happening, but nothing is displayed until ...
- 121
1
vote
0
answers
94
views
Media streams capturing issue in MV3 (chrome extension) with respect to constraints
Description
When using the getUserMedia API in Chrome to capture audio from specific Chrome tabs using the chromeMediaSource and chromeMediaSourceId constraints, the API is not behaving consistently. ...
- 21
1
vote
0
answers
178
views
Enumerate available screens in Tauri / with Rust
I'm considering migrating our existing electron application to Tauri.
We're not using any fancy features, except for one where I'm not sure if/how it can be achieved in Tauri (or with a plugin written ...
- 9,194
0
votes
0
answers
62
views
What is the correct way to handle orientation changes to a video camera feed in Javascript?
So I am currently running a tensorflowjs model on an incoming video stream defined using the getUserMedia() function, but while trying to create a video stream in landscape mode I get an incorrectly ...
0
votes
0
answers
133
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: [...
- 121
0
votes
0
answers
74
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 ...
2
votes
0
answers
221
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 ...
- 31
0
votes
0
answers
41
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
67
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
162
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 ...
- 3,395
0
votes
0
answers
27
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;
...
- 1
0
votes
0
answers
40
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
135
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?
- 3,510
3
votes
1
answer
251
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, ...
- 45
1
vote
2
answers
1k
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 ...
- 3,421
2
votes
0
answers
327
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 ...
- 21
1
vote
0
answers
252
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....
- 2,340
0
votes
1
answer
341
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'
};
...
- 1,511
0
votes
0
answers
76
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
206
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
103
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: { ...
- 161
0
votes
0
answers
44
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
335
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
218
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
143
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 ...
- 386
1
vote
1
answer
155
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 ...
- 11
0
votes
1
answer
328
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 ...
- 265
0
votes
1
answer
166
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 ...
- 29
3
votes
0
answers
253
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>
<...
- 31
0
votes
1
answer
162
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 ...
- 599