Music Tool

Play Piano Right in Your Browser

A full online piano that runs entirely in your browser. Use the top row of letter keys for white notes and the number row for black notes, or just click the keys. Pin chord shapes and share them with a link — no app or account needed.

Start Playing
Play Piano Right in Your Browser

Ready in Music Studio

Click the piano to play in AI Music Studio.

Computer keyboard mapped to piano keys
01

Computer Keyboard to Piano Keys

Try It Now
Grand piano keys in warm studio light
02

Sampled Steinway Sound

Open Settings
Piano chord highlighted with markers
03

Pin Chords and Share via URL

Pin a Chord
How It Works

How to use the virtual piano

1

Open the page and play

The piano loads instantly. Click any key or press Q–P on your keyboard to produce sound. No sign-in, no plugin, no download.

2

Customise in Settings

Click Settings to switch key labels between note names and keyboard shortcuts, adjust the volume, and change the octave to play higher or lower notes.

3

Pin, play, and share

Use Pin mode to tag a chord shape and share it via URL. Press Space at any time to play all pinned notes as a chord.

Deep Dive

How the Online Piano Works

Everything runs in your browser using the Web Audio API — no server calls, no plugins.

How the Online Piano Works
01

Web Audio API — No Plugin Needed

The Web Audio API is built into every modern browser. The piano uses it to generate audio in real time directly from your device's audio hardware, with zero latency.

Browser supportChrome, Firefox, Safari, Edge
LatencyNear-zero — audio plays on the same frame as the key press
02

Sampled Grand Piano

Each key triggers a sampled Steinway-style piano voice, tuned in 12-tone equal temperament at A4 = 440 Hz. Notes ring and decay like an acoustic piano rather than a raw oscillator.

VoiceSampled grand piano
Tuning12-tone equal temperament, A4 = 440 Hz
03

Keyboard Octave Shift

The on-screen board stays C3–B6. Settings moves the QWERTY map between octaves 3, 4, and 5 so the same computer keys can reach higher or lower notes.

BoardC3–B6 always visible
ShortcutsOctaves 3, 4, or 5
04

Pin Mode and URL Sharing

Pinned notes are stored as a comma-separated list in the page URL query string (?marks=C4,E4,G4). Sharing the URL reproduces the exact same chord shape for anyone who opens the link.

Playback shortcutSpace bar plays all pinned notes as a chord
PrivacyPins are in the URL only — no server storage

All audio plays locally in your browser. Your playing never leaves your device.

Benefits

Why Use This Piano

🎹

No Installation

Runs in any modern browser. Open the page and play in seconds.

🎵

Polyphonic

Hold as many keys as you like simultaneously — chords, runs, and voicings all work.

⌨️

Keyboard Layout

Letter row for white keys, number row for black keys — intuitive and easy to memorise.

🎹

Sampled Steinway

A grand-piano voice in the browser — not a raw oscillator tone.

Pin Chords

Tag notes, play them with the spacebar, and share your chord via URL.

🔧

Adjustable Octave

Shift the keyboard shortcuts across 3 octave ranges to suit your playing style.

Who Uses It

Who Plays the Virtual Piano

From first-time learners to music professionals finding a quick tool.

People using a virtual piano in different settings
01

Beginners Learning Piano

Use note-name labels to learn where notes sit on the keyboard, then switch to keyboard-shortcut labels as you build muscle memory. The Settings panel's octave control lets you explore different pitch ranges.

Tip: start with C major — press Q W E R T Y U on your keyboard.

02

Music Theory Students

Build intervals and chords by holding keys, and use Pin mode to lock in a chord voicing. The URL sharing lets you send chord exercises to classmates or instructors instantly.

03

Songwriters and Composers

Quickly sketch a melody or chord progression directly in the browser tab. Pin the voicing so you can come back to it or send the link to a collaborator.

WorkflowBrowser sketch → pin chord → share the URL
04

Teachers and Online Educators

Share a specific chord or scale shape by sending the URL. Students open the link and see the exact notes pre-pinned on the keyboard, ready to play with the spacebar.

05

Developers and Audio Engineers

A live reference for Web Audio in the browser: sampled playback, gain staging, and URL-encoded note pins — all in one page.

APIs demonstratedAudioContext, GainNode, sampled piano
06

Casual Players

Sometimes you just want to play a few notes or figure out how a melody goes. The piano is one browser tab away, always ready, no setup required.

No sign-in, no download, no cost. Runs entirely in your browser.

Frequently Asked Questions

Do I need to install anything to play?

No. The piano uses the Web Audio API built into every modern browser. Just open the page and click a key to start.

What keyboard keys correspond to which notes?

The top row of letters (Q W E R T Y U I O P) plays the white keys starting from C in the selected octave. The number row (2, 3, 5, 6, 7, 9, 0) plays the black keys — matching the physical gaps in a real piano where there are no sharps or flats. Switch to "Keyboard Keys" labels in Settings to see the shortcuts directly on the piano.

How do I change the octave?

Click the Settings button and use the octave control to select octave 3, 4, or 5. This shifts what notes your keyboard shortcuts play while keeping the full piano visible.

What is Pin mode?

Click Pin to enter pin mode. While pinning, clicking keys tags them with a gold dot. Once you have tagged the notes of a chord, press Space or Play to hear them all at once. Copy the page URL to save or share your pins.

How do I share a chord with someone?

Pin the notes of your chord, then copy the URL from your browser's address bar. Anyone who opens that link will see the same notes pre-pinned on their piano.

Can I play chords?

Yes. The piano is fully polyphonic. Press multiple letter keys at the same time, click multiple keys with your mouse (or touch several keys on a touch screen) to play chords.

Why is there no sound when I first open the page?

Browsers block audio before any user interaction. Click a key or press a letter key once and audio activates for the rest of the session.

Get Started Free

Ready to Play?

Scroll up to the keyboard, press Q to play middle C, and start making music.