How to insert graphic overlays on live stream

[Gambit]

Hi all

I'm not sure this is possible with Ant but I though I'd ask anyway.

Is it possible to insert graphic overlays to a live stream. If you how would I go about building something like this.

Thanks

[Selim Emre]

Hi Gambit,

I'm assuming you are publishing with WebRTC. Yes, you can add graphic overlay in your stream. We have some docs for this issue. Could you please check below links:

https://stackoverflow.com/questions/62789768/embed-logo-in-antmedia-live-stream-via-canvas

https://antmedia.io/how-to-merge-live-stream-and-canvas-in-webrtc-easily/

I hope, I could help you.

Best Regards,

Selim

[Alex A]

but those examples use "initWebRTCAdaptor(localStream);" which is not used in any of your example code in /webapps/. so what is the new method of doing canvas broadcast ?

Alex.

[Enes Kuluk]

You are correct, you need to add localStream variabla to webRTCAdaptor here: https://github.com/ant-media/StreamApp/blob/master/src/main/webapp/index.html#L446

You need to use localStream = {variable you are going to use} instead of localVideoId.

Like:

function initWebRTCAdaptor(publishImmediately, autoRepublishEnabled)

 

{

 

webRTCAdaptor = new WebRTCAdaptor({

 

websocket_url : websocketURL,

 

mediaConstraints : mediaConstraints,

 

peerconnection_config : pc_config,

 

sdp_constraints : sdpConstraints,

 

localStream : somestream,

 

debug:debug,

 

bandwidth:maxVideoBitrateKbps,

.

.

.

Best Regards,

Enes.

 

[Alex A]

Ah - that's awesome Enes - that is precisely what I needed - thank you!