dev
/
sudo-archive
mirror of https://github.com/sussy-code/smov.git
2
1
Fork 0
Code Issues Packages Projects Releases Wiki Activity

hls quality discovery

This commit is contained in:
mrjvs 2023-10-19 16:59:55 +02:00
parent 2cea886867
commit 49e922cbfb
1 changed files with 33 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/components/player/display/base.ts
View File

@ -1,12 +1,12 @@
import fscreen from "fscreen";
import Hls from "hls.js";
import Hls, { Level } from "hls.js";
import {
DisplayInterface,
DisplayInterfaceEvents,
} from "@/components/player/display/displayInterface";
import { handleBuffered } from "@/components/player/utils/handleBuffered";
import { LoadableSource } from "@/stores/player/utils/qualities";
import { LoadableSource, SourceQuality } from "@/stores/player/utils/qualities";
import {
canChangeVolume,
canFullscreen,
@ -15,6 +15,17 @@ import {
} from "@/utils/detectFeatures";
import { makeEmitter } from "@/utils/events";
const levelConversionMap: Record<number, SourceQuality> = {
360: "360",
1080: "1080",
720: "720",
480: "480",
};
function hlsLevelToQuality(level: Level): SourceQuality | null {
return levelConversionMap[level.height] ?? null;
}
export function makeVideoElementDisplayInterface(): DisplayInterface {
const { emit, on, off } = makeEmitter<DisplayInterfaceEvents>();
let source: LoadableSource | null = null;
@ -26,6 +37,15 @@ export function makeVideoElementDisplayInterface(): DisplayInterface {
let isSeeking = false;
let startAt = 0;
function reportLevels() {
if (!hls) return;
const levels = hls.levels;
const convertedLevels = levels
.map((v) => hlsLevelToQuality(v))
.filter((v): v is SourceQuality => !!v);
emit("qualities", convertedLevels);
}
function setupSource(vid: HTMLVideoElement, src: LoadableSource) {
if (src.type === "hls") {
if (!Hls.isSupported()) throw new Error("HLS not supported");
@ -40,6 +60,17 @@ export function makeVideoElementDisplayInterface(): DisplayInterface {
);
}
});
hls.on(Hls.Events.MANIFEST_LOADED, () => {
if (!hls) return;
reportLevels();
const quality = hlsLevelToQuality(hls.levels[hls.currentLevel]);
emit("changedquality", quality);
});
hls.on(Hls.Events.LEVEL_SWITCHED, () => {
if (!hls) return;
const quality = hlsLevelToQuality(hls.levels[hls.currentLevel]);
emit("changedquality", quality); // hi (hello)
});
}
hls.attachMedia(vid);