[Feat] 발화자 하이라이팅 구현

[simeunseo]

관련 이슈 번호

• close [Feat] 발화자 캠 하이라이팅 구현 #45

작업 내용

• 오디오 스트림에 대한 오디오 레벨(볼륨) 탐지 로직 구현
• muted가 아닌 스트림에 대해서만 탐지하도록 함

PR 포인트

• 말과 말 사이 잠깐의 쉼이 있을 때 이것도 오디오 볼륨이 낮아진걸로 파악을 해서 하이라이팅이 계속 깜빡깜빡 거리는 문제가 있었습니다. 이를 개선하면 좋을 것 같아서 한번 하이라이팅이 되고 나면 1초 동안 말이 없을때 비로소 하이라이팅을 해제하도록 개선했습니다.
• 하이라이팅을 보라색 테두리로 하는게 제일 Ui상 괜찮아서, 기존에 pin된 비디오에 보라색 테두리하는 것을 제거하고 pin 아이콘으로 표시하도록 수정했습니다.

아무래도 지속적인 계산이 들어가다보니 스트리밍에 대한 안정성이 떨어진걸로 느껴지는데, 확실한건 다같이 접속해봐야알 것 같습니다.
실제 발화자 하이라이팅이 잘 되는지도 다같이 접속해봐야 알 수 있을 것 같습니다.

그리고 현재 자신의 발화에 대한 하이라이팅은 적용이 되지 않는 상황입니다.

고민과 학습내용

활성 화자에 대한 하이라이팅 보여주기
학습정리 내용입니다. 아직 다 못적었습니다ㅠ

스크린샷

2024-12-03.4.19.40.mov

[github-actions]

🎨 스토리북 확인하기

• 👀 Preview
• 🔍 Build Details