Javascript 用于HLS流的分辨率切换器

我正在尝试添加一个质量选择器，供用户使用

video.js

选择他们想要播放的视频所需的质量。我尝试过使用2或3个开源插件，所有这些插件都不推荐使用，或者有旧代码，现在不受支持，最糟糕的是，其中许多文件丢失了。有什么问题吗为

video.js

上的

HLS

流媒体添加质量选择器的解决方案？ 任何帮助都将不胜感激 下面是我使用

video.js播放HLS流媒体的示例代码

我目前使用的插件是：



若要查看此视频，请启用JavaScript，并考虑升级到Web浏览器

videojs（‘我的视频’）.qualityPickerPlugin（）；
QualitypeckerPlugin

从哪里来？基本上它来自这个插件，我正在尝试使用它的例子，但不在这里工作的是它的例子@Awaisfiaz的链接。你发布的链接被破坏了。@PranKumarSarkar似乎streamroot已经私有化或删除了给定的repo。关于这个问题，你需要帮助吗？@Awaisfiaz I目前无法使用video.js v7.8.0实现手动视频质量切换。你能帮我吗？QualitypeckerPlugin从哪里来？基本上它来自这个插件，我正在尝试使用它的例子，但不在这里工作的是它的例子@Awaisfiaz的链接，你发布的链接是断开的。@PranKumarSarkar似乎streamroot已经私有化或删除了给定的repo，你需要任何帮助吗问题？@Awais fiaz我目前无法使用video.js v7.8.0实现手动视频质量切换。你能帮我吗？

<video id="my-video" class="video-js" controls preload="auto" width="640" height="264" data-setup="{}" autoplay>
  <source src="legend_hls/legend_playlist.m3u8">

  <p class="vjs-no-js">
    To view this video please enable JavaScript, and consider upgrading to a web browser that
    <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
  </p>
</video>
<script>
  videojs('my-video').qualityPickerPlugin();
</script>