hls多路资源时， 播放器自动根据网络选择清晰度，但是播放器上显示的清晰度信息并不是自动 而是360P

[hzh11012]

Expected behaviour

Actual behaviour

Steps to reproduce

Environment

• Browser:
• Version:
• Operating System:
• Version:

Console errors (if any)

Link to where the bug is happening

#884

https://artplayer.org/?libs=https%3A%2F%2Fcdnjs.cloudflare.com%2Fajax%2Flibs%2Fhls.js%2F1.5.17%2Fhls.min.js%0A.%2Funcompiled%2Fartplayer-plugin-hls-control%2Findex.js&code=%2F%2F%20npm%20i%20hls.js%0A%2F%2F%20npm%20i%20artplayer-plugin-hls-control%0A%0A%2F%2F%20import%20Hls%20from%20%27hls.js%27%3B%0A%2F%2F%20import%20artplayerPluginHlsControl%20from%20%27artplayer-plugin-hls-control%27%3B%0A%0Avar%20art%20%3D%20new%20Artplayer(%7B%0A%20%20%20%20container%3A%20%27.artplayer-app%27%2C%0A%20%20%20%20url%3A%20%27https%3A%2F%2Fh5-test.aoneroom.com%2Fplaystream.m3u8%3Fq%3DeyJ1cmwiOiJodHRwczovL3Rlc3QtYWNkbi5hb25lcm9vbS5jb20vaGxzLzU2MTY5ODU0MjQzNjgwMzE1NDQtMC0wLW11eC0xMDgwLTkyNC9tYXN0ZXIubTN1OD9Qb2xpY3k9ZXlKVGRHRjBaVzFsYm5RaU9sdDdJbEpsYzI5MWNtTmxJam9pYUhSMGNITTZMeTkwWlhOMExXRmpaRzR1WVc5dVpYSnZiMjB1WTI5dEwyaHNjeTgxTmpFMk9UZzFOREkwTXpZNE1ETXhOVFEwTFRBdE1DMXRkWGd0TVRBNE1DMDVNalF2S2lJc0lrTnZibVJwZEdsdmJpSTZleUpFWVhSbFRHVnpjMVJvWVc0aU9uc2lRVmRUT2tWd2IyTm9WR2x0WlNJNk1UY3pOalE0TnpVM04zMTlmVjE5XHUwMDI2U2lnbmF0dXJlPWlITnlXWml0SFJFdE5jcVNiRDNqNVl3aFUzWVpWdmNuekk2SkhiVEMtUVBCbEZ%252BSUlQOHRUOGZYVkx5VjliZTlQUFJOa21oV2RqeTJ2MTN3WXhjS05mdUJqaG5BREhMVEd3aVJremY5Tn5sODVLVnhmU3MtUElGbzNPbVdkZHVaLUtWR1BhYkpDOGdPSk5EVEpCUnBGUnRJbG9RZVpvR1dMQ0ZmV1Vhd2k4cHBncExvVWltOFREc1kxUFRQN2NLOExFWU0xeWRiSllwVWxzNy04WHU3SXBFWXRmWFNaMjcySVIyQTl5dy10UTdVRGxDUmU3SzZJc2ROMTI2UElaNXp5dmN2S3RRUnhuMUJ%252BWmx6M2RTMnFXV0d1MFVGb1hiVDd2TjVmeU1%252BcVlKTlFRNjhLZm45TXdRekVGMVItS3B3TDRDbG5qaVRsdFluQTBsdzNoMi04UV9fXHUwMDI2S2V5LVBhaXItSWQ9S0lSTVdCTFowWENJWiIsImZvcm1hdCI6IkhMUyIsImN0IjoxNzM1ODgyNzc3fQ%253D%253D%27%2C%0A%20%20%20%20setting%3A%20true%2C%0A%20%20%20%20plugins%3A%20%5B%0A%20%20%20%20%20%20%20%20artplayerPluginHlsControl(%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20quality%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20Show%20qualitys%20in%20control%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20control%3A%20true%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20Show%20qualitys%20in%20setting%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20setting%3A%20true%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20Get%20the%20quality%20name%20from%20level%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20getName%3A%20(level)%20%3D%3E%20level.height%20%2B%20%27P%27%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20I18n%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20%27Quality%27%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20auto%3A%20%27Auto%27%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20audio%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20Show%20audios%20in%20control%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20control%3A%20true%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20Show%20audios%20in%20setting%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20setting%3A%20true%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20Get%20the%20audio%20name%20from%20track%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20getName%3A%20(track)%20%3D%3E%20track.name%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20I18n%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20%27Audio%27%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20auto%3A%20%27Auto%27%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D)%2C%0A%20%20%20%20%5D%2C%0A%20%20%20%20customType%3A%20%7B%0A%20%20%20%20%20%20%20%20m3u8%3A%20function%20playM3u8(video%2C%20url%2C%20art)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20(Hls.isSupported())%20%7B%0A%09%09%09%09if%20(art.hls)%20art.hls.destroy()%3B%0A%09%09%09%09const%20hls%20%3D%20new%20Hls()%3B%0A%09%09%09%09hls.loadSource(url)%3B%0A%09%09%09%09hls.attachMedia(video)%3B%0A%09%09%09%09art.hls%20%3D%20hls%3B%0A%09%09%09%09art.on(%27destroy%27%2C%20()%20%3D%3E%20hls.destroy())%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20if%20(video.canPlayType(%27application%2Fvnd.apple.mpegurl%27))%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20video.src%20%3D%20url%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20art.notice.show%20%3D%20%27Unsupported%20playback%20format%3A%20m3u8%27%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%2C%0A%7D)%3B

并不是显示的自动 而是会显示360P

[zhw2590582]

初始不一定是默认画质，你可以手动设置一下，确保是自动画质

const config = {
  startLevel: -1  // -1 表示自动选择画质
};
const hls = new Hls(config);

或者

hls.currentLevel = -1;

[hzh11012]

关于卡顿的问题，如果视频是在暂停的时候切换就不会出现，只有播放的时候会出现，感觉像是切换画质的时候并没有去加载当前所在的ts片段，而是等到下一个ts片段才开始播放

[zhw2590582]

你使用原生的video配合hls.js一样有这个问题，不过切换画质的逻辑确实是按你所说的那样