Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-05-10 15:30:40 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Merge pull request #1227 from Stremio/fix/video-scale-translations

Browse source 
Player: Fix video scale translations
This commit is contained in:
Timothy Z. 2026-04-23 20:49:38 +03:00 committed by GitHub
commit 881989a0e3
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 15 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/routes/Player/Indicator/Indicator.tsx
View file

@ -10,10 +10,10 @@ type Property = {
format: (value: number | string) => string,
};
const VIDEO_SCALE_LABELS: Record<string, string> = {
'contain': 'Fit',
'cover': 'Crop',
'fill': 'Stretch',
const VIDEO_SCALE_KEYS: Record<string, string> = {
'contain': 'PLAYER_SCALE_FIT',
'cover': 'PLAYER_SCALE_CROP',
'fill': 'PLAYER_SCALE_STRETCH',
};
const PROPERTIES: Record<string, Property> = {
@ -23,7 +23,7 @@ const PROPERTIES: Record<string, Property> = {
},
'videoScale': {
label: 'VIDEO_SCALE',
format: (value) => VIDEO_SCALE_LABELS[String(value)] || String(value),
format: (value) => t(VIDEO_SCALE_KEYS[String(value)] || String(value)),
},
};
@ -38,6 +38,7 @@ type Props = {
const Indicator = ({ className, videoState, disabled }: Props) => {
const timeout = useRef<NodeJS.Timeout | null>(null);
const prevVideoState = useRef<VideoState>(videoState);
const initialized = useRef<Set<string>>(new Set());
const [shown, show, hide] = useBinaryState(false);
const [current, setCurrent] = useState<string | null>(null);
@ -59,11 +60,15 @@ const Indicator = ({ className, videoState, disabled }: Props) => {
const next = videoState[property];
if (next && next !== prev) {
setCurrent(property);
show();
if (!initialized.current.has(property)) {
initialized.current.add(property);
} else {
setCurrent(property);
show();
timeout.current && clearTimeout(timeout.current);
timeout.current = setTimeout(hide, 1000);
timeout.current && clearTimeout(timeout.current);
timeout.current = setTimeout(hide, 1000);
}
}
}

2
src/routes/Player/Player.js
View file

@ -99,7 +99,7 @@ const Player = ({ urlParams, queryParams }) => {
const isNavigating = React.useRef(false);
const VIDEO_SCALES = ['contain', 'cover', 'fill'];
const VIDEO_SCALE_LABELS = { contain: 'Fit', cover: 'Crop', fill: 'Stretch' };
const VIDEO_SCALE_LABELS = { contain: t('PLAYER_SCALE_FIT'), cover: t('PLAYER_SCALE_CROP'), fill: t('PLAYER_SCALE_STRETCH') };
const playbackSpeed = React.useRef(video.state.playbackSpeed || 1);
const pressTimer = React.useRef(null);