VgQualitySelector @Component

Component to display a quality selector.

It will display a list of available videos or audios. AUTO will be always the first option and the default option.

The rest of labels are calculated with the bitrate / 1000. You can override the labels when you get the onGetBitrate event from VgDASH or VgHLS.

Inputs

Outputs

HTML Definition

<vg-player>
    <vg-controls>
        <vg-quality-selector [bitrates]="dashBitrates"
                             (onBitrateChange)="vgDash.setBitrate($event)">
        </vg-quality-selector>
    </vg-controls>

    <video #myMedia
           #vgDash="vgDash"
           [vgDash]="stream.source"
           (onGetBitrates)="dashBitrates = $event"
           id="my-video"
           type="video/mp4"
           controls>
    </video>
</vg-player>