Salastil/streamwall
1
0
Fork 0
mirror of https://github.com/streamwall/streamwall.git synced 2026-01-27 15:32:48 -05:00
Code Issues Packages Projects Releases Wiki Activity

Add support for blurring streams

Browse Source
This commit is contained in:
Max Goodman
2020-06-22 13:31:18 -07:00
committed by Max Goodhart
parent 3759b05915
commit e861071599
6 changed files with 108 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/browser/overlay.js
View File

@@ -31,10 +31,14 @@ function Overlay({ views, streams, customStreams }) {
const data = [...streams, ...customStreams].find(
(d) => content.url === d.Link,
)
const isListening = viewState.matches('displaying.running.listening')
const isListening = viewState.matches(
'displaying.running.audio.listening',
)
const isBlurred = viewState.matches('displaying.running.video.blurred')
const isLoading = viewState.matches('displaying.loading')
return (
<SpaceBorder pos={pos} isListening={isListening}>
<BlurCover isBlurred={isBlurred} />
{data && (
<StreamTitle isListening={isListening}>
<StreamIcon url={content.url} />
@@ -186,4 +190,13 @@ const ListeningIndicator = styled(SoundIcon)`
}
`
const BlurCover = styled.div`
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
backdrop-filter: ${({ isBlurred }) => (isBlurred ? 'blur(30px)' : 'blur(0)')};
`
render(<App />, document.body)