使用腾讯视频id播放时会自动获取后台接口返回的清晰度,无需额外设置。播放url时可以在play时传入清晰度,播放器会设置对应的控制栏UI。

当点击控制栏切换清晰度时,播放器会使用传入清晰度中的url字段进行切换

import SuperPlayer from '@tencent/super-player';

const player = new SuperPlayer({ container: '#app' });
player.play({
  url: 'xx',
  levels: {
    list: [
      { label: '超清 720P', value: 'shd', url: 'xx' },
      { label: '高清 480P', value: 'hd', url: 'xx' },
      { label: '标清 270P', value: 'sd', url: 'xx' },
    ],
  },
});

如果清晰度需要动态生成,url不是固定的,也可以使用callback参数来生成url

import SuperPlayer from '@tencent/super-player';

const player = new SuperPlayer({ container: '#app' });
player.play({
  url: 'xx',
  levels: {
    list: [
      { label: '超清 720P', value: 'shd' },
      { label: '高清 480P', value: 'hd' },
      { label: '标清 270P', value: 'sd' },
    ],
    callback(value) {
      if (value === 'shd') return 'xx';
      if (value === 'hd') return 'xx';
      if (value === 'sd') return 'xx';
    },
  },
});
上次更新: 11/22/2021, 11:50:17 PM