Stack Overflow
Stack Overflow

Questions tagged [mediastreamtrack]

21 questions
4
votes
2 answers

How can I catch an issue of MediaRecorder.ondataavailble no longer being called?

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 later. Now Im dealing with an issue where for some…
John
  • 87
  • 1
  • 11
3
votes
0 answers

WebRTC replaceTrack won't work for audio unless I replace video too

I am building a Video Chat app with WebRTC. Basicly, users exchange SDP and ICE candidates over Node.js socket server. Users exchange dummy video and audio tracks initially, then replace the tracks as users toggle their audio and video. Users are…
Etohimself
  • 91
  • 5
3
votes
0 answers

Can't create blank video media stream track that works on all browsers using RTCPeerConnection

I can get this to work on Firefox and Chrome but not Safari. On Safari it will be created but then the browser crashes when you use that for RTCPeerConnection.addTrack. Is there a way to create a MediaStreamTrack of type video that is just a blank…
John
  • 87
  • 1
  • 11
3
votes
1 answer

MadiaStreamTrack zoom capability not returned in Android WebView but works on Chrome

As shown in this article, calling navigator.mediaDevices.getUserMedia() as follows should grant zoom permissions: const stream = await navigator.mediaDevices.getUserMedia({ video: { zoom: true } }); Also, as stated in the same article:…
Yuri Vedovato
  • 33
  • 5
2
votes
0 answers

WebRTC Chrome vs Firefox (Track ID)

I'm currently developing a WebRTC Master→Many (One→Many) Server. For the UI I created a simple WebSocket Connection which sends an API Packet to the Server, when a Client enables a Media Stream. The Packet contains the ID of the RTCRtpSender, this…
Jan Heil
  • 395
  • 4
  • 13
2
votes
0 answers

Remote audio stream not working with WebRTC

I am trying to connect flutter with angular through webRTC using only audio. the peer connection is done without problem, the problem is when I receive the MediaStream from flutter. It do not play the audio and I get as if the audio was muted from…
ROB99
  • 21
  • 2
2
votes
1 answer

Capture canvas stream with cursor

I use HTMLCanvasElement.captureStream() to get a MediaStream and pass it to a MediaRecorder to write it to a .webm file. According to mdn, MediaStreams retrieved from navigator.mediaDevices.getDisplayMedia() can have an option specified to also…
junvar
  • 11,151
  • 2
  • 30
  • 46
2
votes
0 answers

How to detect if a MediaStreamTrack has 'real' data after unpausing it?

If you pause and then unpause a MediaStreamTrack using .enabled = false and then .enabled = true, there's a slight delay between the .enabled flag being true, and actually getting real data. If you pass the stream to a video element, you'll see that…
hbhanoo
  • 21
  • 3
1
vote
0 answers

Cant Record Stream Using MediaRecorder In Server?

First I am trying to make a Webrtc peer connection from the browser to the server using SFU model. Here is the post request which makes the webrtc peer connection from the browser to the server(SFU) app.post("/broadcast", async ({ body }, res) => { …
Riyad Zaigirdar
  • 691
  • 3
  • 8
  • 22
1
vote
0 answers

React: How to attach a MediaStreamTrack to a Video element?

Hey so what I'm trying to a do is track a MediaStreamTrack that is stored locally in memory and then play in the user's browser using an html5 video element. This what I have currently: const VideoTrack = ({ track }) => { useEffect(() => { …
Paul Fidika
  • 103
  • 2
  • 7
1
vote
1 answer

MediaDevice applyConstraints doesn't work

I am trying to apply new constraints to the video track, but it doesn't work:
Victor
  • 11
  • 1
1
vote
0 answers

WebRTC takes time to match OutboundRTPVideoStream frame height & frame width with RTCInboundRTPVideoStream

Even though the constrains[using MediaStreamTrack.applyConstraints()] are in place, the MediaStreamTrack on receivers end have a lower resolution & it slowly adapts to the actual framesize in 10-20 seconds. Is there any way to match the source &…
Vipin J S
  • 13
  • 4
1
vote
1 answer

How to pick which MediaStreamTrack is currently playing?

I have a MediaStream with 1 audio track and 2 video tracks. This stream is created by combining the audio and video track from navigator.mediaDevices.getUserMedia with the video track from navigator.mediaDevices.getDisplayMedia. var camStream =…
heartmo
  • 582
  • 2
  • 6
  • 23
0
votes
0 answers

How to create one playable webm file from two different video tracks with same configuration in Mediarecorder?

I have a mediastream containing a video and audio track which is being recorded using Mediarecorder and every blob I get per second am sening to the server to write in a webm file. (the file is playable) But If I pause the Mediarecorder before…
Biki Deka
  • 1
0
votes
1 answer

MediaStreamTrackGenerator available in Chrome DevTools but not in react app

I want to use the experimental Insertable Stream for MediaStreamTrack API in my project, specifically, the MediaStreamTrackGenerator. The compatibility chart says it's supported from Chrome 94, and I'm using Chrome 109 (on Windows) so I figured it…
Yoav
  • 11
  • 4
1
2