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

Player wrapped with core suspender

Browse source
This commit is contained in:
nklhrstv 2022-07-11 12:48:18 +03:00
parent 16d938fbe4
commit e3c186b233
2 changed files with 9 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -6,7 +6,7 @@ const classnames = require('classnames');
const debounce = require('lodash.debounce'); const debounce = require('lodash.debounce');
const { useRouteFocused } = require('stremio-router'); const { useRouteFocused } = require('stremio-router');
const { useServices } = require('stremio/services'); const { useServices } = require('stremio/services');
const { HorizontalNavBar, Button, useFullscreen, useBinaryState, useToast, useStreamingServer } = require('stremio/common'); const { HorizontalNavBar, Button, useFullscreen, useBinaryState, useToast, useStreamingServer, withCoreSuspender } = require('stremio/common');
const Icon = require('@stremio/stremio-icons/dom'); const Icon = require('@stremio/stremio-icons/dom');
const BufferingLoader = require('./BufferingLoader'); const BufferingLoader = require('./BufferingLoader');
const ControlBar = require('./ControlBar'); const ControlBar = require('./ControlBar');
@ -567,4 +567,8 @@ Player.propTypes = {
queryParams: PropTypes.instanceOf(URLSearchParams) queryParams: PropTypes.instanceOf(URLSearchParams)
}; };
module.exports = Player; const PlayerFallback = () => (
<div className={classnames(styles['player-container'])} />
);
module.exports = withCoreSuspender(Player, PlayerFallback);

5
src/routes/Player/usePlayer.js
View file

@ -2,7 +2,7 @@
const React = require('react'); const React = require('react');
const { useServices } = require('stremio/services'); const { useServices } = require('stremio/services');
const { useModelState } = require('stremio/common'); const { useModelState, useCoreSuspender } = require('stremio/common');
const map = (player) => ({ const map = (player) => ({
...player, ...player,
@ -34,8 +34,9 @@ const map = (player) => ({
const usePlayer = (urlParams) => { const usePlayer = (urlParams) => {
const { core } = useServices(); const { core } = useServices();
const { decodeStream } = useCoreSuspender();
const stream = decodeStream(urlParams.stream);
const action = React.useMemo(() => { const action = React.useMemo(() => {
const stream = core.transport.decodeStream(urlParams.stream);
if (stream !== null) { if (stream !== null) {
return { return {
action: 'Load', action: 'Load',