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.