如何播放多种分辨率的 HLS 视频m3u8 播放列表？

问题描述

如何播放多种分辨率的 HLS 视频？

我的 HLS 球员名单。

文件名：test.m3u8

#EXTM3U
#EXT-X-VERSION:3
#EXT-X-INDEPENDENT-SEGMENTS
#EXT-X-STREAM-INF:BANDWIDTH=1239627,AVERAGE-BANDWIDTH=1239627,CODECS="avc1.77.30,mp4a.40.2",RESOLUTION=640x360,FRAME-RATE=29.970
test_360.m3u8
#EXT-X-STREAM-INF:BANDWIDTH=2361685,AVERAGE-BANDWIDTH=2361685,CODECS="avc1.4d401f,RESOLUTION=960x540,FRAME-RATE=29.970
test_540.m3u8
#EXT-X-STREAM-INF:BANDWIDTH=3436127,AVERAGE-BANDWIDTH=3436127,RESOLUTION=1280x720,FRAME-RATE=29.970
test_720.m3u8

如何在我的 React 应用程序中执行此操作？我尝试使用 Video JS，但无法播放该文件。 请告诉我如何播放此视频。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）