Show video quality options and enforce a quality level to native player

Web App Development
1

I was reading up on Video Streaming protocols. I can see that HLS is natively supported by LG. I want to use this native capability of player but I can’t see anywhere if you have any APIs to support bitrate change manually. Is there any way we can fetch the quality levels and enforce a particular quality level in native support of the player? or we have to use a library for it.

If we have to use a library do you recommend any library which is widely used in WEBOS TV apps?

2

You can use mediaOption parameters. Thank you.

3

Hi, thanks for the reply - but according to this I understand that I can set starting resolution of player by setting option.adaptiveStreaming.bps
But my requirement is to show the Resolution option to user - 1080p, 720p, and all the available resolutions
And enforce particular resolution on player. Is this possible?

4

It’s up to HLS. Please refer to Creating a Multivariant Playlist. It describes how to provide different encodings of the same content based on the bit rate. And the native player does not provide any special UI components. If you need to display a video quality selection menu, you should implement a custom UI. Thank you.

5

Yes we have already done this @narae0.kim

My question is:

  1. If I provide this as my master.m3u8 file is there an API to fetch all the available resolutions from player like video.js provides or we have to do this manually by reading the manifest file ourselves?
  2. Lets say we fetch all the available resolutions ourselves and then show a custom UI for the same, and the user selects “Upto 480p” option from our custom UI, is there a option within mediaOption parameters that caps the resolution to 480p?
7

A1) As mentioned above, you should implement a custom UI.

A2) HLS is adaptive bitrate streaming protocol. The main concept is to automatically select the best video quality based on the network bitrate. And you can set the starting bitrate using the option.adaptiveStreaming.bps.start parameter.

However, if you don’t want adaptive streaming and want to stick to a specific HLS resolution, you can just use a single variant stream for that resolution. Thank you.

8

@narae0.kim Yes I understand both these points, but my question is with ABR I want to cap it to a resolution. For eg from my custom UI User selects “Upto 480p“

What I want to know is there any parameter which I can use like option.adaptiveStreaming.maxBitrate or something similar which we can use? Like after selecting this only 480, 360.. and lower resolutions should be fetched

9

As mentioned above, it’s up to HLS. Please make a multivariant playlist only for 480, 360, and lower resolutions. Thank you.