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

Merge pull request #642 from Stremio/feature-player-background-loader

Browse source 
Feature: player background splash screen loader
This commit is contained in:
Tim 2024-05-17 10:56:27 +02:00 committed by GitHub
commit 1d6a6cce44
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 24 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -611,15 +611,23 @@ const Player = ({ urlParams, queryParams }) => {
onDoubleClick={onVideoDoubleClick}
/>
{
video.state.buffering ?
<BufferingLoader className={styles['layer']} logo={player?.metaItem?.content?.logo} />
!video.state.loaded ?
<div className={classnames(styles['layer'], styles['background-layer'])}>
<img className={styles['image']} src={player?.metaItem?.content?.background} />
</div>
:
null
}
{
(video.state.buffering || !video.state.loaded) && !error ?
<BufferingLoader className={classnames(styles['layer'], styles['buffering-layer'])} logo={player?.metaItem?.content?.logo} />
:
null
}
{
error !== null ?
<Error
className={styles['layer']}
className={classnames(styles['layer'], styles['error-layer'])}
stream={video.state.stream}
{...error}
/>

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

@ -40,6 +40,19 @@ html:not(.active-slider-within) {
bottom: 0;
z-index: 0;
&.buffering-layer, &.error-layer {
background: transparent;
}
&.background-layer {
.image {
width: 100vw;
height: 100vh;
object-fit: cover;
opacity: 0.6;
}
}
&.nav-bar-layer {
bottom: initial;
background: transparent;