search

cookpete / react-player

A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion
https://cookpete.github.io/react-player
MIT License
8.89k stars 1.12k forks source link

Subtitles with HLS #1764

Closed Impre-visible closed 1 month ago

Impre-visible commented 2 months ago

Hi, I have a M3U8 with different quality tracks, and subtitles, but I don't see any props or callable to list all the subtitles, or set a subtitle. Is it event possible ? Here's my M3U8:

#EXTM3U

#EXT-X-MEDIA:TYPE=SUBTITLES,GROUP-ID="subs",NAME="Forced",DEFAULT=NO,FORCED=NO,URI="/caption_movie/584_3.m3u8",LANGUAGE="fre"
#EXT-X-MEDIA:TYPE=SUBTITLES,GROUP-ID="subs",NAME="Full",DEFAULT=NO,FORCED=NO,URI="/caption_movie/584_4.m3u8",LANGUAGE="fre"

#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=48672,CODECS="avc1.4d4033,mp4a.40.2",AUDIO="audio",RESOLUTION=338x144
/video_movie/144/584.m3u8
#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=135360,CODECS="avc1.4d4033,mp4a.40.2",AUDIO="audio",RESOLUTION=564x240
/video_movie/240/584.m3u8
#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=303840,CODECS="avc1.4d4033,mp4a.40.2",AUDIO="audio",RESOLUTION=844x360
/video_movie/360/584.m3u8
#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=540480,CODECS="avc1.4d4033,mp4a.40.2",AUDIO="audio",RESOLUTION=1126x480
/video_movie/480/584.m3u8
#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=1216800,CODECS="avc1.4d4033,mp4a.40.2",AUDIO="audio",RESOLUTION=1690x720
/video_movie/720/584.m3u8
#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=2736720,CODECS="avc1.4d4033,mp4a.40.2",AUDIO="audio",RESOLUTION=2534x1080
/video_movie/1080/584.m3u8
#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=6282240,CODECS="avc1.4d4033,mp4a.40.2",AUDIO="audio",RESOLUTION=3840x1636
/video_movie/584.m3u8
Impre-visible commented 1 month ago

Hi, I managed to create my own subtitle system, but it could be a native feature