const player = TCPlayer('player-container-id', { // player-container-id 为播放器容器ID，必须与html中一致
  sources: [{
    src: 'https://hls-abr-url', // hls 自适应码率地址
  }],
});

const player = TCPlayer('player-container-id',{
  sources: [{
    src: 'webrtc://global-lebtest-play.myqcloud.com/live/lebtest?txSecret=f22a813b284137ed10d3259a7b5c224b&txTime=69f1eb8c&tabr_bitrates=d1080p,d540p,d360p&tabr_start_bitrate=d1080p&tabr_control=auto'
  }],

  webrtcConfig: {
    // 是否渲染多清晰度的开关，默认开启，可选
    enableAbr: true,
    // 模板名对应的label名，可选
    abrLabels: {
      d1080p: 'FHD',
      d540p: 'HD',
      d360p: 'SD',
      auto: 'AUTO',
    },
  },
});

const player = TCPlayer('player-container-id', { // player-container-id 为播放器容器ID，必须与html中一致
  multiResolution:{
    // 配置多个清晰度地址
    sources:{
      'SD':[{
        src: 'http://video-sd-url',
      }],
      'HD':[{
        src: 'http://video-hd-url',
      }],
      'FHD':[{
        src: 'http://video-fhd-url',
      }]
    },
    // 配置每个清晰度标签
    labels:{
      'SD':'标清','HD':'高清','FHD':'超清'
    },
    // 配置各清晰度在播放器组件上的顺序
    showOrder:['SD','HD','FHD'],
    // 配置默认选中的清晰度
    defaultRes: 'SD',
  },
});

resolutionNames: [{
  MinEdgeLength: 240,
  Name: '240P',
}, {
  MinEdgeLength: 480,
  Name: '480P',
}, {
  MinEdgeLength: 720,
  Name: '720P',
}, {
  MinEdgeLength: 1080,
  Name: '1080P',
}, {
  MinEdgeLength: 1440,
  Name: '2K',
}, {
  MinEdgeLength: 2160,
  Name: '4K',
}, {
  MinEdgeLength: 4320,
  Name: '8K',
}]