Electroteque Media

Dolby.io WebRTC DVR Subscriber

WebRTC DVR Subscriber configured for Dolby.io.

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

WebRTC Subscriber configuration for Dolby.io. 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.

Dolbio.io with DVR Streaming

Dolby.io Re-Stream feature allows to push publish SRT/RTMP to another streaming service that supports live HLS DVR to play back recorded areas of a live WebRTC stream.

Configuring a secondary HLS source features have already been enabled to use it as a fallback in case of errors. Configuring a DVR HLS stream will be used to play back recorded parts of the stream.

JWPlayer supports Live DVR UI features to be able to rewind to recorded parts of a live stream using HLS/Dash. Features have been implemented to play back Wowza WebRTC at the Live Edge. And initially seeking backwards will load a backup HLS DVR source of the stream. Clicking the Live button will switch back to the WebRTC live edge stream.

More Info

{
  "subscriber": {
      "dolbyio": {
        "accountId": "",
        "subToken": ""
      },
      "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 h-auto my-auto">
          <div id="dolbyio-dvr" class=""></div>
  </div>

  <script type="text/javascript">

  	var player = jwplayer("dolbyio-dvr").setup({
    "aspectratio": "16:9",
    "live": true,
    "playbackRateControls": true,
    "plugins": {
        "../../js/webrtcsubscriber.js": {}
    },
    "sources": [
        {
            "appName": "webrtc",
            "file": "C6Lx6ku6FEXgKtt",
            "live": true,
            "type": "mp4"
        },
        {
            "src": "http://localhost:1935/livedvr/livestream/playlist.m3u8?DVR",
            "type": "application/x-mpegurl"
        }
    ],
    "subscriber": {
        "dolbyio": {
            "accountId": "huaHNT",
            "subToken": "b23ebffd67a92feff751983ad91c4ddfd83285b5a3b899cffbab1d28275dce44"
        },
        "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": "dolbyio"
    },
    "width": "100%"
});

  </script>