mirrors/movie-web
1
0
Fork 0
mirror of https://github.com/movie-web/movie-web.git synced 2025-01-01 13:06:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

hls quality discovery

Browse source
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);