CODEWITHSUNDEEP
video.js
Rudolf B
Rudolf B

Reputation: 74

Looking for a HLS/MPEG-DASH Quality selector that works with for videojs 7.5

I'm trying to find a quality selector for Videojs 7.5 that automatically lists the available bandwidth versions in a HLS and MPEG-DASH manifest. A bit like YouTube where you can select a quality, but without having to manually place resolutions in the embedding code. I tried several options listed in https://videojs.com/plugins/ but they all seem to be made for much older versions. Anybody an idea?

Upvotes: 1

Views: 5066

Answers (2)

Sahil Kashyap
Sahil Kashyap

Reputation: 359

Use these libs. It automatically picks up the qualities. Works smoothly with dash or hls link.

<!-- Brightcove quality picker -->
<link href="//players.brightcove.net/videojs-quality-menu/1/videojs-quality-menu.css" rel="stylesheet">
<script src="//players.brightcove.net/videojs-quality-menu/1/videojs-quality-menu.min.js"></script>

Demo player here: https://sahilkashyap64.github.io/hls/index5.html

Upvotes: 1

Rudolf B
Rudolf B

Reputation: 74

I found it. https://www.npmjs.com/package/videojs-http-source-selector does the trick. It fills in all resolutions retrieved from the manifest and it works with videojs 7.5.0 You need to install videojs-contrib-quality-levels.js as well. With other quality level plugins, you have to fill in all resolutions yourself (dynamic), which I liked to avoid.

Upvotes: 1

Related Questions