H.264 NAL Unit 분석 웹앱 만들어봤음

프갤러(125.247) 2025.10.11 11:04:45

조회 110 추천 0 댓글 5

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

고정닉 0

원본 첨부파일 2본문 이미지 다운로드

전체 댓글 0개

등록순 최신순 답글순

본문 보기

타인의 권리를 침해하거나 명예를 훼손하는 댓글은 운영원칙 및 관련 법률에 제재를 받을 수 있습니다.
Shift+Enter 키를 동시에 누르면 줄바꿈이 됩니다.

갤러리 리스트
번호	제목	글쓴이	작성일	조회	추천
설문	이제는 의미 없어진 것 같은 시상식은?	운영자	25/12/01	-	-
AD	루틴 ON! 운동 찐템! 지금 할인 중	운영자	25/11/27	-	-
2902363	요즘 대학에서 파이썬 교양 필수임? [2]	프갤러(180.65)	11.13	151	0
2902362	러스트 물고늘어지던 ffmpeg. 속내는 우덜에게 돈 내놔. [8]	프갤러(218.154)	11.13	203	2
2902361	감기가 올랑말랑.. [1]	♥KiTTY냥덩♥	11.13	135	0
2902360	❤✨☀⭐⚡☘⛩☃+나님 시작합니당☃+⛩☘⚡⭐☀✨❤ [2]	♥KiTTY냥덩♥	11.13	115	0
2902359	동사무소 여자 공무원 표정 [2]	배구공(119.202)	11.13	190	2
2902358	구글 이상한 메일 받은사람 없냐	프갤러(106.101)	11.13	201	0
2902357	프로그램공부할때 질문좀 [4]	프갤러(175.117)	11.13	165	0
2902354	해외에서 유행하는 한국 밈 [2]	발명도둑잡기(118.216)	11.13	195	1
2902353	30살 고졸 취업성공했다 ㅅㅂ [6]	프갤러(211.230)	11.13	317	1
2902351	21세기 짱깨시대 22세기 인도짱깨시대 열심히 번식해라ㅇㅇ	타이밍뒷.통수한방(1.213)	11.13	102	0
2902350	보유세...시장 안정이냐 부동산 폭락이냐 [김원장 평론가 1부]	발명도둑잡기(118.216)	11.13	114	0
2902349	살아보니 노력 운보다 대충 사는사람이 더 잘삼ㅋㅋㅋ [4]	타이밍뒷.통수한방(1.213)	11.13	119	1
2902348	아빠가 조국 [1]	발명도둑잡기(118.216)	11.13	96	0
2902346	크롤링 궁금한게 있습니다 [3]	프갤러(121.167)	11.13	123	0
2902345	몇일전 서울 동작대교	넥도리아(223.38)	11.13	117	0
2902344	가학적인 사람과 이기적인 사람의 상관관계 [1]	발명도둑잡기(118.216)	11.13	139	0
2902343	러스트 냅두고 다른 언어를 쓴다는것. 한강 뱃놀이와 유사성이 있다. [4]	프갤러(218.154)	11.13	145	0
2902341	내가 만약 서울시장이라면 [1]	타이밍뒷.통수한방(1.213)	11.13	138	0
2902340	구름에서 과제 하는 거 타이핑 녹화 있더라	ㅇㅇ(203.255)	11.13	105	0
2902339	후훗..	딱킥(121.157)	11.13	105	0
2902338	수능 할때마다 [2]	루도그담당(118.235)	11.13	91	0
2902337	괜히 돌아가지 마시고 러스트를 하시라 [2]	프갤러(218.154)	11.13	157	0
2902336	지그는 gc없는 go느낌이라 역시나 안정성이 불안하지. [2]	프갤러(218.154)	11.13	145	1
2902335	영어로 써 있다고 뭐 다를거 없다 [1]	ㅇㅇ	11.13	137	3
2902333	전에 올렸던 나무..ㅇㅅㅇ	헤르 미온느	11.13	85	0
2902332	태연 ㅇㅅㅇ	헤르 미온느	11.13	124	0
2902331	❤✨☀⭐⚡☘⛩☃+나님 시작합니당☃+⛩☘⚡⭐☀✨❤	♥KiTTY냥덩♥	11.13	131	0
2902330	하루 한 번 헤르미온느 찬양	헤르 미온느	11.13	110	0
2902329	우리 회사 보안 병신같음 ㅋㅋ [1]	ㅇㅇ(114.30)	11.13	148	0
2902328	선 넘는 구글? "지도 반출 안 하면 韓美 협정 의무 위반" [3]	프갤러(49.165)	11.13	156	0
2902327	사람을 인지할 때 성별 나이 피부색 등 인지하는 순서	발명도둑잡기(118.216)	11.13	129	0
2902326	우리 골빈 냥덩이가 칼럼 글 쓰기 전에	발명도둑잡기(118.216)	11.13	90	0
2902325	음기 충전	발명도둑잡기(118.216)	11.13	146	0
2902324	우주는 원이 아니다	발명도둑잡기(118.216)	11.13	104	0
2902323	독과점은 친자본주의적인가 반자본주의적인가?	발명도둑잡기(118.216)	11.13	116	0
2902322	피드백과 유기체를 철학과 과학으로 해설	발명도둑잡기(118.216)	11.13	286	0
2902321	인간 집단의 크기를 과학적으로 구분	발명도둑잡기(118.216)	11.13	93	0
2902320	[나이트라인 초대석] 천만 돌파 일본 영화 '국보'…감독 이상일	발명도둑잡기(118.216)	11.13	194	0
2902318	‘아빠찬스’ 의혹 유승민 딸 유담, 경찰 수사 개시…한동훈·나경원·심우정	발명도둑잡기(118.216)	11.13	128	0
2902317	[단독] “특검이 불륜 의혹으로 여론전”…김건희 보석 심문 의견서 보니	발명도둑잡기(118.216)	11.13	100	0
2902316	애널은 모기 없는둣?	♥KiTTY냥덩♥	11.13	143	0
2902315	블랙리스트 만든 국정원 "국민께 사과" 김규리	발명도둑잡기(118.216)	11.13	109	0
2902314	맘다니와 코놀리의 승리가 던진 질문	발명도둑잡기(118.216)	11.13	92	0
2902313	정청래 "국힘, 해산 사유 마일리지 쌓이듯 차곡차곡‥존재가 위헌"	발명도둑잡기(118.216)	11.13	112	0
2902312	홍준표 “국힘 ‘정당 해산’ 불가피… 자발적 해산이 낫다”	발명도둑잡기(118.216)	11.13	108	0
2902311	'도어락 뜯기고' 끝난 저항…체포된 황교안 "미친개와"	발명도둑잡기(118.216)	11.13	97	0
2902310	중국산 중금속 발암물질 제품과 친중 이재명의 원산지 인증 제도 폐지	♥KiTTY냥덩♥	11.13	136	0
2902309	망국적 양당제 만드는 소선거구제, 기호순번제, 복수출마 당장 폐지	발명도둑잡기(118.216)	11.13	80	0
2902308	웹개발 프로젝트 만들기 참 좋아졌네 [1]	프갤러(125.131)	11.13	125	0
2902307	생활비 안정·빈부격차 완화 내세운 맘다니 공약 통했다	발명도둑잡기(118.216)	11.13	56	0