https://blog.partyonbici.com/ko/tags/node.js/Recent content in Node.js on Party Onbici BlogHugokoWed, 20 Mar 2024 00:00:00 +0000https://blog.partyonbici.com/ko/posts/route-video-generation/Wed, 20 Mar 2024 00:00:00 +0000https://blog.partyonbici.com/ko/posts/route-video-generation/<p>자전거 경로를 타기 전에 미리 볼 수 있으면 좋겠다고 생각한 적 있으신가요? Party Onbici의 모든 파티 경로에 대해 아름다운 상공 비행 영상을 생성하는 자동화 시스템을 구축하여, 라이더들에게 여정에서 기대할 수 있는 것의 시네마틱한 미리보기를 제공합니다.</p> <h2 id="도전-과제">도전 과제</h2> <p>사이클링 이벤트를 조직하거나 참여할 때 경로를 이해하는 것은 매우 중요합니다. 정적 지도는 유용하지만 실제로 경로를 달리는 경험을 전달하지는 못합니다. 라이드에 참여하기 전에 경로를 가상으로 &ldquo;비행&quot;할 수 있는 방법을 사용자들에게 제공하고 싶었습니다.</p> <h2 id="우리의-솔루션-헤드리스-영상-렌더링">우리의 솔루션: 헤드리스 영상 렌더링</h2> <p>Puppeteer를 사용하여 헤드리스 Chrome 브라우저를 실행하고, 대화형 MapLibre GL 지도에서 경로를 렌더링하며, 가상 카메라가 경로를 따라 비행하는 동안 프레임을 캡처하는 Node.js 서비스를 구축했습니다. 작동 방식은 다음과 같습니다:</p>