https://blog.partyonbici.com/tr/tags/node.js/Recent content in Node.js on Party Onbici BlogHugotrWed, 20 Mar 2024 00:00:00 +0000https://blog.partyonbici.com/tr/posts/route-video-generation/Wed, 20 Mar 2024 00:00:00 +0000https://blog.partyonbici.com/tr/posts/route-video-generation/<p>Bir bisiklet rotasını sürmeden önce önizleyebilmeyi hiç istediniz mi? Party Onbici&rsquo;deki her rota için güzel uçuş videoları oluşturan otomatik bir sistem geliştirdik, bisikletçilere yolculuklarında ne bekleyeceklerinin sinematik bir önizlemesini sunuyoruz.</p> <h2 id="zorluk">Zorluk</h2> <p>Bir bisiklet etkinliği düzenlerken veya katılırken rotayı anlamak çok önemli. Statik haritalar faydalıdır, ancak rotayı gerçekten sürmenin deneyimini aktaramazlar. Kullanıcılara bir sürüşe karar vermeden önce rotayı sanal olarak &ldquo;uçarak geçme&rdquo; imkanı vermek istedik.</p> <h2 id="çözümümüz-headless-video-rendering">Çözümümüz: Headless Video Rendering</h2> <p>Puppeteer kullanarak headless Chrome tarayıcısı çalıştıran, rotayı interaktif bir MapLibre GL haritasında renderlayan ve sanal bir kamera yol boyunca uçarken frame&rsquo;leri yakalayan bir Node.js servisi geliştirdik. İşte nasıl çalışıyor:</p>