APPS / WEB AUDIO LABS

곡선을 만들고, 음악을 읽는 브라우저 오디오 랩

검증된 네이티브 DSP와 음악 분석 구조를 브라우저에서 이해하고 시험할 수 있는 두 가지 웹 앱 방향을 제안합니다.

현재는 제품 소개와 구현 범위를 정한 제안 단계입니다. 실제 오디오 처리·파일 분석 기능은 브라우저 기술 검증 이후 순차 구현합니다.

설계 제안 공개 · 웹 기능 구현 전

PUBLIC SCOPE

지금 공개하는 범위

기능의 목적, 현재 확인된 범위, 아직 남은 검증을 분리해 설명합니다. 설치 파일이나 실행 가능한 웹 기능이 준비된 것처럼 보이는 링크는 두지 않습니다.

현재 상태
설계 제안 공개 · 웹 기능 구현 전
제품 수
2개
외부 링크
저장소·다운로드 링크 비노출

PRODUCT NOTES

웹 앱 제안 2종

구현된 기반과 앞으로 확인할 경계를 같은 카드에서 확인할 수 있습니다.

  1. 01

    개념 제안

    주파수·게인·Q를 곡선으로 이해하기

    20-Band EQ Lab

    20개 파라메트릭 EQ 밴드의 중심 주파수, 게인, Q와 프리앰프·헤드룸 관계를 브라우저에서 시각적으로 탐색하는 교육형 랩입니다.

    개발 단계
    개념 제안
    목표 플랫폼
    Web Audio · AudioWorklet
    • 20밴드 응답 곡선과 개별 밴드 분리 보기
    • Peaking·Low Shelf·High Shelf 비교
    • 프리앰프와 출력 헤드룸 변화 미리보기
    검증 정보와 공개 경계
    마지막 검증
    검증일 미확정
    검증 환경
    외부 검증 환경 미확정

    근거 범위네이티브 20밴드 DSP 기반은 있으나 브라우저 이식, 인터랙션과 참조 엔진 수치 동등성은 아직 검증하지 않았습니다.

    공개 경계기존 C++ 모듈은 Android·일반 C++용 DSP 코어입니다. 브라우저판은 AudioWorklet 이식과 수치 동등성 검증이 끝나기 전까지 같은 엔진으로 표현하지 않습니다.

  2. 02

    개념 제안

    한 곡을 시간·스펙트럼·리듬·조성으로 읽기

    Music Analysis Lab

    선택한 오디오를 요약, 시간, 스펙트럼, 리듬, 조성, 통계와 차트로 나누어 읽는 로컬 우선 분석 경험을 제안합니다.

    개발 단계
    개념 제안
    목표 플랫폼
    WebAssembly · 브라우저 오디오 디코딩
    • 파일 정보와 분석 준비 상태 분리
    • Temporal·Spectral·Rhythm·Tonal 결과 구조
    • 요약에서 상세 차트로 이어지는 탐색 흐름
    검증 정보와 공개 경계
    마지막 검증
    검증일 미확정
    검증 환경
    외부 검증 환경 미확정

    근거 범위Android 분석 구조는 있으나 WebAssembly 이식, 지원 포맷, 로컬 처리와 브라우저 성능 예산은 아직 검증하지 않았습니다.

    공개 경계Android의 MediaCodec·JNI·Essentia 구조를 그대로 웹 기능으로 주장하지 않습니다. 파일의 로컬 처리, 지원 포맷, 분석 시간 제한부터 먼저 검증합니다.

IMPLEMENTATION GATE

웹 앱은 데모보다 처리 경계를 먼저 검증합니다

두 랩은 아래 게이트를 통과한 기능만 단계적으로 공개하는 방식이 적합합니다.

  1. 01

    AudioWorklet·WebAssembly 최소 기술 검증

  2. 02

    참조 엔진과 브라우저 결과의 수치 비교

  3. 03

    지원 포맷·길이·메모리·CPU 예산

  4. 04

    파일 업로드 없는 로컬 처리 기본값

  5. 05

    키보드·스크린리더·저감 모션 접근성

  6. 06

    오류·중단·브라우저 비호환 상태 설계