TMSFNCWXWebRTCCommunication

How can I place the screen name of the participating person in the TMSFNCWXWebRTCCommunication object somewhere on the image in the video call?

Hi,

Normally this can be achieved by putting a p or span element on top of the video HTML element.

We made some improvements so that you can add a bit more complex HTML when you are adding a connection. To understand what I mean exactly, take a look at the demo that comes with the product. You'll see the following line in the client implementation:

TMSFNCWXWebRTCCommunication1.AddPeerConnection(FPeer, '<video class="peer-fullscreen" autoplay playsinline></video>', '');

Starting from the next version, you'll be able to do something like:

TMSFNCWXWebRTCCommunication1.AddPeerConnection(FPeer, '<div><video class="peer-fullscreen" autoplay playsinline></video><div><span class="peer-title">' + YOUR_PEER_NAME + '</span></div></div>', '');

In this example above peer-title class is defined in the CSS property as the following:

.peer-title {
  color: white;
  background-color: black;
  user-select: none;
  float: right;
}

The next update will contain the necessary changes to make this work.