초등 및 중학교 수업(1~6학년)에서 시각적 소음 측정기는 학생들이 자습이나 모둠 활동 중 스스로 목소리 크기를 조절하도록 돕는 유용한 도구입니다. 하지만 대부분의 웹 기반 소음 측정기는 실제 교실 환경—즉, 학생 책상에서 2~4미터 떨어진 스마트 TV나 전자칠판에 장착된 웹캠 마이크를 사용할 때 소리를 제대로 감지하지 못하는 문제가 있습니다.
이 하드웨어적 한계를 해결하기 위해, 우리는 커스텀 Web Audio API 디지털 신호 처리(DSP) 파이프라인을 탑재한 무료 오프라인 PWA 도구 조용한 교실 (Quiet Class)을 개발했습니다.
기존 웹 소음 측정기가 교실 웹캠에서 작동하지 않는 4가지 이유
원거리 교실 웹캠(2~4m) 환경에서 테스트한 결과, 기존의 단순 RMS 볼륨 측정 방식에는 네 가지 구조적 결함이 있었습니다:
- 90번째 백분위수(90th Percentile) 보정 오류: 3초간의 실내 소음 보정 중 누군가 기침을 하거나 의자를 끌면, 기존 알고리즘은 그 피크 값(
-35 dB)을 ‘정적 기준선’으로 설정했습니다. 그 결과 경고 임계값이-17 dB(마이크에 대고 소리치는 수준)까지 치솟아 먹통이 되었습니다. - 비현실적인 원거리 임계값 (
+10 dB/+18 dB): 적색 경고를 위해+18 dB(음향 에너지 63배 증가)를 요구하는 것은 거리에 따른 음압 감쇠를 무시한 설계입니다. 3미터 거리에서의 일상 대화는 배경 소음 대비+4.5~+9 dB만 증가합니다. - 지나치게 긴 디바운스 지연 (
700 ms): 거의 1초 동안 연속으로 소리를 질러야만 반응하도록 설정되어 있어, 짧은 외침(200~350 ms)은 필터에 의해 무시되었습니다. - PC 쿨링팬 및 프로젝터 저주파 험(Hum) 노이즈: 컴퓨터 팬, 에어컨, 책상 진동(
50~110 Hz)이 전체 RMS 수치를 인위적으로 높여 아이들의 말소리를 마스킹했습니다.
Web Audio DSP 파이프라인 설계
조용한 교실은 원시 오디오 샘플을 그대로 읽는 대신, 4단계 Web Audio DSP 그래프를 통해 신호를 정제합니다:
1. 120 Hz 하이패스 필터 (쿨링팬 및 진동 노이즈 제거)
120 Hz(Q = 0.7) Biquad 하이패스 필터가 PC 팬 소음, 천장 프로젝터 험, 책상 충격음을 원천적으로 차단합니다.
2. 2.2 kHz 음성 존재감(Speech Presence) 피킹 필터 (+3.5 dB)
2200 Hz(Q = 1.0, 웹캠 프로필 기준 +3.5 dB) 대역을 부스트하여 3~4미터 거리에서도 속삭임과 자음 발음을 또렷하게 부각합니다.
3. 소프트웨어 프리앰프 게인 (0.5× ~ 4.5×)
교사용 설정 패널에서 입력 마이크 장치를 직접 선택하고, 실시간 dB 텔레메트리가 표시되는 VU 미터를 보며 3가지 하드웨어 프로필(웹캠 2–4m 2.2×, 노트북/PC 1.5×, 헤드셋 1.0×)을 즉시 전환할 수 있습니다.
4. 25번째 백분위수 자동 보정 및 Leaky Silence Tracking
- 돌발 소음 무시 보정: 3초간의 샘플 중 25번째 백분위수를 채택하고
[-75 dB, -44 dB]범위로 클램핑하여, 보정 중 소음이 발생해도 먹통이 되지 않습니다. - 적응형 정적 추적: 교실이 조용한 상태를 유지하면 기준선이 실제 실내 최소 소음 바닥으로 부드럽게 낮아집니다.
오뚜기 물리 엔진과 학급 동기부여 시스템
- 즉각적인 물리 반응: ‘조용한 자습’ 모드에서는 황색 구역(
+4.5 dB,120 ms)에서 캐릭터들이 잠에서 깨어 떨기 시작하고, 적색 구역(+9.0 dB,250 ms)에서는 깜짝 놀라 튀어 오르는scareBounce와 화면 흔들림, ‘쉿!’ 알림음이 작동합니다. - 7가지 테마와 밝은 교실용 고대비 모드: 잠꾸러기 요정, 우주 행성, 비눗방울(터치로 터뜨리기 지원), 이모지, 당구공, 숫자, 눈동자 테마와 햇빛이 강한 교실 프로젝터를 위한 ‘밝은 교실(Light Room)’ 모드를 제공합니다.
- 유리병 별 모으기 & 다중 학급 관리: 30초 동안 정적을 유지할 때마다 황금 별이 베지에 곡선을 그리며 유리병 속으로 날아갑니다. 여러 학급(
4-B,3-A,5-C)의 주간 목표와 보상을 개별 저장할 수 있습니다. - 100% 로컬 프라이버시 및 오프라인 PWA: 모든 오디오는 브라우저 메모리 내에서만 분석되며 외부 서버로 절대 전송되지 않습니다.
지금 웹 브라우저에서 바로 실행해 보세요:
👉 조용한 교실 (Quiet Class) 온라인 열기
학교와 방과후 수업을 위한 다른 무료 교육 도구도 확인해 보세요:
Unity 게임 개발, C#, Python, Scratch 프로그래밍 또는 3D 모델링 1:1 온라인 수업에 관심이 있으신가요?
👉 이호르 시보치카의 1:1 개인 튜터링 자세히 보기
