fix: 회의 모드 녹음 개선

마이크 캡처 강제(시스템 오디오→마이크), CaptionOverlay 숨김,
오디오 레벨 인디케이터 추가, 상태 전환 꼬임 수정,
전사 타임스탬프 상대 시간 변환.
This commit is contained in:
Yun Chan 2026-04-08 08:56:38 +09:00
parent acab319589
commit 43a2acb89d
3 changed files with 73 additions and 6 deletions

View file

@ -75,6 +75,9 @@ class MeetingModeService extends EventEmitter {
private _segments: CaptionSegment[] = []
private _memos: MeetingMemo[] = []
private _segmentHandler: ((segment: CaptionSegment) => void) | null = null
private _audioDataHandler: ((payload: { buffer: Buffer; timestamp: number }) => void) | null = null
private _audioLevelTimer: ReturnType<typeof setInterval> | null = null
private _lastRms = 0
/** CaptionService session-saved 방지 플래그 */
private _meetingModeActive = false
@ -148,9 +151,18 @@ class MeetingModeService extends EventEmitter {
}
captionService.on('segment', this._segmentHandler)
// 회의 모드는 마이크 캡처 강제 (시스템 오디오가 아닌 마이크)
const prevAudioSource = captionService.getConfig().audioSource
captionService.setConfig({ audioSource: 'mic' })
try {
await captionService.start()
// 회의 모드 UI가 자체 자막 패널에 표시하므로 오버레이 숨김
const { hideCaptionOverlay } = await import('../windows/WindowManager')
hideCaptionOverlay()
} catch (err) {
// 오디오 소스 복원
captionService.setConfig({ audioSource: prevAudioSource })
// 시작 실패 시 복원
captionService.off('segment', this._segmentHandler)
this._segmentHandler = null
@ -168,6 +180,18 @@ class MeetingModeService extends EventEmitter {
throw err
}
// 오디오 레벨 모니터링 시작
const { getAudioCaptureService, calculateRMS } = await import('./AudioCaptureService')
const audioCaptureService = getAudioCaptureService()
this._audioDataHandler = (payload: { buffer: Buffer; timestamp: number }) => {
this._lastRms = calculateRMS(payload.buffer)
}
audioCaptureService.on('audio-data', this._audioDataHandler)
this._audioLevelTimer = setInterval(() => {
this._sendToRenderer('meetingMode:audioLevel', { level: this._lastRms })
}, 100)
logger.info(`회의 녹음 시작: sessionId=${sessionId}`)
this._sendStateToRenderer()
@ -217,6 +241,17 @@ class MeetingModeService extends EventEmitter {
const sessionId = this._sessionId!
const now = Date.now()
// 오디오 레벨 모니터링 정리
if (this._audioLevelTimer) {
clearInterval(this._audioLevelTimer)
this._audioLevelTimer = null
}
if (this._audioDataHandler) {
const { getAudioCaptureService } = await import('./AudioCaptureService')
getAudioCaptureService().off('audio-data', this._audioDataHandler)
this._audioDataHandler = null
}
// CaptionService 종료
const { getCaptionService } = await import('./CaptionService')
const captionService = getCaptionService()

View file

@ -598,6 +598,8 @@ const electronAPI = {
on(IPC_CHANNELS.MEETING_MODE.SESSION_COMPLETED, cb),
onError: (cb: (e: { code: number; message: string }) => void): Unsubscribe =>
on(IPC_CHANNELS.MEETING_MODE.ERROR, cb),
onAudioLevel: (cb: (e: { level: number }) => void): Unsubscribe =>
on('meetingMode:audioLevel', cb),
},
} as const

View file

@ -50,6 +50,7 @@ export function MeetingModePage(): React.ReactElement {
const [memoInput, setMemoInput] = useState('')
const [elapsedMs, setElapsedMs] = useState(0)
const [progress, setProgress] = useState<MeetingProcessingProgress | null>(null)
const [audioLevel, setAudioLevel] = useState(0)
const transcriptRef = useRef<HTMLDivElement>(null)
const elapsedTimerRef = useRef<ReturnType<typeof setInterval> | null>(null)
const recordingStartRef = useRef<number>(0)
@ -79,10 +80,9 @@ export function MeetingModePage(): React.ReactElement {
const unsubState = window.electronAPI.meetingMode.onStateChanged((info) => {
setStateInfo(info)
if (info.state === 'idle' && view === 'recording') {
// 후처리 완료 → 목록으로 이동
if (!progress) {
setView('list')
}
// 후처리 완료 또는 에러 → 목록으로 이동 + 새로고침
setProgress(null)
setView('list')
}
})
@ -110,14 +110,19 @@ export function MeetingModePage(): React.ReactElement {
setView('list')
})
const unsubAudioLevel = window.electronAPI.meetingMode.onAudioLevel((data) => {
setAudioLevel(Math.min(data.level * 10, 1)) // RMS 정규화
})
return () => {
unsubState()
unsubSegment()
unsubProgress()
unsubCompleted()
unsubError()
unsubAudioLevel()
}
}, [view, progress])
}, [view])
// ── 경과 시간 타이머 ──
useEffect(() => {
@ -355,7 +360,7 @@ export function MeetingModePage(): React.ReactElement {
component="span"
sx={{ color: d3roPalette.text.inactive, fontSize: 11, mr: 1, fontFamily: d3roFontMono }}
>
[{formatTime(seg.timestamp)}]
[{formatTime(seg.timestamp - (recordingStartRef.current || seg.timestamp))}]
</Typography>
<Typography component="span" sx={{ fontSize: 13, fontFamily: d3roFontMono }}>
{seg.text}
@ -409,6 +414,31 @@ export function MeetingModePage(): React.ReactElement {
)}
</Box>
</Box>
{/* 오디오 레벨 미터 */}
{!isProcessing && (
<Box sx={{ mt: 1.5, display: 'flex', alignItems: 'center', gap: 1.5 }}>
<Led color={audioLevel > 0.02 ? 'green' : 'amber'} size={8} />
<Box sx={{
flex: 1,
height: 6,
borderRadius: 3,
bgcolor: d3roPalette.bg.inset,
overflow: 'hidden',
}}>
<Box sx={{
height: '100%',
width: `${Math.max(audioLevel * 100, 0)}%`,
bgcolor: audioLevel > 0.7 ? d3roPalette.tag.red : audioLevel > 0.3 ? d3roPalette.tag.orange : d3roPalette.tag.green,
borderRadius: 3,
transition: 'width 0.1s ease-out',
}} />
</Box>
<PhosphorText variant="dim" sx={{ fontSize: 10, fontFamily: d3roFontMono, minWidth: 30 }}>
{Math.round(audioLevel * 100)}%
</PhosphorText>
</Box>
)}
</Box>
)
}