Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-20 10:42:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

subtitles offset bind with core

Browse source
This commit is contained in:
nklhrstv 2020-03-11 13:22:53 +02:00
parent 4c805638b7
commit 365c5e43f4
2 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -50,6 +50,7 @@ const Player = ({ urlParams }) => {
dispatch({ propName: 'subtitlesTextColor', propValue: subtitlesSettings.text_color });
dispatch({ propName: 'subtitlesBackgroundColor', propValue: subtitlesSettings.background_color });
dispatch({ propName: 'subtitlesOutlineColor', propValue: subtitlesSettings.outline_color });
dispatch({ propName: 'subtitlesOffset', propValue: subtitlesSettings.offset });
}, [subtitlesSettings.size, subtitlesSettings.text_color, subtitlesSettings.background_color, subtitlesSettings.outline_color]);
const onPropChanged = React.useCallback((propName, propValue) => {
setState({ [propName]: propValue });
@ -88,7 +89,7 @@ const Player = ({ urlParams }) => {
updateSubtitlesSettings({ subtitles_size: size });
}, []);
const onSubtitlesOffsetChanged = React.useCallback((offset) => {
dispatch({ propName: 'subtitlesOffset', propValue: offset });
updateSubtitlesSettings({ subtitles_offset: offset });
}, []);
const onContainerMouseDown = React.useCallback((event) => {
if (!event.nativeEvent.subtitlesPickerClosePrevented) {
@ -131,6 +132,9 @@ const Player = ({ urlParams }) => {
React.useEffect(() => {
dispatch({ propName: 'subtitlesOutlineColor', propValue: subtitlesSettings.outline_color });
}, [subtitlesSettings.outline_color]);
React.useEffect(() => {
dispatch({ propName: 'subtitlesOffset', propValue: subtitlesSettings.offset });
}, [subtitlesSettings.offset]);
return (
<div className={styles['player-container']} onMouseDown={onContainerMouseDown}>
<Video

1
src/routes/Player/useSubtitlesSettings.js
View file

@ -7,6 +7,7 @@ const mapSubtitlesSettings = (ctx) => ({
text_color: ctx.profile.settings.subtitles_text_color,
background_color: ctx.profile.settings.subtitles_background_color,
outline_color: ctx.profile.settings.subtitles_outline_color,
offset: ctx.profile.settings.subtitles_offset
});
const useSubtitlesSettings = () => {