Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-29 18:08:49 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

remove initial state const in player

Browse source
This commit is contained in:
nklhrstv 2020-03-21 16:01:50 +02:00
parent 59851b4e73
commit b535315d2a
1 changed files with 36 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -12,23 +12,6 @@ const usePlayer = require('./usePlayer');
const useSettings = require('./useSettings');
const styles = require('./styles');
const INITIAL_VIDEO_STATE = {
paused: null,
time: null,
duration: null,
buffering: null,
volume: null,
muted: null,
subtitlesTracks: [],
selectedSubtitlesTrackId: null,
subtitlesSize: null,
subtitlesDelay: null,
subtitlesOffset: null,
subtitlesTextColor: null,
subtitlesBackgroundColor: null,
subtitlesOutlineColor: null
};
const Player = ({ urlParams }) => {
const player = usePlayer(urlParams);
const [settings, updateSettings] = useSettings();
@ -38,10 +21,25 @@ const Player = ({ urlParams }) => {
const setImmersedDebounced = React.useCallback(debounce(setImmersed, 3000), []);
const [subtitlesPickerOpen, , closeSubtitlesPicker, toggleSubtitlesPicker] = useBinaryState(false);
const [metaPreviewOpen, , closeMetaPreview, toggleMetaPreview] = useBinaryState(false);
const [videoState, setVideoState] = React.useReducer((videoState, nextVideoState) => ({
...videoState,
...nextVideoState
}), INITIAL_VIDEO_STATE);
const [videoState, setVideoState] = React.useReducer(
(videoState, nextVideoState) => ({ ...videoState, ...nextVideoState }),
{
paused: null,
time: null,
duration: null,
buffering: null,
volume: null,
muted: null,
subtitlesTracks: [],
selectedSubtitlesTrackId: null,
subtitlesSize: null,
subtitlesDelay: null,
subtitlesOffset: null,
subtitlesTextColor: null,
subtitlesBackgroundColor: null,
subtitlesOutlineColor: null
}
);
const videoRef = React.useRef(null);
const dispatch = React.useCallback((args) => {
if (videoRef.current !== null) {
@ -97,6 +95,15 @@ const Player = ({ urlParams }) => {
const onSubtitlesOffsetChanged = React.useCallback((offset) => {
updateSettings({ subtitles_offset: offset });
}, [updateSettings]);
const onVideoClick = React.useCallback(() => {
if (videoState.paused !== null) {
if (videoState.paused) {
onPlayRequested();
} else {
onPauseRequested();
}
}
}, [videoState.paused]);
const onContainerMouseDown = React.useCallback((event) => {
if (!event.nativeEvent.subtitlesPickerClosePrevented) {
closeSubtitlesPicker();
@ -120,17 +127,8 @@ const Player = ({ urlParams }) => {
const onBarMouseMove = React.useCallback((event) => {
event.nativeEvent.immersePrevented = true;
}, []);
const onVideoClick = React.useCallback(() => {
if (videoState.paused !== null) {
if (videoState.paused) {
onPlayRequested();
} else {
onPauseRequested();
}
}
}, [videoState.paused]);
useDeepEqualEffect(() => {
if (player.selected === null || player.selected.stream === null) {
if (player.selected === null) {
dispatch({ commandName: 'stop' });
} else {
dispatch({
@ -145,16 +143,14 @@ const Player = ({ urlParams }) => {
0
}
});
if (Array.isArray(player.selected.stream.subtitles)) {
dispatch({
commandName: 'addSubtitlesTracks',
commandArgs: {
tracks: player.selected.stream.subtitles
}
});
}
dispatch({
commandName: 'addSubtitlesTracks',
commandArgs: {
tracks: player.selected.stream.subtitles
}
});
}
}, [player.selected && player.selected.stream]);
}, [player.selected]);
useDeepEqualEffect(() => {
dispatch({
commandName: 'addSubtitlesTracks',