highperfocused/nostrudel
1
0
Fork 0
mirror of https://github.com/hzrd149/nostrudel.git synced 2025-09-26 03:28:38 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix bug with stream chat not showing

Browse Source
This commit is contained in:
hzrd149
2023-10-11 11:07:03 -05:00
parent 56ccdd705e
commit c635b2bc4b
3 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/polite-trees-compete.md Normal file
View File

@@ -0,0 +1,5 @@
---
"nostrudel": patch
---
Fix bug with stream chat not showing on chromium based browsers

1
src/components/live-video-player.tsx
View File

@@ -57,7 +57,6 @@ export function LiveVideoPlayer({
autoPlay={autoPlay} autoPlay={autoPlay}
poster={poster} poster={poster}
muted={muted} muted={muted}
style={{ maxHeight: "100%", maxWidth: "100%", width: "100%" }}
{...props} {...props}
/> />
); );

4
src/views/streams/stream/index.tsx
View File

@@ -102,11 +102,13 @@ function DesktopStreamPage({ stream }: { stream: ParsedStream }) {
<StreamDebugButton stream={stream} variant="ghost" /> <StreamDebugButton stream={stream} variant="ghost" />
<Button onClick={() => setShowChat((v) => !v)}>{showChat ? "Hide" : "Show"} Chat</Button> <Button onClick={() => setShowChat((v) => !v)}>{showChat ? "Hide" : "Show"} Chat</Button>
</Flex> </Flex>
<Flex gap="2" maxH="calc(100vh - 4rem)"> <Flex gap="2" maxH="calc(100vh - 4rem)" overflow="hidden">
<LiveVideoPlayer <LiveVideoPlayer
stream={stream.streaming || stream.recording} stream={stream.streaming || stream.recording}
autoPlay={!!stream.streaming} autoPlay={!!stream.streaming}
poster={stream.image} poster={stream.image}
// NOTE: width=0 is used for chromium browser to stop the video element from pushing the chat off screen
w={0}
flexGrow={1} flexGrow={1}
mx="auto" mx="auto"
/> />