Session

Building Karaoke in the Browser: Web APIs That Actually Rock

What if you could build a fully functional karaoke app using nothing but modern web technologies? No native apps, no desktop software, just HTML, CSS, and JavaScript.

In this talk, Jorrik will show you how to create a karaoke experience from scratch using Web Audio API, Canvas, and a bunch of other web APIs you probably haven't played with yet. We'll tackle the fun stuff: syncing lyrics to audio, creating that bouncing ball effect, building visualizations, and making it all perform smoothly at 60fps.

But here's the twist, while we're building something fun, we're actually learning techniques that'll make you a better developer in your day job. The timing precision needed for karaoke? That's the same stuff you need for smooth animations or data hadnling in enterprise apps. The audio processing? Perfect for building better video conferencing tools.

Jorrik will take you through the core features, show you how to handle the tricky bits (audio sync is harder than it looks), and share some battle-tested patterns for high-performance web apps. And if the conference is up for it, we might just end the day with an actual karaoke party using the app we built.

This is a hands-on technical talk that uses a fun, engaging project to teach serious web development concepts. I'll be showing a working karaoke app during the presentation, demonstrating Web Audio API, Canvas animations, performance optimization, and modern JavaScript patterns.

The karaoke theme makes complex topics like audio processing and real-time synchronization more accessible and memorable. Attendees will leave with practical knowledge about browser APIs they can apply to media apps, dashboards, games, data processing, and other interactive experiences.

Optional add-on: If you're interested, I'd love to host a karaoke session using the app at an after-party or end-of-day event. It's a great way to let people actually experience what has been shared on stage and creates a memorable conference moment. (This is totally optional and the talk stands on its own!)

Demo requirements: Audio output capability, microphone access preferred but not required. I'll bring backup audio files and handle any technical setup.

Jorrik Klijnsma

Senior Front-end Engineer @ Sopra Steria | AI Enthusiast

Veenendaal, The Netherlands

Actions

Please note that Sessionize is not responsible for the accuracy or validity of the data provided by speakers. If you suspect this profile to be fake or spam, please let us know.

Jump to top