I'm working on a project in which I'd like to: Load a video js and display it on the canvas. Use filters to alter the appearance of the canvas (and therefore the video). Use the MediaStream captu...

The desktopCapturer api example shows how to write a screen capture stream to a <video> element. // In the renderer process. var desktopCapturer = require('electron').desktopCapturer; deskt...

I'm building a screen recorder plugin for chrome store. I'm adding microphone's audio track to the media stream that contains (Screen's video track + System audio track). So final stream contain 2 ...

I have code that records the stream of a video manipulated and displayed on a canvas element and combines it with the AudioContext stream of the same video to give it sound. It works 100% of the ti...

I have a website (Angular 15 & Ionic 6) where a user uploads a video, then I apply some alterations to it on a canvas, capture the canvas stream, and output to a file I first create a MediaStre...

I've built a Chrome extension that captures screen activity and microphone input and outputs a video file. Since chrome.desktopCapture can't record audio input alongside screen capture, I'm getting...

How usergetmedia to use the microphone in chrome and then stream to get raw audio? I need need to get the audio in linear 16.

I'm working on a project where I'm using <video> elements as sources for canvas animations, and I'm aiming to send their audio through the Web Audio API using Tone.js. The canvas animations a...

I couldn't find a definitive answer for this, Let's say I have a server that receives an RTSP feed from an IP camera, this stream will be broadcasted to multiple clients, the connection is always i...

I'm using puppeteer-stream to get a stream of a browser controlled by Node, running on a server. I am able to write this stream out to a file with no issues. I wanted to stream this stream via WebR...

I am taking a MediaStream and merging two separate tracks (video and audio) using a canvas and the WebAudio API. The MediaStream itself does not seem to fall out of sync, but after reading it into ...

Calling SpeechRecognition.start automatically requests microphone permission, but is there any way to start SpeechRecognition on a custom MediaStream (e.g. from getDisplayMedia)?

I am trying to run unit-test with jest framework. I have some webrtc related code in my project written in typescript. I am continuously getting this error. I tried to mock MediaStream but to no a...

Is there a way to detect which device (camera, microphone) is active, given a MediaStream instance? The app I'm currently working on does simply query for such a stream and attaches it to a <vid...

I am capturing a user's audio and video with the navigator.mediaDevices.getUserMedia() and then using MediaRecorder and its ondataavailable to store that video and audio blob locally to upload late...

I am having a issue in combining two audio tracks into one, in order to add the whole merged audio to a video track. this.promises = [navigator.mediaDevices.getUserMedia({ audio: true, video: true...

My Javascript application gets a WebM video stream over a Websocket connection. There is no delay between remote peer sending video frames and the application getting them. I create a MediaSource o...

I am using MediaRecorder in ReactJS to record audio from the microphone and storing into the blob with MIME type "audio/mp3". I want to convert this blob to MP3 and upload it in S3 bucket. I am a...

I use an OCR in order to recognize text from images. I take photos/snapshots from the user's camera/video input using the ImageCapture API from a MediaStream. Here is the code responsible for that:...

I am trying to implement a toggle video feature using webRTC. Refer to the following code: <video id="remote" autoPlay></video> <button onclick="toggleVideo()">Toggle video</b...

I am trying to produce something similar to https://recordscreen.io/ It positions the users camera over the screen recording I've got both streams separately right now. I've tried position one ov...

In my web app I obtain a MediaStream either via getUserMedia or getDisplayMedia. In certain situations, the video track of that stream can change its size. For example, if getDisplayMedia tracks a ...

I am building a react app and need to access the webcam which get with the following code: navigator.mediaDevices.getUserMedia({ video: true, audio: false }) .then(function(stream) { video.srcO...

In the past, you could use URL.createObjectURL() and pass it a MediaStream. However, this has been removed (see https://www.fxsitecompat.dev/en-CA/docs/2017/url-createobjecturl-stream-has-been-depr...

I'm currently spiking out a music application with HTML5/JS and am attempting to achieve the lowest latency I can with the MediaStream Recording API. The app allows a user to record music with a ca...