World Congress 2024 • Aug 20, 2024 • Session details

Perfect Pitch: Unveiling the Mathematical Symphony Behind a Guitar Tuner

Omar Diop

Deep digital signal processing doesn't require a backend or AI. Learn how to build a highly accurate web-based guitar tuner using React, auto-correlation, and raw math.

Perfect Pitch: Unveiling the Mathematical Symphony Behind a Guitar Tuner thumbnail

Checking access…

Playback and chapters load privately for Free videos.

Matching moments

1:48 min

Generating algorithmic music using web components and audio APIs

Chris Heilmann Chris Heilmann +2 · LIVE

4:24 min

Building synthesizers and music sequencers using web audio APIs

Chris Heilmann Chris Heilmann +2 · LIVE

6:12 min

Rendering complex musical notation in the browser using HTML

Chris Heilmann Chris Heilmann +2 · LIVE

2:30 min

Synthesizer karaoke and final presentation wrap up

Rowdy Rabouw Rowdy Rabouw · LIVE

2:53 min

Developing custom music applications and open source browser plugins

Chris Heilmann Chris Heilmann +2 · LIVE

3:30 min

Exploring esoteric programming languages and unconventional input methods

Chris Heilmann Chris Heilmann +2 · LIVE

Upcoming sessions on this topic

Open session

From Profiler to Production: Measuring What Actually Matters in React & React Native

  • Andrei Tazetdinov

    Dynatrace

    React Native Developer

Open session

Understanding React Performance Patterns Developers Often Get Wrong

  • Himanshu Srivastava

    Best Buy India

    Software Engineer

Open session

Your Server-Rendered App Doesn't Know Who It's Talking To

  • Anshul Bansal

    OLX India

    Principal Architect

Open session

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

  • Piyush Gupta

    Expedia

    Senior Engineering Manager

Open session

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

  • Wadad Parker

    Ednius Inc.

    SDE

Open session

Build a Zero-Cost AI Agent in Your Browser

  • Aishwarya Mathuria

    Adobe

    Computer Scientist

  • Nishant Thakur

    Adobe

    Senior Computer Scientist