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

Add captions button back

This commit is contained in:
TPN 2024-08-04 19:55:35 +00:00
parent 8881aa5cb2
commit 659690f5b8
4 changed files with 73 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
pnpm-lock.yaml
View File

@ -41,7 +41,7 @@ importers:
version: 0.7.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
'@movie-web/providers':
specifier: github:sussy-code/providers
version: https://codeload.github.com/sussy-code/providers/tar.gz/d261a3baab252d2474c930169e149dfa5fda8075
version: https://codeload.github.com/sussy-code/providers/tar.gz/b1a68ce6ca608bab12bf6abcfe55c90580e46004
'@noble/hashes':
specifier: ^1.4.0
version: 1.4.0
@ -291,7 +291,7 @@ importers:
version: 0.5.14(prettier@3.3.3)
rollup-plugin-visualizer:
specifier: ^5.12.0
version: 5.12.0(@rollup/wasm-node@4.19.1)
version: 5.12.0(@rollup/wasm-node@4.20.0)
tailwind-scrollbar:
specifier: ^3.1.0
version: 3.1.0(tailwindcss@3.4.7)
@ -1202,8 +1202,8 @@ packages:
react: '>=16.8.0'
react-dom: '>=16.8.0'
'@movie-web/providers@https://codeload.github.com/sussy-code/providers/tar.gz/d261a3baab252d2474c930169e149dfa5fda8075':
resolution: {tarball: https://codeload.github.com/sussy-code/providers/tar.gz/d261a3baab252d2474c930169e149dfa5fda8075}
'@movie-web/providers@https://codeload.github.com/sussy-code/providers/tar.gz/b1a68ce6ca608bab12bf6abcfe55c90580e46004':
resolution: {tarball: https://codeload.github.com/sussy-code/providers/tar.gz/b1a68ce6ca608bab12bf6abcfe55c90580e46004}
version: 2.3.0
'@noble/hashes@1.4.0':
@ -1323,6 +1323,11 @@ packages:
engines: {node: '>=18.0.0', npm: '>=8.0.0'}
hasBin: true
'@rollup/wasm-node@4.20.0':
resolution: {integrity: sha512-NxIRJDju9ZzXwpCZ+TMYEflT/KJPgcamVrkInPwB/jSzEIEhckHGgbC9C8Fkzt77nEZZpfF/H2BedwKfjxO9qQ==}
engines: {node: '>=18.0.0', npm: '>=8.0.0'}
hasBin: true
'@scure/base@1.1.7':
resolution: {integrity: sha512-PPNYBslrLNNUQ/Yad37MHYsNQtK67EhWb6WtSvNLLPo7SdVZgkUjD6Dg+5On7zNwmskf8OX7I7Nx5oN+MIWE0g==}
@ -5259,7 +5264,7 @@ snapshots:
react: 18.3.1
react-dom: 18.3.1(react@18.3.1)
'@movie-web/providers@https://codeload.github.com/sussy-code/providers/tar.gz/d261a3baab252d2474c930169e149dfa5fda8075':
'@movie-web/providers@https://codeload.github.com/sussy-code/providers/tar.gz/b1a68ce6ca608bab12bf6abcfe55c90580e46004':
dependencies:
cheerio: 1.0.0-rc.12
cookie: 0.6.0
@ -5331,56 +5336,56 @@ snapshots:
'@remix-run/router@1.18.0': {}
'@rollup/plugin-babel@5.3.1(@babel/core@7.25.2)(@rollup/wasm-node@4.19.1)(@types/babel__core@7.20.5)':
'@rollup/plugin-babel@5.3.1(@babel/core@7.25.2)(@rollup/wasm-node@4.20.0)(@types/babel__core@7.20.5)':
dependencies:
'@babel/core': 7.25.2
'@babel/helper-module-imports': 7.24.7
'@rollup/pluginutils': 3.1.0(@rollup/wasm-node@4.19.1)
rollup: '@rollup/wasm-node@4.19.1'
'@rollup/pluginutils': 3.1.0(@rollup/wasm-node@4.20.0)
rollup: '@rollup/wasm-node@4.20.0'
optionalDependencies:
'@types/babel__core': 7.20.5
transitivePeerDependencies:
- supports-color
'@rollup/plugin-node-resolve@15.2.3(@rollup/wasm-node@4.19.1)':
'@rollup/plugin-node-resolve@15.2.3(@rollup/wasm-node@4.20.0)':
dependencies:
'@rollup/pluginutils': 5.1.0(@rollup/wasm-node@4.19.1)
'@rollup/pluginutils': 5.1.0(@rollup/wasm-node@4.20.0)
'@types/resolve': 1.20.2
deepmerge: 4.3.1
is-builtin-module: 3.2.1
is-module: 1.0.0
resolve: 1.22.8
optionalDependencies:
rollup: '@rollup/wasm-node@4.19.1'
rollup: '@rollup/wasm-node@4.20.0'
'@rollup/plugin-replace@2.4.2(@rollup/wasm-node@4.19.1)':
'@rollup/plugin-replace@2.4.2(@rollup/wasm-node@4.20.0)':
dependencies:
'@rollup/pluginutils': 3.1.0(@rollup/wasm-node@4.19.1)
'@rollup/pluginutils': 3.1.0(@rollup/wasm-node@4.20.0)
magic-string: 0.25.9
rollup: '@rollup/wasm-node@4.19.1'
rollup: '@rollup/wasm-node@4.20.0'
'@rollup/plugin-terser@0.4.4(@rollup/wasm-node@4.19.1)':
'@rollup/plugin-terser@0.4.4(@rollup/wasm-node@4.20.0)':
dependencies:
serialize-javascript: 6.0.2
smob: 1.5.0
terser: 5.31.3
optionalDependencies:
rollup: '@rollup/wasm-node@4.19.1'
rollup: '@rollup/wasm-node@4.20.0'
'@rollup/pluginutils@3.1.0(@rollup/wasm-node@4.19.1)':
'@rollup/pluginutils@3.1.0(@rollup/wasm-node@4.20.0)':
dependencies:
'@types/estree': 0.0.39
estree-walker: 1.0.1
picomatch: 2.3.1
rollup: '@rollup/wasm-node@4.19.1'
rollup: '@rollup/wasm-node@4.20.0'
'@rollup/pluginutils@5.1.0(@rollup/wasm-node@4.19.1)':
'@rollup/pluginutils@5.1.0(@rollup/wasm-node@4.20.0)':
dependencies:
'@types/estree': 1.0.5
estree-walker: 2.0.2
picomatch: 2.3.1
optionalDependencies:
rollup: '@rollup/wasm-node@4.19.1'
rollup: '@rollup/wasm-node@4.20.0'
'@rollup/wasm-node@4.19.1':
dependencies:
@ -5388,6 +5393,12 @@ snapshots:
optionalDependencies:
fsevents: 2.3.3
'@rollup/wasm-node@4.20.0':
dependencies:
'@types/estree': 1.0.5
optionalDependencies:
fsevents: 2.3.3
'@scure/base@1.1.7': {}
'@scure/bip39@1.3.0':
@ -7222,7 +7233,7 @@ snapshots:
'@babel/plugin-syntax-typescript': 7.24.7(@babel/core@7.25.2)
'@babel/types': 7.25.2
kleur: 4.1.5
rollup: '@rollup/wasm-node@4.19.1'
rollup: '@rollup/wasm-node@4.20.0'
unplugin: 1.12.0
transitivePeerDependencies:
- supports-color
@ -7721,14 +7732,14 @@ snapshots:
dependencies:
glob: 7.2.3
rollup-plugin-visualizer@5.12.0(@rollup/wasm-node@4.19.1):
rollup-plugin-visualizer@5.12.0(@rollup/wasm-node@4.20.0):
dependencies:
open: 8.4.2
picomatch: 2.3.1
source-map: 0.7.4
yargs: 17.7.2
optionalDependencies:
rollup: '@rollup/wasm-node@4.19.1'
rollup: '@rollup/wasm-node@4.20.0'
rrweb-cssom@0.6.0: {}
@ -8291,7 +8302,7 @@ snapshots:
dependencies:
esbuild: 0.21.5
postcss: 8.4.40
rollup: '@rollup/wasm-node@4.19.1'
rollup: '@rollup/wasm-node@4.20.0'
optionalDependencies:
'@types/node': 20.14.13
fsevents: 2.3.3
@ -8453,10 +8464,10 @@ snapshots:
'@babel/core': 7.25.2
'@babel/preset-env': 7.25.3(@babel/core@7.25.2)
'@babel/runtime': 7.25.0
'@rollup/plugin-babel': 5.3.1(@babel/core@7.25.2)(@rollup/wasm-node@4.19.1)(@types/babel__core@7.20.5)
'@rollup/plugin-node-resolve': 15.2.3(@rollup/wasm-node@4.19.1)
'@rollup/plugin-replace': 2.4.2(@rollup/wasm-node@4.19.1)
'@rollup/plugin-terser': 0.4.4(@rollup/wasm-node@4.19.1)
'@rollup/plugin-babel': 5.3.1(@babel/core@7.25.2)(@rollup/wasm-node@4.20.0)(@types/babel__core@7.20.5)
'@rollup/plugin-node-resolve': 15.2.3(@rollup/wasm-node@4.20.0)
'@rollup/plugin-replace': 2.4.2(@rollup/wasm-node@4.20.0)
'@rollup/plugin-terser': 0.4.4(@rollup/wasm-node@4.20.0)
'@surma/rollup-plugin-off-main-thread': 2.2.3
ajv: 8.17.1
common-tags: 1.8.2
@ -8465,7 +8476,7 @@ snapshots:
glob: 7.2.3
lodash: 4.17.21
pretty-bytes: 5.6.0
rollup: '@rollup/wasm-node@4.19.1'
rollup: '@rollup/wasm-node@4.20.0'
source-map: 0.8.0-beta.0
stringify-object: 3.3.0
strip-comments: 2.0.1

28
src/components/player/atoms/Captions.tsx Normal file
View File

@ -0,0 +1,28 @@
import { useEffect } from "react";
import { Icons } from "@/components/Icon";
import { OverlayAnchor } from "@/components/overlays/OverlayAnchor";
import { VideoPlayerButton } from "@/components/player/internals/Button";
import { useOverlayRouter } from "@/hooks/useOverlayRouter";
import { usePlayerStore } from "@/stores/player/store";
export function Captions() {
const router = useOverlayRouter("settings");
const setHasOpenOverlay = usePlayerStore((s) => s.setHasOpenOverlay);
useEffect(() => {
setHasOpenOverlay(router.isRouterActive);
}, [setHasOpenOverlay, router.isRouterActive]);
return (
<OverlayAnchor id={router.id}>
<VideoPlayerButton
onClick={() => {
router.open();
router.navigate("/captionsOverlay");
}}
icon={Icons.CAPTIONS}
/>
</OverlayAnchor>
);
}

1
src/components/player/atoms/index.ts
View File

@ -16,3 +16,4 @@ export * from "./VolumeChangedPopout";
export * from "./NextEpisodeButton";
export * from "./Chromecast";
export * from "./CastingNotification";
export * from "./Captions";

5
src/pages/parts/player/PlayerPart.tsx
View File

@ -111,7 +111,10 @@ export function PlayerPart(props: PlayerPartProps) {
) : null}
{status === playerStatus.PLAYBACK_ERROR ||
status === playerStatus.PLAYING ? (
<Player.Settings />
<>
<Player.Captions />
<Player.Settings />
</>
) : null}
<Player.Fullscreen />
</div>