mirrors/redlib
1
0
Fork 0
mirror of https://github.com/redlib-org/redlib.git synced 2025-04-04 13:37:40 +03:00
Code Issues Projects Releases Packages Wiki Activity

Added quality selector

Browse source
This commit is contained in:
Carbrex 2024-02-06 02:15:57 +05:30
parent 5e3f792d87
commit 2ab6a7c3a3
1 changed files with 31 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

34
static/playHLSVideo.js
View file

@ -30,12 +30,22 @@
function initializeHls() {
newVideo.removeEventListener('play', initializeHls);
var hls = new Hls({ autoStartLoad: false });
hls.loadSource(playlist);
hls.attachMedia(newVideo);
console.log(hls);
hls.on(Hls.Events.MANIFEST_PARSED, function () {
hls.loadLevel = hls.levels.length - 1;
hls.loadLevel = 0;
var availableLevels = hls.levels.map(function(level) {
return {
height: level.height,
width: level.width,
bitrate: level.bitrate,
};
});
addQualitySelector(newVideo, hls, availableLevels);
hls.startLoad();
newVideo.play();
});
@ -61,6 +71,24 @@
});
}
function addQualitySelector(videoElement, hlsInstance, availableLevels) {
var qualitySelector = document.createElement('select');
availableLevels.forEach(function (level, index) {
var option = document.createElement('option');
option.value = index.toString();
option.text = level.height + 'p';
qualitySelector.appendChild(option);
});
qualitySelector.addEventListener('change', function () {
var selectedIndex = qualitySelector.selectedIndex;
hlsInstance.nextLevel = selectedIndex;
hlsInstance.startLoad();
});
videoElement.parentNode.appendChild(qualitySelector);
}
newVideo.addEventListener('play', initializeHls);
if (autoplay) {
@ -74,4 +102,4 @@
});
}
})();
// @license-end
// @license-end