Comfy Org (ComfyUI) · 2026.03
ComfyUI 미디어 뷰어 – 자체 라이트박스와 오디오 파형 플레이어
서드파티 갤러리를 걷어낸 자체 라이트박스와 Web Audio 파형 플레이어
개요
ComfyUI 결과물 뷰어의 서드파티 의존성을 걷어내고, 오디오 결과물을 미리 들을 수 있는 파형 플레이어를 새로 만들었습니다.
배경
문제
서드파티 갤러리 컴포넌트로는 디자인과 동작을 원하는 대로 바꾸기 어려웠고, Cloud에서는 오디오 결과물이 인증 문제로 재생되지 않았습니다.
주요 작업
- PrimeVue Galleria 의존성을 완전히 제거하고 자체 오버레이 기반 MediaLightbox로 교체해 보기·탐색·스타일 통제권 확보
- Cloud 환경에서 인증 없는 미디어 요청이 401로 실패하던 문제를 인증 헤더를 포함한 fetch로 해결
- Web Audio API로 파형을 그리는 WaveAudioPlayer를 신규 구현해 ElevenLabs 등 오디오 생성 노드의 결과물 미리듣기에 대응
성과
- 서드파티 의존성 제거
PrimeVue Galleria를 자체 라이트박스로 바꿔 뷰어의 디자인과 동작을 직접 통제할 수 있게 했습니다.
핵심 기능
- 01
자체 라이트박스
결과물을 크게 보고 좌우로 탐색하는 오버레이 뷰어입니다.
- 02
오디오 파형 플레이어
인증 헤더를 붙인 fetch로 오디오를 불러오고 Web Audio API로 파형을 그립니다.
화면
링크
