Questions tagged [mediarecorder-api]
62 questions
1
vote
1 answer
How to download a MediaRecorder file in Chunk-Wise Simultaneously while record
I am trying to create a simple record sample using MediaRecorder api. Using this i am checking to download capturing video using timeSlice(mediaRecorder.start(10000)).
When data captured(each 10 seconds) ondataavailable event triggered and using…
![](../../users/profiles/3373505.webp)
Akbar Basha
- 1,087
- 1
- 12
- 34
1
vote
1 answer
I'm recording speech using MediaRecorder API, why are chunks smaller than the actual size?
I have an issue with MediaRecorder API (https://www.w3.org/TR/mediastream-recording/#mediarecorder-api).
I'm using it to record the speech from the web page using Chrome, and save it as chunks. I need to be able to play it while and after it is…
![](../../users/profiles/2050755.webp)
Rajesh Naik
- 387
- 7
- 15
1
vote
1 answer
Converting Webm audio file to mp3 or ogg
I am currently working on a Chromebook application where I have to record an audio file with record/pause/resume features and then save the file in mp3 or ogg format. I am using mediaRecorder API to record the audio successfuly but the default file…
![](../../users/profiles/5347546.webp)
Subin
- 343
- 1
- 11
1
vote
1 answer
Using a original javascript at MediaRecorder-examples/record-canvas-to-video.js
Software requirements
Firefox 45. This is a Firefox technical demo. So it might not work on your browser, if it doesn't implement what we're demoing. At the
time of…
![](../../users/profiles/2801559.webp)
guest271314
- 1
- 10
- 82
- 156
1
vote
0 answers
Visualizing waveform for stored (not real-time) audio using Web Audio API
I'm using MediaRecorder API to record a media stream from a microphone. And I want to draw a visualization of the recorded audio on a canvas. Web Audio API's AnalyserNode visualises real-time audio from the stream.
Is there a way to visualize a…
![](../../users/profiles/5544117.webp)
teby
- 21
- 4
0
votes
1 answer
Possibility to record playback of browser audio element using JavaScript?
I am currently working on a simple audio project which uses HTML / JS audio elements to play audio using buttons.
Is it somehow possible to record that audio being played instead of recording the microphone (by using the MediaRecorder API)?
![](../../users/profiles/8773697.webp)
mrvnklm
- 574
- 5
- 14
0
votes
1 answer
Get ReadableStream from Webcam in Browser
I would like to get webcam input as a ReadableStream in the browser to pipe to a WritableStream. I have tried using the MediaRecorder API, but that stream is chunked into separate blobs while I would like one continuous stream. I'm thinking the…
![](../../users/profiles/3943664.webp)
Sepehr Sobhani
- 790
- 3
- 8
- 25
0
votes
0 answers
How to record video on Safari iOS using MediaRecorder
I am making a video recording website, and using the recordRTC package, I have it working on chrome desktop and android. However, this package does not work on safari either on desktop or iOS. I have tried using the mediaRecorder API, and have a…
![](../../users/profiles/15327066.webp)
nwok
- 1
0
votes
1 answer
Recording google meet through Webrtc
I am trying to record google meet audio and video using webRtc. I found mediaRecorder Api for same. But i am unable to record meeting, as it is only capturing my webcam and audio. How can i record a whole meeting through code in any language?
![](../../users/profiles/8297344.webp)
MiSha
- 23
- 4
0
votes
0 answers
Media Recorder ondataavailable not fired in Fire Fox
Heres my code to record the screen (with audio)
let options = {
video: {
cursor: true,
displaySurface: 'window', // monitor, window, application, browser
},
audio: true,
}
voiceStream =…
![](../../users/profiles/2445278.webp)
user2445278
- 369
- 1
- 11
0
votes
0 answers
Don't stop a mediaRecorder when its source stops
The situation
On my site i record the user's screen with MediaDevices.getDisplayMedia()
If the user clicks "Stop Sharing" i force him to restart the screen capture
and i restart the MediaRecorder
What i want
To connect the 2 recordings into one…
![](../../users/profiles/12319272.webp)
Nevo
- 13
- 4
0
votes
1 answer
Adding audio to an incoming stream during video call to record voice of both parties in a call
I have created an app using peer js to initiate video calls. I am using mediarecorder Api to record the incoming stream from caller. However, I need to add audio of both the caller and receiver in the call to the recording, and video should be of…
![](../../users/profiles/10786240.webp)
Kartik Khamborkar
- 60
- 5
0
votes
0 answers
mediaRecorder: is it possible to progressively upload the video to the serber?
The mediarecorder https://developer.mozilla.org/en-US/docs/Web/API/MediaRecorder allows to record a stream in chunks and then save them on server.
But is it possible to upload these chunks progressively (like a streaming) without having to wait the…
![](../../users/profiles/300675.webp)
yarek
- 8,962
- 25
- 93
- 180
0
votes
0 answers
FFMPEG - How to wait until all blobs are written before finishing ffmpeg process when getting them from media recorder API
I'm using media recorder API to record a video from user's screen and sending the blobs through web socket to a nodejs server. The nodejs server is using the blobs to create a webm video file, the video is being created fine but with a delay, after…
![](../../users/profiles/14451633.webp)
Caio Nakai
- 11
- 1
0
votes
1 answer
Encode Audio Back From getChannelData()
I call getChannelData and perform some actions and remove values from the Float32Array.
How can I encode this data back into a form that can be saved?
const blob = new Blob(this.chunks, { type: audioType });
// generate audio url from blob
const…
![](../../users/profiles/6557829.webp)
WorkingOnBeingBetter
- 91
- 8