Electroteque Media

Millicast WebRTC Subscriber

WebRTC Subscriber configured for Millicast.

Note: A working live example to demonstrate live WebRTC publishing and subscribe features.

WebRTC Subscriber configuration for Millicast. The account ID is required to be configured. A static list of Ice servers is also required.

If WebRTC simulcast bitrate configurations is being published. A bitrate menu will be displayed for layer selection or switch back to auto selection.

OBS RTMP Encoder to WebRTC subscribing is supported if Browser based WebRTC publishing is not desired. See the Millicast Encoder Settings documentation for setting up the encoder.

A subcriber token is desirable to restrict WebRTC plaback. A supplied script is supplied to generate the subscriber token with domain restriction. That can be used to configure the subToken config. See the Millicast API Docs for generating these tokens. 

{
  "millicast": {
    "accountId": "",
    "publishToken": ""
  },
  "rtc": {
      "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"
          ]
        }
      ]
    }
}

    
   <div class="flex w-full">
          <div id="millicast-subscriber" class=""></div>
  </div>

  <script type="text/javascript">

  	var player = flowplayer("#millicast-subscriber", {
    "clip": {
        "live": true,
        "sources": [
            {
                "src": "C6Lx6ku6FEXgKtt",
                "type": "application/webrtc"
            }
        ]
    },
    "millicast": {
        "accountId": "huaHNT",
        "subToken": "b23ebffd67a92feff751983ad91c4ddfd83285b5a3b899cffbab1d28275dce44"
    },
    "rtc": {
        "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"
                ]
            }
        ],
        "server": "millicast"
    },
    "share": false
});

  </script>