APNG1 [JS] canvas를 이용해서 mp4 영상에서 배경 제거하기 (크로마키 기능) 안녕하세요. 오랜만에 글을 쓰는 것 같습니다. 오늘은 배경색이 있는 mp4 파일에서 배경을 제거하는 방법을 알아보겠습니다. PoC로 만들고 꽤 괜찮았지만, 여러 문제가 있어 결국 다른 방법을 택했습니다. 하지만 만들었던게 아까워서 글로 남깁니다. 기능을 개발하게 된 계기요약30MB apng 렌더링 -> 다운로드 속도가 너무 느림 -> 용량 압축을 위해 webp 사용 -> 사파리에서 영상이 끊기는 문제 -> mp4 시도 -> 배경색이 투명하게 되지 않는 문제 요즘은 회사에서 이벤트 페이지를 개발하고 있습니다. 이벤트 페이지의 특성상 최대한 가볍게 만들어서 빠르게 유저와 인터랙션 해야하는데요. 초기 로딩을 빠르게 하기 위해 react 같은 라이브러리 없이 vanilla js만을 이용해서 개발하고 있습니다. .. 2025. 1. 25. 이전 1 다음 728x90