Stream static video file through webrtc

Question

what I am trying to accomplish is to have on my page audio and video file. And then send them through webrtc. I managed to do this with audio using web audio api like this. HTML:

 <audio id="audio"> <source src="../assets/outfoxing.mp3" /> </audio>

JS:

const audioElement = document.getElementById("audio"); const incomingSource = audioContext.createMediaElementSource(audioElement); const outgoingStream = audioContext.createMediaStreamDestination(); incomingSource.connect(outgoingStream); const outgoingTrack = outgoingStream.stream.getAudioTracks()[0]; audioElement.play(); await this.sendTransport.produce({ track: outgoingTrack });

For webrtc I am using mediasoup

Now I want to do the same with the video. But there is no such thing like web video api so I am stuck. How can I accomplish this task.

giavac · Accepted Answer · 2022-04-21 11:35:36Z

4

There are some limitations, but you could refer to this sample implementation.

It uses the captureStream() method.

answered Apr 21, 2022 at 11:35

giavac

1,0288 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Michał Bogusz Over a year ago

For my usage it works like charm, thanks

Collectives™ on Stack Overflow

Stream static video file through webrtc

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related