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

refactor(Player): move playlist to Player.js, fix less

Browse source
This commit is contained in:
Tim 2021-07-12 19:48:47 +02:00
parent 772cde815e
commit 89832951ec
3 changed files with 16 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -22,7 +22,7 @@ const Player = ({ urlParams, queryParams }) => {
const forceTranscoding = React.useMemo(() => {
return queryParams.has('forceTranscoding');
}, [queryParams]);
const [player, playlist, updateLibraryItemState, pushToLibrary] = usePlayer(urlParams);
const [player, updateLibraryItemState, pushToLibrary] = usePlayer(urlParams);
const [settings, updateSettings] = useSettings();
const streamingServer = useStreamingServer();
const routeFocused = useRouteFocused();
@ -64,6 +64,18 @@ const Player = ({ urlParams, queryParams }) => {
videoRef.current.dispatch(args);
}
}, []);
const playlist = React.useMemo(() => {
if (player.selected === null || typeof player.selected.stream.url !== 'string') {
return null;
}
const m3u = `#EXTM3U\n\n#EXTINF:0,${encodeURIComponent(player.title)}\n${encodeURI(player.selected.stream.url)}`;
const base64File = `data:application/octet-stream;charset=utf-8;base64,${window.btoa(m3u)}`;
return {
name: `${player.title}.m3u`,
file: base64File
};
}, [player]);
const onImplementationChanged = React.useCallback((manifest) => {
manifest.props.forEach((propName) => {
dispatch({ type: 'observeProp', propName });

3
src/routes/Player/styles.less
View file

@ -43,7 +43,6 @@ html:not(.active-slider-within) {
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1.5rem;
background-color: @color-background-dark5;
.error-label {
@ -56,8 +55,10 @@ html:not(.active-slider-within) {
}
.error-details {
display: flex;
gap: 0.8rem;
font-size: 1.5rem;
margin-top: 1.5rem;
color: @color-surface-light5-90;
.error-details-button {

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

@ -110,19 +110,7 @@ const usePlayer = (urlParams) => {
}, 'player');
}, []);
const player = useModelState({ model: 'player', action, init, map });
const playlist = React.useMemo(() => {
if (player.selected === null || typeof player.selected.stream.url !== 'string') {
return null;
}
const playlist = `#EXTM3U\n\n#EXTINF:0,${player.title}\n${player.selected.stream.url}`;
const base64File = `data:application/octet-stream;charset=utf-8;base64,${window.btoa(playlist)}`;
return {
name: `${player.title}.m3u`,
file: base64File
};
}, [player]);
return [player, playlist, updateLibraryItemState, pushToLibrary];
return [player, updateLibraryItemState, pushToLibrary];
};
module.exports = usePlayer;