Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 17:15:48 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

test(Player): fix binge watching

Browse source
This commit is contained in:
Timothy Z. 2025-05-01 23:37:44 +03:00
parent 18ac3583b4
commit 672a0067ce
1 changed files with 24 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -102,6 +102,7 @@ const Player = ({ urlParams, queryParams }) => {
}, [settings.subtitlesSize, settings.subtitlesOffset, settings.subtitlesTextColor, settings.subtitlesBackgroundColor, settings.subtitlesOutlineColor]);
const onEnded = React.useCallback(() => {
console.log('Player in on ended callback', player.nextVideo); // eslint-disable-line no-console
ended();
if (player.nextVideo !== null) {
onNextVideoRequested();
@ -215,19 +216,26 @@ const Player = ({ urlParams, queryParams }) => {
const onNextVideoRequested = React.useCallback(() => {
if (player.nextVideo !== null) {
const deepLinks = player.nextVideo.deepLinks;
const navigateToPlayer = deepLinks.player ? deepLinks.player : null;
const navigateToDetails = deepLinks.metaDetailsStreams ? deepLinks.metaDetailsStreams : null;
const navigationData = {
playerLink: player.nextVideo.deepLinks.player,
metaDetailsLink: player.nextVideo.deepLinks.metaDetailsStreams
};
nextVideo();
requestAnimationFrame(() => {
if (navigateToPlayer) {
window.location.replace(navigateToPlayer);
} else if (navigateToDetails) {
window.location.replace(navigateToDetails);
}
});
if (navigationData.playerLink) {
requestAnimationFrame(() => {
window.location.replace(navigationData.playerLink);
});
setTimeout(() => {
nextVideo();
}, 500);
} else if (navigationData.metaDetailsLink) {
requestAnimationFrame(() => {
window.location.replace(navigationData.metaDetailsLink);
});
setTimeout(() => {
nextVideo();
}, 500);
}
}
}, [player.nextVideo]);
@ -629,6 +637,10 @@ const Player = ({ urlParams, queryParams }) => {
onImplementationChanged
]);
React.useEffect(() => {
console.log('Player next video in use effect', player.nextVideo); // eslint-disable-line no-console
}, [player.nextVideo]);
React.useLayoutEffect(() => {
return () => {
setImmersedDebounced.cancel();