使用腾讯视频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';
},
},
});