Виртуальное пианино: играйте онлайн на клавиатуре

Это настоящий инструмент, на котором можно играть, а не его картинка. Клавиатура охватывает три октавы: по умолчанию от C3 до B5, со сдвигом кнопками октав в пределах C1–B7. Каждая клавиша создаёт синтезированный звук из двух осцилляторов: треугольная волна даёт основу, более тихая синусоида на октаву выше добавляет округлость. Огибающая с быстрой атакой и естественным затуханием формирует звук. Включите сустейн, и ноты будут звучать почти три секунды, как при удержании правой педали пианино. Играть можно тремя способами. Нажимайте клавиши мышью или касанием: они нарисованы обычным CSS и одинаково работают на компьютерах и сенсорных экранах. Либо используйте клавиатуру компьютера с привычной для музыкальных приложений раскладкой: A S D F G H J K L играет белые клавиши от самого низкого видимого C, а верхний ряд W E T Y U, затем O и P — чёрные между ними. Такая раскладка повторяет геометрию пианино и потому стала стандартом: A-W-S-E-D буквально соответствует C, до-диез, D, ре-диез, E. Наконец, если браузер поддерживает Web MIDI, как Chrome и Edge, нажмите «Включить MIDI-вход» и играйте прямо с подключённой MIDI-клавиатуры. Индикатор частоты под клавишами — небольшой урок теории музыки. Современные инструменты используют двенадцатиступенный равномерно темперированный строй с A4 = 440 Hz. Каждый полутон умножает частоту на корень двенадцатой степени из 2, примерно 1.05946. Сыграйте A4 — увидите точно 440.00 Hz; C4, центральное до, даст 261.63 Hz; поднимитесь на октаву до C5 — число удвоится до 523.25 Hz. Наблюдать числа во время игры — наглядный способ понять логарифмическую природу высоты звука, недоступный обычной схеме из учебника. Двух октав тоже достаточно, чтобы освоить важные формы. Найдите мажорную гамму на белых клавишах от C. Постройте интервалы: чистая квинта — семь полутонов (C4–G4), большая терция — четыре (C4–E4). Соедините их в до-мажорное трезвучие, затем опустите терцию на одну клавишу для до минора. Названия на каждой клавише помогают связать услышанное, видимое и обозначения в нотах. Когда запомните расположение, скройте подписи. Всё работает локально на странице: ничего не записывается и не загружается на сервер, а после первого открытия сеть совсем не нужна.