Enable CMCD in Players

Enable CMCD in dash.js #

Add the following code to your player application:

const player = dashjs.MediaPlayer().create();

player.updateSettings({
  streaming: {
    cmcd: {
      enabled: true,
      mode: 'header',
      enabledKeys: [
        'bs', 'su', 'rtp', 'mtp', 'tb', 'br', 'bl',
        'dl', 'ot', 'st', 'sf', 'pr', 'd', 'v'
      ]
    }
  }
});

player.initialize(videoElement, mpdUrl, true);

Enable CMCD in Shaka Player #

Add the following code to your player application:

const player = new shaka.Player(videoElement);

player.configure({
  cmcd: {
    enabled: true,
    useHeaders: true,
    version: 1,
    includeKeys: [
      'bs', 'su', 'rtp', 'mtp', 'tb', 'br', 'bl',
      'dl', 'ot', 'st', 'sf', 'pr', 'd', 'v'
    ]
  }
});

player.load(manifestUri);

Enable CMCD in hls.js #

Add the following code to your player application:

const hls = new Hls({
  cmcd: {
    useHeaders: true,
    includeKeys: [
      'bs', 'su', 'rtp', 'mtp', 'tb', 'br', 'bl',
      'dl', 'ot', 'st', 'sf', 'pr', 'd', 'v'
    ]
  }
});

hls.loadSource('https://example.com/stream.m3u8');
hls.attachMedia(videoElement);