hotfix: 웹캠 핫픽스 (#24)

* fix: 작동안되는 링크 제거 * fix: 반응이 느린 비디오 태그 배경 주입
Nexters · Aug 20, 2024 · 5f33f22 · 5f33f22
1 parent e64c080
commit 5f33f22
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/entities/slop/model/gonjiam.tsx b/src/entities/slop/model/gonjiam.tsx
@@ -110,7 +110,8 @@ export const GONJIAM: ResortInfo = {
         top: 'top-[85%]',
         left: 'left-[43%]',
       },
-      src: '/api/webcam?url=http://konjiam.live.cdn.cloudn.co.kr/konjiam/cam04.stream/playlist.m3u8',
+      //TODO: 해당 URL만 작동 안함
+      // src: '/api/webcam?url=http://konjiam.live.cdn.cloudn.co.kr/konjiam/cam04.stream/playlist.m3u8',
       scale: 1,
     },
     {

diff --git a/src/features/slop/ui/slop-video.tsx b/src/features/slop/ui/slop-video.tsx
@@ -30,7 +30,7 @@ const SlopVideo = ({ src, closeVideo }: SlopVideoProps) => {
   }, [playerRef]);
 
   return (
-    <>
+    <div className={cn('absolute top-0 z-50 h-full w-full bg-black')}>
       <ReactHlsPlayer
         className={cn('absolute top-0 z-50 h-full w-full')}
         playerRef={playerRef}
@@ -39,7 +39,7 @@ const SlopVideo = ({ src, closeVideo }: SlopVideoProps) => {
         controls={false}
       />
       <CloseButton className="video-close absolute right-4 top-4 z-[51]" onClick={closeVideo} />
-    </>
+    </div>
   );
 };