Creepso/p-stream
1
0
Fork 0
mirror of https://github.com/p-stream/p-stream.git synced 2026-03-31 01:08:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

update subtitle defaults

Browse source
This commit is contained in:
Pas 2025-11-07 15:39:33 -07:00
parent 66f0a3b95b
commit 0ed041fe93
4 changed files with 45 additions and 42 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/assets/locales/en.json
View file

@ -1159,8 +1159,8 @@
"title": "Subtitles",
"textBoldLabel": "Bold text",
"verticalPositionLabel": "Vertical position",
"default": "Default",
"low": "Low",
"high": "High",
"low": "Default",
"textStyle": {
"title": "Text style",
"default": "Default",

43
src/components/player/atoms/settings/CaptionSettingsView.tsx
View file

@ -12,6 +12,7 @@ import { useProgressBar } from "@/hooks/useProgressBar";
import { usePlayerStore } from "@/stores/player/store";
import { usePreferencesStore } from "@/stores/preferences";
import { SubtitleStyling, useSubtitleStore } from "@/stores/subtitles";
import { isFirefox } from "@/utils/detectFeatures";
export function ColorOption(props: {
color: string;
@ -423,10 +424,12 @@ export function CaptionSettingsView({
const resetSubStyling = () => {
subtitleStore.updateStyling({
color: "#ffffff",
backgroundOpacity: 0.5,
size: 1,
backgroundBlur: 0.5,
backgroundOpacity: 0.25,
size: 0.75,
backgroundBlur: 0.25,
backgroundBlurEnabled: !isFirefox,
bold: false,
verticalPosition: 1,
fontStyle: "default",
borderThickness: 1,
});
@ -635,23 +638,6 @@ export function CaptionSettingsView({
{t("settings.subtitles.verticalPositionLabel")}
</Menu.FieldTitle>
<div className="flex justify-center items-center space-x-2">
<button
type="button"
className={classNames(
"px-3 py-1 rounded transition-colors duration-100",
styling.verticalPosition === 3
? "bg-video-context-buttonFocus"
: "bg-video-context-buttonFocus bg-opacity-0 hover:bg-opacity-50",
)}
onClick={() =>
handleStylingChange({
...styling,
verticalPosition: 3,
})
}
>
{t("settings.subtitles.default")}
</button>
<button
type="button"
className={classNames(
@ -669,6 +655,23 @@ export function CaptionSettingsView({
>
{t("settings.subtitles.low")}
</button>
<button
type="button"
className={classNames(
"px-3 py-1 rounded transition-colors duration-100",
styling.verticalPosition === 3
? "bg-video-context-buttonFocus"
: "bg-video-context-buttonFocus bg-opacity-0 hover:bg-opacity-50",
)}
onClick={() =>
handleStylingChange({
...styling,
verticalPosition: 3,
})
}
>
{t("settings.subtitles.high")}
</button>
</div>
</div>
<Button

36
src/pages/parts/settings/CaptionsPart.tsx
View file

@ -116,7 +116,7 @@ export function CaptionsPart(props: {
backgroundBlur: 0.5,
backgroundBlurEnabled: !isFirefox,
bold: false,
verticalPosition: 3,
verticalPosition: 1,
fontStyle: "default",
borderThickness: 1,
});
@ -327,23 +327,6 @@ export function CaptionsPart(props: {
{t("settings.subtitles.verticalPositionLabel")}
</Menu.FieldTitle>
<div className="flex justify-center items-center space-x-2">
<button
type="button"
className={classNames(
"px-3 py-1 rounded transition-colors duration-100",
props.styling.verticalPosition === 3
? "bg-video-context-buttonFocus"
: "bg-video-context-buttonFocus bg-opacity-0 hover:bg-opacity-50",
)}
onClick={() =>
handleStylingChange({
...props.styling,
verticalPosition: 3,
})
}
>
{t("settings.subtitles.default")}
</button>
<button
type="button"
className={classNames(
@ -361,6 +344,23 @@ export function CaptionsPart(props: {
>
{t("settings.subtitles.low")}
</button>
<button
type="button"
className={classNames(
"px-3 py-1 rounded transition-colors duration-100",
props.styling.verticalPosition === 3
? "bg-video-context-buttonFocus"
: "bg-video-context-buttonFocus bg-opacity-0 hover:bg-opacity-50",
)}
onClick={() =>
handleStylingChange({
...props.styling,
verticalPosition: 3,
})
}
>
{t("settings.subtitles.high")}
</button>
</div>
</div>
<Button

4
src/stores/subtitles/index.ts
View file

@ -94,7 +94,7 @@ export const useSubtitleStore = create(
backgroundBlur: 0.5,
backgroundBlurEnabled: !isFirefox,
bold: false,
verticalPosition: 3,
verticalPosition: 1,
fontStyle: "default",
borderThickness: 1,
},
@ -147,7 +147,7 @@ export const useSubtitleStore = create(
backgroundBlur: 0.5,
backgroundBlurEnabled: !isFirefox,
bold: false,
verticalPosition: 3,
verticalPosition: 1,
fontStyle: "default",
borderThickness: 1,
};