[Feat] 비디오 프로필 오버레이 구현 및 index.html og-image 수정

[ShipFriend0516]

Note

비디오 프로필 오버레이 구현 및 index.html og-image 수정

• 작성자: 서정우
• 작성 날짜: 2024.12.01

✅ 체크리스트

• 코드가 정상적으로 작동하는지 확인했습니다.
• 주요 변경사항에 대한 설명을 작성했습니다.
• 코드 스타일 가이드에 따라 코드를 작성했습니다.

🧩 작업 내용

• 비디오 꺼졌을 경우를 좀 더 명확하게 구분할 수 있도록 화면에 닉네임을 출력하는 오버레이를 구현
• 프로필 사진이 있을 경우 닉네임 대신 사진을 렌더링하도록 구현
• index.html og-image 수정

📝 작업 상세 내역

비디오 프로필 오버레이

프로필 사진 있을 경우

원형 모양

둥근 사각형 모양

og-image 변경

이전 테스트 이미지에서 Preview Banner로 변경

🐥 리뷰 받고 싶은 포인트(선택)

• 프로필 사진이 뜨는 모양을 둥근 사각형으로 할지, 원형으로 할지 고민입니다.
• Zoom은 둥근 사각형, 구글 meets는 원형입니다.

[yiseungyun]

둘다 괜찮긴한데 음 동그라미가 좀 더 귀여운거 같기도하네요. 근데 비슷비슷(?)