Mirrors/movie-web
2
0
Fork 0
mirror of https://github.com/movie-web/movie-web.git synced 2024-12-27 07:21:49 +01:00
Code Issues Packages Projects Releases Wiki Activity

Playlist downloads

Browse Source
This commit is contained in:
Astrid 2023-12-27 22:40:04 +01:00
parent 7f0701ee61
commit 57edcbeb79
1 changed files with 54 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/player/atoms/settings/Downloads.tsx
View File

@ -15,6 +15,7 @@ function useDownloadLink() {
const url = useMemo(() => { const url = useMemo(() => {
if (source?.type === "file" && currentQuality) if (source?.type === "file" && currentQuality)
return source.qualities[currentQuality]?.url ?? null; return source.qualities[currentQuality]?.url ?? null;
if (source?.type === "hls") return source.url;
return null; return null;
}, [source, currentQuality]); }, [source, currentQuality]);
return url; return url;
@ -42,6 +43,7 @@ export function DownloadView({ id }: { id: string }) {
const { t } = useTranslation(); const { t } = useTranslation();
const downloadUrl = useDownloadLink(); const downloadUrl = useDownloadLink();
const sourceType = usePlayerStore((s) => s.source?.type);
const selectedCaption = usePlayerStore((s) => s.caption?.selected); const selectedCaption = usePlayerStore((s) => s.caption?.selected);
const subtitleUrl = useMemo( const subtitleUrl = useMemo(
() => () =>
@ -60,10 +62,33 @@ export function DownloadView({ id }: { id: string }) {
</Menu.BackLink> </Menu.BackLink>
<Menu.Section> <Menu.Section>
<div> <div>
{sourceType === "hls" ? (
<>
<Menu.Paragraph marginClass="mb-6">
<StyleTrans k="player.menus.downloads.hlsDisclaimer" />
</Menu.Paragraph>
<Button className="w-full" href={downloadUrl} theme="purple">
{t("player.menus.downloads.downloadPlaylist")}
</Button>
<Button
className="w-full mt-2"
href={subtitleUrl ?? undefined}
disabled={!subtitleUrl}
theme="secondary"
download="subtitles.srt"
>
{t("player.menus.downloads.downloadCaption")}
</Button>
</>
) : (
<>
<Menu.ChevronLink onClick={() => router.navigate("/download/pc")}> <Menu.ChevronLink onClick={() => router.navigate("/download/pc")}>
{t("player.menus.downloads.onPc.title")} {t("player.menus.downloads.onPc.title")}
</Menu.ChevronLink> </Menu.ChevronLink>
<Menu.ChevronLink onClick={() => router.navigate("/download/ios")}> <Menu.ChevronLink
onClick={() => router.navigate("/download/ios")}
>
{t("player.menus.downloads.onIos.title")} {t("player.menus.downloads.onIos.title")}
</Menu.ChevronLink> </Menu.ChevronLink>
<Menu.ChevronLink <Menu.ChevronLink
@ -90,6 +115,8 @@ export function DownloadView({ id }: { id: string }) {
> >
{t("player.menus.downloads.downloadCaption")} {t("player.menus.downloads.downloadCaption")}
</Button> </Button>
</>
)}
</div> </div>
</Menu.Section> </Menu.Section>
</> </>