WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
WeAreDevelopers LIVE • Dec 16, 2024

Building a Browser-Based Karaoke Game with Web Speech API

Ana Rodrigues

Building "useless" side projects is the ultimate antidote to developer burnout. Watch Ana build a browser-based karaoke game to explore the Web Speech API and rediscover her frontend passion.

Starting at 20:25 · Watch from the beginning

Building a Browser-Based Karaoke Game with Web Speech API thumbnail

Checking access…

Playback and chapters load privately for Free videos.

Matching moments

2:30 min

Synthesizer karaoke and final presentation wrap up

Rowdy Rabouw Rowdy Rabouw · LIVE

1:30 min

Overview of voice user interfaces on the web

Tobias Münch Tobias Münch · World Congress 2024

48 sec

Core components of the web speech API ecosystem

Tobias Münch Tobias Münch · World Congress 2024

3:16 min

Voice AI architecture and interactive kiosk demo

Lee Boonstra · LIVE

4:24 min

Building synthesizers and music sequencers using web audio APIs

Chris Heilmann Chris Heilmann +2 · LIVE

1:01 min

Introduction to the speaker and visual testing journey

Ramona Schwering Ramona Schwering · LIVE

More from WeAreDevelopers LIVE

Humans in the Loop: Storytelling in Tech thumbnail
1:01:28

Humans in the Loop: Storytelling in Tech

Christian Heilmann +2

5 days ago

WeAreDevelopers LIVE: Your Brain Is Lying to You: Cognitive Biases in Development thumbnail
1:19:46

Your Brain Is Lying to You: Cognitive Biases in Development

Kate Astrid +2

Last week

Like Peas in a Pod - What Happens When People Clone Your App? thumbnail
1:16:14

Like Peas in a Pod - What Happens When People Clone Your App?

Ivan Kutskir +2

2 weeks ago

WeAreDevelopers LIVE - Read more, Prompt Less thumbnail
1:01:30

Read more, Prompt Less

Christian Heilmann +2

3 weeks ago

WeAreDevelopers LIVE - Tech Education in Two Languages thumbnail
1:00:18

Tech Education in Two Languages

Daniel Cranney +1

Oct 2026

WeAreDevelopers LIVE - Playing in Production thumbnail
1:06:40

Playing in Production

Andrew MacLean +2

Sep 2026

Upcoming sessions on this topic

Open session

Built-In AI in the Browser: Practical Capabilities for Modern Web Apps

  • Piyush Gupta

    Expedia

    Senior Engineering Manager

Open session

Build a Zero-Cost AI Agent in Your Browser

  • Aishwarya Mathuria

    Adobe

    Computer Scientist

  • Nishant Thakur

    Adobe

    Senior Computer Scientist

Open session

ULTRON: Your Agent Has No Hands - Real-Time Voice, MCP, and Ten Phones on Stage

  • Sagar Tamang

    Two Spoon Technologies

    AI Engineer

Open session

React Under Fire: Rendering Performance for Streaming Agent UIs

  • Abhirupa Mitra

    Slack

    Senior Member of Technical Staff

Open session

The UI Engineering Playbook: Modern CSS, Design Systems, Motion & AI-Assisted Workflows

  • Wadad Parker

    Ednius Inc.

    SDE

Open session

The Illusion of Green: Why AI-Generated Browser Automation Tests Pass Locally but Fail in CI

  • Puja Jagani

    BrowserStack

    Lead of Open Source and Developer Advocacy

Related videos

Speak, Code, Deploy: Transforming Developer Experience with Voice Commands thumbnail
28:37

Speak, Code, Deploy: Transforming Developer Experience with Voice Commands

Sami Ekblad · Vaadin

World Congress · 2024

Is the web ready for voice user interfaces? thumbnail
23:09

Is the web ready for voice user interfaces?

Tobias Münch · Münch Gesellschaft für IT-Solutions mbH

World Congress · 2024

New Browser APIs, End of React Create App, Smuggling Data in Emoji and more with Rowdy Rabouw thumbnail
1:13:35

New Browser APIs, End of React Create App, Smuggling Data in Emoji and more

Chris Heilmann +2

LIVE · Feb 2025

Honeypots and Tarpits, Benefits of Building your own Tools and more with Salma Alam-Naylor thumbnail
1:18:31

Honeypots and Tarpits, Benefits of Building your own Tools and more

Chris Heilmann +2

LIVE · Feb 2025

WeAreDevelopers LIVE – Inclusion, Accessibility & Automation thumbnail
1:09:45

Inclusion, Accessibility & Automation

Chris Heilmann +2

LIVE · Oct 2025

Raise your voice! thumbnail
30:59

Raise your voice!

Lee Boonstra

LIVE · Jun 2020

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.