7cf3c028e2f206a26d81f6e44686706a9b



7ff3c028e2f206a26d81f6e04088736b


너무 마이너한거라 인기가 있을진 모르겠지만 필요한 사람한텐 필요할 것 같음...


사실 내가 필요해서 만듬 ㅋㅋ



구현한 주요 기능:

- H.264 스트림 파싱 (Annex B, AVC 포맷 지원)

- 실시간 프레임 디코딩 (FFmpeg.wasm 기반)

- NAL Unit 타임라인 시각화 (타입별 색상 구분)

- 상세한 헤더 정보 분석 (SPS, PPS, Slice Header)

- RBSP 데이터 hex 덤프

- 개별 NAL Unit 및 GOP 다운로드


기술 스택:

- Frontend: React 19 + TypeScript + Vite

- Video Processing: FFmpeg.wasm

- Parser: 개발한 h264-parser 라이브러리

- Build: pnpm + Jest (테스팅)


기능:

- Annex B Start Code 기반 파싱

- AVC Length 기반 파싱 지원

- GOP 단위 프레임 디코딩 및 캐싱


피드백이나 개선 사항 있으면 알려줘


+ 데모: https://nalu.funnify.org/

+ 라이브러리: https://www.npmjs.com/package/h264-parser


Just a moment...

Just a moment...

www.npmjs.com