Skip to content

feat(interview): 음성 답변 녹음 중 실시간 레벨 미터 + 타이머#102

Merged
i3months merged 1 commit into
devfrom
feature/answer-voice-recording-ux
Jun 14, 2026
Merged

feat(interview): 음성 답변 녹음 중 실시간 레벨 미터 + 타이머#102
i3months merged 1 commit into
devfrom
feature/answer-voice-recording-ux

Conversation

@i3months

Copy link
Copy Markdown
Member

녹음 중 정적인 빨간 점·문구만 있던 답변 입력 바에 실제 마이크 입력
피드백을 추가해 '답변하는 쪽' 음성 경험을 질문측과 맞춤.

  • useVoiceRecorder 가 시각화용 MediaStream 을 노출
  • MicLevelMeter: AnalyserNode 주파수 데이터를 막대 높이로 실시간 반영 (프레임마다 ref 로 DOM transform 직접 갱신, 리렌더 회피)
  • AnswerComposer: 녹음 경과 시간(MM:SS) + 레벨 미터 표시, 마이크 권한 대기 중엔 "마이크 준비 중…"
  • 타이머 리셋은 시작 이벤트에서 처리(effect 내 동기 setState 회피)

변경 사항

녹음 중 정적인 빨간 점·문구만 있던 답변 입력 바에 실제 마이크 입력
피드백을 추가해 '답변하는 쪽' 음성 경험을 질문측과 맞춤.

- useVoiceRecorder 가 시각화용 MediaStream 을 노출
- MicLevelMeter: AnalyserNode 주파수 데이터를 막대 높이로 실시간 반영
  (프레임마다 ref 로 DOM transform 직접 갱신, 리렌더 회피)
- AnswerComposer: 녹음 경과 시간(MM:SS) + 레벨 미터 표시,
  마이크 권한 대기 중엔 "마이크 준비 중…"
- 타이머 리셋은 시작 이벤트에서 처리(effect 내 동기 setState 회피)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@vercel

vercel Bot commented Jun 14, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
stackup Ready Ready Preview, Comment Jun 14, 2026 5:23am

@i3months i3months merged commit 8cb7f58 into dev Jun 14, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant