Electroteque Media

Ant Media WebRTC Group Call

WebRTC Conferencing for Ant Media Server. First participant.

Layouts

Note: Not a live demo, server configuration is just for example. For live working example try the Dolby.io Publisher and Subscriber example. Or AWS Kinesis Publisher and Subscriber example.

Note: To feature a participant select them first or add their stream name to the api method arguments.

WebRTC Conferencing configuration for Ant Media Server. Ant Media Server License is required to play back WebRTC. A trial license will work to play back WebRTC. The default WebRTC app for Ant Media Server is WebRTCAppEE.

Conferencing master participant. Using the conferencing plugin an api is provided to feature and mute a selected participant.

Ant Media default WebSocket signalling server supports room group calls by default. Datachannel setting is required to be turned on in the Ant Media console for custom commands to work.

The config roomName is required to connect to a specific room.

Configured is server side recording via Ant Media rest api. Configure a JWT token if the rest api security is enabled.

Configured is stream token security if configured in the server using a JWT token.

    
   <div class="flex w-full">
          <div id="antmedia-conference-1" class="has-settings"></div>
  </div>

  <script type="text/javascript">

  	var player = flowplayer("#antmedia-conference-1", {
    "antmedia": {
        "apiToken": "",
        "subscriberCode": "",
        "subscriberId": "",
        "token": ""
    },
    "clip": {
        "live": true,
        "sources": [
            {
                "src": "C6Lx6ku6FEXgKtt",
                "type": "application/webrtc"
            }
        ],
        "title": "Participant 1"
    },
    "rtc": {
        "applicationName": "WebRTCAppEE",
        "autoStartDevice": true,
        "buttons": false,
        "channelName": "data",
        "conference": {
            "container": "#conference-container",
            "featuredContainer": "#featured-container",
            "participantContainer": "#conference-participant-container",
            "playerTemplate": "<div id=\"${id}\" class=\"conference-player\"><div id=\"${playerid}\" class=\"fp-mute no-volume\"></div></div>",
            "profile": "../../images/wowza-logo.png",
            "roomContainer": "#room-container",
            "studioMode": true
        },
        "dataChannel": true,
        "iceServers": [
            {
                "urls": [
                    "stun:stun.l.google.com:19302",
                    "stun:stun1.l.google.com:19302",
                    "stun:stun2.l.google.com:19302",
                    "stun:stun3.l.google.com:19302",
                    "stun:stun4.l.google.com:19302"
                ]
            }
        ],
        "meterAutoStart": false,
        "publisher": true,
        "recording": {
            "mimeType": "video/mp4",
            "name": "C6Lx6ku6FEXgKtt",
            "server": true
        },
        "roomName": "room1",
        "seperateScreen": true,
        "server": "antmedia-conference",
        "serverURL": "rtc.electroteque.org:5443",
        "verticalMeter": false
    },
    "share": false
});

player.on("selectedParticipant", (e, participant) => {
console.log("selected participant", participant);
}).on("unselectedParticipant", (e, participant) => {
console.log("unselected participant", participant);
}).on("participantleft", (e, sender) => {
}).on("participantfeatured", (e, sender) => {
}).on("participantunfeatured", (e, sender) => {
}).on("leaveroom", e => {
}).on("roomjoinfailed", e => {
}).on("existingparticipants", (e, sender) => {
});

  </script>