Adaptive HLS Streaming - Flutter video_player

Question

I am developing a new native App. I have chosen Flutter for it (over React Native). In this app, there will be a section for video streaming. These videos will have HLS streaming.

I am using video_player package in Flutter for it. I am able to play the video successfully but there is no option to change the quality (1080p, 720p etc.). How can I implement video quality selection in video_player package? Also, does video_player have adaptive bitrate streaming for HLS?

Solution 1

You can use stack widget adding there video player and button. After pressing button you change url of video from 1080 p to 720 p.

Solution 2

There's a package which you can use to change the quality from 1080p to 720p, here's the package's link: yoyo_player

Comments

[shahana kareen]

How did you play hls in flutter for iOS?

[kitta]

Found any solution for this?

[Raghav Aggiwal]

Okay, understood this. But what will be the default that video player will be choosing? Some players are adaptive and if we give them 'playlist.m3u8' file containing data of all streams, they adaptively choose a default depending on network connection. I wanted to know if such a thing exists in video_player? I am playing same videos on web using videojs package and it is working fine.

[Islomkhuja Akhrarov]

@RaghavAggiwal I recommend you to read documentation of video_plugin in pub.dev, there is written it uses the native video player of android and ios

[Xgh05t]

@RaghavAggiwal Hi did you find a solution for this?