0

How do I play HLS video with multiple resolutions?

My HLS player list.

Filename: 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,mp4a.40.2",RESOLUTION=960x540,FRAME-RATE=29.970
test_540.m3u8
#EXT-X-STREAM-INF:BANDWIDTH=3436127,AVERAGE-BANDWIDTH=3436127,CODECS="avc1.4d401f,mp4a.40.2",RESOLUTION=1280x720,FRAME-RATE=29.970
test_720.m3u8

How do this in my react app? I tried using Video JS but I was not able to play the file. Please let me know how to play this video.

Abhijit Kulkarni
  • 1
  • 1
  • Video.js plays HLS. There's not enough information here to guess what might be going wrong in your case. – misterben Jan 31 '21 at 15:31
  • This is an example link: http://media.developer.dolby.com/DolbyVision_Atmos/profile5_HLS/master.m3u8 if I try to play this using Video-js, it's not playing. – Abhijit Kulkarni Feb 01 '21 at 06:58

0 Answers0