소리꽃 KeyBloom 9

소리꽃 KeyBloom 바로가기 ↗

소리꽃 KeyBloom YouTube에서 보기 ↗

이 글은 소리꽃 KeyBloom 시리즈의 15번째 기록입니다. (총 21개)

오늘 한 일

고화질 오프라인 MP4 내보내기 — 화면을 실시간으로 녹화하던 걸, 프레임을 한 장씩 그려서 인코딩하는 방식으로. 저사양에서도 프레임이 안 떨어지고, 렌더 도중 다른 탭으로 옮겨도 끝까지 완주함
- 이유: 실시간 녹화는 4K에서 컴퓨터가 못 따라가면 버벅이게 찍혔다(내장 GPU 노트북에서 실제로 겪음). 프레임 단위로 뽑으면 뽑는 시간이 곡 길이보다 오래 걸리는 대신 화질이 보장됨
- ffmpeg.wasm(30MB 다운로드·느린 소프트웨어 인코딩) 대신 브라우저 내장 인코더를 씀 — 하드웨어 인코딩이라 빠르고 추가 다운로드가 없음
- 파일이 커질 수 있어(4K는 GB급) 메모리에 안 쌓고 디스크에 바로 쓰게 함
소리를 영상에 담기 — 오디오 파일 없이 연주 소리만 있는 경우, 그 소리를 곡 전체로 렌더해서 MP4 소리로 넣음. 지금까지는 녹화에 소리가 아예 안 담겼다
합성음을 피아노답게 만들려다, 결국 실제 피아노 샘플로 교체 — 아침엔 배음을 여러 개 겹쳐 합성음을 두툼하게 만들었는데도 진짜 피아노 질감이 안 나서, 실제 녹음 샘플(Salamander Grand Piano)로 갈아탐
- 이유: 합성음은 아무리 다듬어도 진짜 피아노 소리가 안 났다. Salamander는 CC-BY 무료 음원이라 출처만 표기하면 상업적으로도 쓸 수 있음
서스테인 페달 반영 — 페달을 밟은 채 건반을 떼도 페달을 뗄 때까지 소리가 이어지게. 페달을 짧게 뗐다 곧바로 다시 밟는 구간에서 소리가 끊기던 것도 이어지게
소리 고르기 — 같은 세기로 쳤는데 음마다 크기가 들쭉날쭉하던 것, 같은 음을 연달아 칠 때 소리가 겹쳐 두 배로 커지던 것, 화음이냐 단음이냐에 따라 전체 볼륨이 출렁이던 것을 바로잡음
진짜 백그라운드 재생 — 다른 탭으로 옮겨도 소리가 안 끊기게 오디오를 미리 예약해 두는 방식으로. 돌아왔을 때 밀린 소리가 한꺼번에 터지던 것도 막음
프로젝트 파일에 오디오까지 담기 — .kbloom 파일 하나에 오디오 원본을 넣어, 그 파일만 있으면 어디서든 그대로 열리게 함(네이티브 앱 대비)
무료 버전 워터마크 — 내보낸 영상 위쪽에 KeyBloom 표시를 항상 박음. 미리보기 화면에도 늘 띄워서 화면 녹화로 우회하지 못하게
오디오 소스 선택 — 프로젝트에 오디오가 들어 있어도 파일 / 샘플 피아노 / 무음 중에 골라 미리듣기·내보내기 할 수 있게
탭 정리 — 파일(앱 공통 저장·설정) / 프로젝트(이 곡의 소스·출력) / 비주얼로 기준을 나누고, 내보내기를 프로젝트 탭으로 옮김
출시 채비 — 정보 섹션에 제작자·음원·오픈소스 크레딧, 공유 카드(OG)와 태그라인 “연주가 피어나는 순간”, 앱 아이콘, 영어 지원(브라우저 언어 자동 감지 + 토글), 인앱 도움말(사용법 + “프로젝트는 서버에 저장되지 않으니 파일로 직접 보관” 고지)
Cloudflare Pages 배포 + 카카오 광고 부착 — 무료 버전 출시

막힌 부분

투명 배경은 오프라인 MP4로 못 뽑는다
- 원인: MP4가 쓰는 영상 코덱(H.264)에 투명(알파) 채널이 없음
- 해결: 투명을 고르면 예전 실시간 녹화(WebM) 방식으로 자동 전환되게 하고, 라이브 연주 모드도 실시간 방식만 쓰게 정리. 오프라인 방식으로 투명까지 뽑는 건(다른 코덱 VP9) 백로그로 남김
예전에 저장한 .kbloom 파일이 파일 선택창에서 아예 안 잡혔다
- 원인: 브라우저가 커스텀 확장자를 특정 형식(JSON)으로 묶어 회색 처리함
- 해결: 파일 형식 지정을 범용(옥텟 스트림)으로 바꿔 선택 가능하게
같은 음을 연달아 치면 소리가 겹쳐 두 배로 크게 났다
- 해결: 이전 소리를 짧게 페이드로 끄고 새 소리를 내게
특정 화음(0:26)에서 서스테인이 끊기는 느낌이 남았다
- 페달 재밟기 구간을 이어 붙이는 처리까지 넣었는데도 청감상 잔존, 원인 미확정 → 백로그로 남김

다음에 할 일

투명 배경도 오프라인 고화질(VP9 알파)로 내보내기 — 네이티브
4K 구매 유도 — 네이티브 앱 + 결제 붙인 뒤
라이브 모드(저지연 입력 연주) — 네이티브

Series: 소리꽃 KeyBloom

오늘 한 일

막힌 부분

다음에 할 일

Series: 소리꽃 KeyBloom

Suggested Posts