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. Record sessions, mark chord shapes, and share them with a link — no app or account needed.

Start Playing
Play Piano Right in Your Browser
Free Tool

Play Piano Online

Use your computer keyboard or click the keys. Top row of letters = white keys · numbers = black keys. Polyphonic, no download, no sign-in.

⏳ Loading grand piano samples…

Keyboard Shortcuts

White keys (top letter row)

Q W E R T Y U I O P

C D E F G A B C D E (octave 45)

Black keys (number row)

2 3   5 6 7   9 0

C# D# · F# G# A# · C# D# (octave 45)

Chord / polyphony

Hold multiple keys simultaneously.

Play marks

Press Space to strum all marked notes as a chord.

Computer keyboard mapped to piano keys
01

Computer Keyboard to Piano Keys

Try It Now
Recording piano session on a computer
02

Record and Download Your Sessions

Record Now
Piano chord highlighted with markers
03

Mark Chords and Share via URL

Mark 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

Record, mark, and share

Hit Record to capture your session. Use Mark mode to tag a chord shape and share it via URL. Press Space at any time to play all marked 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

Oscillators with ADSR Envelopes

Each key press creates a triangle-wave oscillator tuned to the exact frequency of that note (A4 = 440 Hz). A gain envelope shapes the sound with a fast attack, short decay, smooth sustain, and natural release.

WaveformTriangle (closest to acoustic piano timbre)
Tuning12-tone equal temperament, A4 = 440 Hz
03

Recording with MediaRecorder

Recording taps the audio output stream via a MediaStreamDestinationNode and captures it with the browser's built-in MediaRecorder API. The result is a self-contained WebM audio file ready to download — no server upload required.

FormatWebM (or OGG as fallback)
LimitUp to 5 minutes per recording

All audio processing and recording happens locally in your browser. Nothing is sent to any server.

04

Mark Mode and URL Sharing

Marked 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 marked notes as a chord
PrivacyMarks are in the URL only — no server storage

All audio is generated and recorded locally. Your playing and recordings never leave 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.

⏺️

Record & Download

Capture up to 5 minutes of audio and download it as a WebM file.

Chord Marks

Tag notes, strum 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 Mark 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. Record the idea before it slips away, then download the audio to drop into your DAW.

WorkflowBrowser sketch → download → import into DAW
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-marked on the keyboard, ready to play with the spacebar.

05

Developers and Audio Engineers

A live reference for Web Audio API capabilities: oscillator nodes, ADSR envelopes, MediaRecorder, and MediaStreamDestinationNode — all in one page.

APIs demonstratedAudioContext, OscillatorNode, GainNode, MediaRecorder
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.

How do I record my playing?

Click the Record button. It captures the synthesised audio directly — up to 5 minutes per session. Click Stop when done. You can then play the recording back in the browser or download it as a WebM audio file.

What is Mark mode?

Click the Mark button to enter mark mode. While in mark mode, clicking keys tags them with a gold dot instead of playing them. Once you have tagged all the notes of a chord or melody fragment, press Space or click "Play Marks" to hear them all at once. Copy the page URL to save or share your marks.

How do I share a chord with someone?

Mark the notes of your chord using Mark mode, then copy the URL from your browser's address bar. Anyone who opens that link will see the same notes pre-marked 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.