Cutlery/Kyoo
1
0
Fork 0
mirror of https://github.com/zoriya/Kyoo.git synced 2025-05-24 02:02:36 -04:00
Code Issues Packages Projects Releases Wiki Activity

Explain missing audio in pristine mode

Browse Source
This commit is contained in:
Zoe Roux 2024-01-29 17:50:32 +01:00
parent 049474e4bd
commit 7b4b572802
2 changed files with 20 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
front/packages/ui/src/player/video.web.tsx
View File

@ -31,12 +31,12 @@ import {
} from "react";
import { VideoProps } from "react-native-video";
import { useAtomValue, useSetAtom, useAtom } from "jotai";
import { useYoshiki } from "yoshiki";
import { useForceRerender, useYoshiki } from "yoshiki";
import Jassub from "jassub";
import { playAtom, PlayMode, playModeAtom, progressAtom, subtitleAtom } from "./state";
import Hls, { Level, LoadPolicy } from "hls.js";
import { useTranslation } from "react-i18next";
import { Menu } from "@kyoo/primitives";
import { Menu, tooltip } from "@kyoo/primitives";
import toVttBlob from "srt-webvtt";
let hls: Hls | null = null;
@ -331,8 +331,21 @@ const toWebVtt = async (srtUrl: string) => {
export const AudiosMenu = ({
audios,
...props
}: ComponentProps<typeof Menu> & { audios?: Audio[] }) => {
if (!hls || hls.audioTracks.length < 2) return null;
}: ComponentProps<typeof Menu<{ disabled?: boolean }>> & { audios?: Audio[] }) => {
const { t } = useTranslation();
const rerender = useForceRerender();
// force rerender when mode changes
useAtomValue(playModeAtom);
useEffect(() => {
if (!hls) return;
hls.on(Hls.Events.AUDIO_TRACK_LOADED, rerender);
return () => hls!.off(Hls.Events.AUDIO_TRACK_LOADED, rerender);
});
if (!hls || hls.audioTracks.length < 2)
return <Menu {...props} disabled {...tooltip(t("player.notInPristine"))} />;
return (
<Menu {...props}>
{hls.audioTracks.map((x, i) => (
@ -350,7 +363,7 @@ export const AudiosMenu = ({
export const QualitiesMenu = (props: ComponentProps<typeof Menu>) => {
const { t } = useTranslation();
const [mode, setPlayMode] = useAtom(playModeAtom);
const [_, rerender] = useReducer((x) => x + 1, 0);
const rerender = useForceRerender();
useEffect(() => {
if (!hls) return;

3
front/translations/en.json
View File

@ -150,7 +150,8 @@
"fullscreen": "Fullscreen",
"direct": "Pristine",
"transmux": "Original",
"auto": "Auto"
"auto": "Auto",
"notInPristine": "Unavailable in pristine"
},
"search": {
"empty": "No result found. Try a different query."