Play a virtual piano in your browser using keyboard shortcuts or mouse clicks with Web Audio synthesis.
This tool renders a piano keyboard in the page and plays it two ways: click a key with the mouse, or press computer keys, each bound to a note. Sound is synthesized live with the Web Audio API, so there are no audio files to load and no instrument needed. The surprise most users hit: the computer-keyboard mapping is laid out by QWERTY position, not by pitch. Black keys sit a row above the white keys instead of between them, and the note that plays for a given key follows the on-screen legend, not musical intuition. A first click is also required before the browser will make any sound.
A concrete input and expected output from the current implementation.
Input
Click the on-screen key for A4, the tuning A above middle C, and hold it.
Expected output
A 440 Hz tone that sustains while the key is held and stops the moment it is released.
Note frequencies follow equal temperament: f = 440 x 2^((n - 69)/12) Hz, where n is the MIDI note number. A4 is MIDI note 69, so its frequency is 440 x 2^0 = 440 Hz, the international concert pitch (A4 = 440 Hz), and each octave up doubles the frequency.
Each on-screen key is bound to one pitch, and a block of computer keys is bound to the same pitches so you can play without the mouse. The conventional layout runs a chromatic sequence along two letter rows: white keys on one row, black keys on the row above, repeating per octave. The tool shows the assignment as a legend, usually overlaid on the on-screen piano, so check it before trusting muscle memory.
The tool creates an AudioContext and, for each pressed note, starts an oscillator at that note's frequency with a short attack and release envelope so the tone does not click. Multiple oscillators run at once, so chords and octaves sound together, and nothing is downloaded. Browsers start the context suspended, and the first user gesture on the page resumes it, which is why the first click is required.
Browsers suspend audio until the page receives a user gesture, so click anywhere once and try again. If it is still silent, check that the tab is not muted and the browser volume is up, verify your speakers or headphones actually work, and confirm the keys you press are inside the mapped range, since unmapped keys do nothing.
The tool plays notes live but is designed for playback, not capture, so treat it as an instrument rather than a recorder. To keep a melody, write down the notes as you find them or record the tab's audio with your operating system's screen or sound capture. Exporting MIDI is not part of what it does.
The example and behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.
Interactive periodic table - click elements, enter quiz mode, and guess elements from their properties. Gamified learning.
Explore the periodic table with element details, properties, and category filtering.
Browse and search ASCII, Unicode, and binary character codes with copy-to-clipboard.
Test your knowledge of semantic HTML elements with quizzes and best-practice tips.
Structured typing lessons with finger placement guide. Track WPM improvement over time with localStorage persistence.
Timed multiplication drills with accuracy tracking per table (1-12). Progress chart saved across sessions.