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

casting when chromecast conected

Browse source
This commit is contained in:
nklhrstv 2020-05-27 17:37:05 +03:00
parent d667bee547
commit e567bcf040
1 changed files with 33 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -18,7 +18,7 @@ const useSettings = require('./useSettings');
const styles = require('./styles');
const Player = ({ urlParams }) => {
const { core } = useServices();
const { core, chromecast } = useServices();
const profile = useProfile();
const [player, updateLibraryItemState, pushToLibrary] = usePlayer(urlParams);
const [settings, updateSettings] = useSettings(profile);
@ -26,6 +26,9 @@ const Player = ({ urlParams }) => {
const routeFocused = useRouteFocused();
const toast = useToast();
const [, , , toggleFullscreen] = useFullscreen();
const [casting, setCasting] = React.useState(() => {
return chromecast.active && chromecast.transport.getSessionState() === cast.framework.SessionState.SESSION_STARTED;
});
const [immersed, setImmersed] = React.useState(true);
const setImmersedDebounced = React.useCallback(debounce(setImmersed, 3000), []);
const [subtitlesMenuOpen, , closeSubtitlesMenu, toggleSubtitlesMenu] = useBinaryState(false);
@ -184,12 +187,13 @@ const Player = ({ urlParams }) => {
commandName: 'load',
commandArgs: {
stream: player.selected.stream,
streamingServerURL: settings.streaming_server_url,
autoplay: true,
time: player.lib_item !== null && player.selected.video_id !== null && player.lib_item.state.video_id === player.selected.video_id ?
player.lib_item.state.timeOffset
:
0
0,
streamingServerURL: settings.streaming_server_url,
chromecastTransport: chromecast.transport
}
});
if (Array.isArray(player.selected.stream.subtitles)) {
@ -206,7 +210,7 @@ const Player = ({ urlParams }) => {
});
}
}
}, [player.selected]);
}, [player.selected, casting]);
useDeepEqualEffect(() => {
dispatch({
type: 'command',
@ -260,6 +264,31 @@ const Player = ({ urlParams }) => {
clearInterval(intervalId);
};
}, []);
React.useEffect(() => {
const onSessionStateChange = () => {
setCasting(chromecast.active && chromecast.transport.getSessionState() === cast.framework.SessionState.SESSION_STARTED);
};
const onChromecastStateChange = () => {
if (chromecast.active) {
chromecast.transport.on(
cast.framework.CastContextEventType.SESSION_STATE_CHANGED,
onSessionStateChange
);
onSessionStateChange();
}
};
chromecast.on('stateChanged', onChromecastStateChange);
onChromecastStateChange();
return () => {
chromecast.off('stateChanged', onChromecastStateChange);
if (chromecast.active) {
chromecast.transport.off(
cast.framework.CastContextEventType.SESSION_STATE_CHANGED,
onSessionStateChange
);
}
};
}, []);
React.useLayoutEffect(() => {
const onKeyDown = (event) => {
switch (event.code) {