Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

hls多路资源时, 播放器自动根据网络选择清晰度,但是播放器上显示的清晰度信息并没有切换 #884

Closed
js1k opened this issue Jan 3, 2025 · 5 comments
Labels
bug Something isn't working

Comments

@js1k
Copy link

js1k commented Jan 3, 2025

Expected behaviour

Actual behaviour

Steps to reproduce

Environment

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

Console errors (if any)

Link to where the bug is happening

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

@js1k
Copy link
Author

js1k commented Jan 3, 2025

而且切换分辨率之后界面会卡顿,但是进度及声音正常进行中

@zhw2590582 zhw2590582 added the bug Something isn't working label Jan 14, 2025
@hzh11012
Copy link

+1

@js1k
Copy link
Author

js1k commented Jan 16, 2025 via email

@zhw2590582
Copy link
Owner

卡顿是hls加载引起的,和播放器本身无关.
播放器自动根据网络选择清晰度,但是播放器上显示的清晰度信息并没有切换 这是因为你的hls初始就默认使用了自动画质,这个情况下播放器上就显示自动,后续画质再自动切换也是显示自动,这是合理的

@hzh11012
Copy link

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants