Jun 15, 2024
72 hours in Austin, TX
The folks at ContentCon asked me if I wanted to be the entertainment and open their annual conference with my Alive & Kicking guitar talk. Austin, Texas was awesome. Thanks for having me!
Live guitar. Live code. Your setlist.
Alive and kicking.
You vote. I play. A browser-powered guitar karaoke show where the audience chooses the next song and the code runs the performance.
The live experiment
A browser. A guitar. A room full of decisions.
An interactive conference talk about composable architecture, with a working rock show as the demo.
01
The audience picks the song
Attendees sign in and vote from their phones. Each vote appears on the big screen as a bouncing ball with their profile picture.
02
The stack runs the show
Vue, Nuxt, and WebMIDI connect the interface to the performance. Backing tracks and guitar amp presets are controlled dynamically, with Supabase, Cloudinary, Hygraph, and Vercel behind the experience.
03
I play what the room chooses
The vote becomes the setlist. The audience gets to see the architecture working while hearing the result.
From the stage
This is what the demo looks like.
Alive and Kicking in front of a live audience. Open either photo for the full-resolution version.
Audience participation
Your vote becomes part of the show.
The interaction does not stop when a song wins.
After voting, attendees get a personalized image combining their chosen song and profile picture, ready to share. The image shown here is an example from the experience.
The tapes
Watch it live. See how it was built.
Full conference performances, the story behind the project, and a look at the code.
Jun 15, 2024Tim Benniks - A Vue into Rock & Roll part 2 - Vuejs Amsterdam 2024
Aug 12, 2023Tim Benniks - Alive and Kicking. A Vue into Rock& Roll! - Vuejs Amsterdam 2023
Rock & roll is alive and kicking and in this talk I will showcase that Vue is so versatile it can be used to do audio visualisations while rock guitar soars through the browser. The audience will have access to a vue…
Aug 12, 2023Vue.js guitar karaoke: how I built it
In this video, I explain how I created a Vue.js guitar karaoke system in which the browser controls everything. #vuejs and #nuxtjs deal with backing tracks, visualization, and guitar amp presets with midi. Users…
Aug 12, 2023The story behind Alive and kicking
After a guitar hiatus of 10 years, I played a gig in front of 1000 people, without a band, all on my own. The browser controlled everything, from the backing tracks to the visualization, to the guitar amp presets. Users…
Want this in your conference hall? Let's talk.