I'm trying to build a screen recording with MediaRecorder API. As Suggestive MediaRecorded Approach var chunks = []; var recorder = new MediaRecorder(stream); recorder.streams = [stream]; recor...

I'm using MediaRecorder to record animation from the canvas element. After downloading the video, the video information is empty (duration, bitrate, frame rate...) Here is how I make the download ...

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...

I am in the process of replacing RecordRTC with the built in MediaRecorder for recording audio in Chrome. The recorded audio is then played in the program with audio api. I am having trouble gettin...

I am recording and sending audio via a website. For that purpose I use the MediaRecorder API. There are no issues when using the site on desktop or Android devices and according to the MediaRecorde...

Introduction When using the MediaRecorder on the browser to record a video stream, depending on the browser (Chrome, Safari, or Firefox) the MediaRecorder can record videos in a specific format. T...

In a bare-bones demo, I find that there is a 1.5 second delay before MediaRecorder starts recording audio, on Firefox only. Please find below a snippet that works well with MediaRecorder on Chrome,...

I've recently been trying to generating video in the browser, and have thus been playing with two approaches: Using the whammy js library to combine webp frames into webm video. More details here...

Edit: As the end of the year and the end of Manifest V2 is approaching I did a bit more research on this and found the following workarounds: The example here that uses the desktopCapture API: htt...

I start and stop a MediaRecorder stream. The red "recording" icon appears in the Chrome tab on start, but doesn't go away on stop. The icon looks like this: My code looks like this: const medi...

Where can I find a list of all MIME types that are supported by Firefox or Chrome? All examples I've seen so far using video/webm only.

I'm trying to set up an audio recorder in a React web application for recording large groups of people (15+) talking, but can't seem to get the recording quality right. I initially tried capturing ...

I am recording video by MediaRecorder in Chrome. My code is similar to an example from MediaStream docs. I am receiving videos that do not have Duration metadata. I compared it by mediainfo with ex...

I am recording my browser window using MediaStream and MediaRecorder. But need to disable the mouse cursor from being recorded, so when I create my video track, i use the following code: stream['in...

I'm using MediaRecorder() with getUserMedia() to record audio data from the browser. It works, but recorded data is recorded in the Blob format. I want to get raw audio data (amplitudes), not the B...

I am trying to use mediaRecorder API and make it run on maximum of browsers video/webm;codecs=vp8,opus : that works fine on chrome and Firefox.. but not on Safari video/mp4;codecs:h264 : works on S...

I have an audio file/blob that has been created using the MediaRecorder api: let recorder = new MediaRecorder(this.stream) let data = []; recorder.ondataavailable = event => data.push(event.dat...

I want to record user's microphone 5 seconds long segments and upload each to the server. I tried using MediaRecorder and I called start() and stop() methods at 5 seconds time interval, but when I ...

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 ...

Using media recorder, I am able to upload and append the video blobs on azure. But combined video is not seekable on download with following code - var chunks =[]; var mediaRecorder = new MediaReco...

I have a code which records or uploads the videos. The app is built using create-react-app and is a PWA. I have used facingMode constraint but it still doesnt switch cameras on mobile phone (Samung...

I'm mainly interested in audio MIME types but it would be helpful if someone can provide a list of all MIME types supported by Safari's MediaRecorder. I've been unable to find any documentation on ...

After trying to understand why some of my Web application's objects were retained in memory by Chrome I think I may have narrowed it down to a case of a MediaRecorder object not being garbage colle...

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...

Goal: use MediaRecorder (or else) api to produce video files that are viewable cross platforms. Fail: current api falls back to container/codec on google chrome which is only viewable on chrome and...