Dolby.io WebRTC Simulcast

WebRTC Publisher configured for multi bitrate simulcast

Advanced
Bitrate
Video Resolution (ideal)
Video Framerate (ideal)
Audio/Video Inputs
Video Input Source
Audio Input Source
Audio Output Source
Note: A working live example to demonstrate live WebRTC publishing and subscribe features.

A demonstration of multi bitrate WebRTC simulcast support with Dolby.io. Chrome and Firefox support multi layer bitrates for H264 and VP8 codecs via WebRTC simulcast features.

Each level can be configured with a maximum rate, and then a downscale resolution value. The main bitrate selection menu updates the bitrate of the first high bitrate level.

In the future with AV1 codec support, simulcast layer features are supported with the codec and therefore simulcast is not required.

Simulcast is also supported using Dolby.io's WebRTC OBS encoder. In the settings configure the publish token, the stream name and check the simulcast option.

{

  "rtc": {
      "dolbyio": {
        "accountId": "",
        "publishToken": "",
        "codec": "h264"
      },
      "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 flex-col w-full">
          <div id="dolbyio-simulcast" class=""></div>

  </div>
  <script type="text/javascript">
  	var player = flowplayer("#dolbyio-simulcast", {
    "dolbyio": {
        "accountId": "huaHNT",
        "codec": "h264",
        "publishToken": "31ae7f65a04762b5e44b56b0eb2b2cd6dae169c05d13955af09c526399378592"
    },
    "live": true,
    "peakmeter": {},
    "rtc": {
        "autoStartDevice": 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"
                ]
            }
        ],
        "publisher": true,
        "sendEncodings": [
            {
                "active": true,
                "maxBitrate": 1500000,
                "priority": "high",
                "rid": "high"
            },
            {
                "active": true,
                "maxBitrate": 500000,
                "rid": "middle",
                "scaleResolutionDownBy": 2.0
            },
            {
                "active": true,
                "maxBitrate": 100000,
                "rid": "low",
                "scaleResolutionDownBy": 4.0
            }
        ],
        "server": "dolbyio",
        "simulcast": true,
        "toggleScreen": true
    },
    "src": [
        {
            "publisher": true,
            "src": "C6Lx6ku6FEXgKtt",
            "type": "application/webrtc"
        }
    ],
    "token": "eyJraWQiOiIyeHRpc0Q5NHZzTjIiLCJ0eXAiOiJKV1QiLCJhbGciOiJFUzI1NiJ9.eyJjIjoie1wiYWNsXCI6NixcImlkXCI6XCIyeHRpc0Q5NHZzTjJcIixcImRvbWFpblwiOltcImVsZWN0cm90ZXF1ZS5vcmdcIl19IiwiaXNzIjoiRmxvd3BsYXllciJ9.WLUkZHpDNoaXWDaFO2V5UfXm7SnDvE1pFAM0e7ppnFovOSyCCZM-b8gQNBSElB5yirTP__x76Qyo8pMWh6lVrw"
});
  </script>