🎹Пианино онлайн

Что можно без инструмента под рукой

Мелодия крутится в голове, а инструмента рядом нет — знакомо? Виртуальное пианино онлайн закрывает ровно этот случай: открываете страницу и за пять секунд проверяете, что вы на самом деле придумали. Мелодия из головы почти никогда не звучит так, как слышится, — и лучше узнать это на синтезаторе, чем через неделю доучивать «почти правильную» песню.

Сценариев у клавиатуры в браузере больше, чем кажется. Музыкант-любитель подбирает аккорд к своей песне: перебрал три варианта до-мажора, ля-минора и фа — и ухо сразу сказало, который. Мама первоклассника проверяет, правильно ли ребёнок запомнил мелодию из учебника. Копирайтер ищет короткий джингл для видео. Учащийся сольфеджио читает ноты с листа: вижу «до-ми-соль» — нажимаю, слушаю, сравниваю с представлением. Это называется чтением нот с проверки, и оно тренируется только руками. А ещё с виртуальных клавиш удобно снимать темп: напели мелодию из рекламы, нашли её первую фразу — и вот у вас есть заготовка для видео или будильника.

И честный бонус: просто побренчать. Пять минут по клавишам снимают напряжение не хуже, чем антистресс-игрушки, — звук в этом смысле честнее визуальных игрушек, потому что задаёт ритм и требует лёгкой координации. А счётчик нот с ачивкой на сотой ноте превращает разминку в маленькую игру: «ещё тридцать — и конфетти».

Как играть на виртуальном пианино: мышь, клавиатура и палец

Играть на пианино онлайн можно тремя способами, и все три работают одновременно — переключать режимы не нужно. Мышкой: навели, нажали, звук пошёл; если зажать кнопку и вести по клавишам, получится глиссандо — скользящий проход, как по настоящим клавишам. Пальцем на телефоне: клавиши реагируют на касание, а сама клавиатура прокручивается вбок, чтобы не давить в тесный экран.

Третий способ — главный: клавиатура компьютера. Нижний ряд Z X C V B N M отвечает за нижнюю октаву (от до), верхний Q W E R T Y U — за верхнюю. Чёрные клавиши спрятаны между: S D — под Z и X, G H J — под V B N, и дальше по той же логике в верхнем ряду под цифрами 2 3 5 6 7. Получается привычная раскладка виртуальных пианино: белые клавиши — буквенный ряд, чёрные — «просветы» между ними. Тумблер «Показать буквы» выводит подсказки прямо на клавиши, так что через пару дней подсказки станут не нужны.

Пара практических мелочей. Пальцы лучше ставить как на настоящей клавиатуре: левая рука на Z X C, правая — на Q W E, большие пальцы отдыхают. Одновременное нажатие двух-трёх букв даёт аккорд — попробуйте Z, C и B вместе: это до-мажор (до, ми, соль). А переключатель октав «свободный полёт» двигает весь диапазон на октаву вниз, если низа не хватает.

Подписи нот переключаются мгновенно: «C4, D4» — для тех, кто привык к латинской записи из программ и табулатур, «до, ре» — для читателей нотных тетрадей и учеников музыкальной школы. Это одна и та же клавиатура, просто два языка: полезно иногда переключаться туда-сюда, чтобы связать «до» и «C» в голове. Слайдер громкости выручает, если играете вечером, а тумблер «пролонгация» удлиняет затухание — аккорды начинают сливаться в арпеджио, как при педали.

Таблица: клавиша компьютера → нота

Полное соответствие для диапазона по умолчанию (две октавы, C4–C6, 25 клавиш). Первая строка таблицы — кнопки, вторая — ноты, которые они играют:

Обозначения октав: C4 — это «до» первой октавы, средней на фортепиано, рядом с которой обычно поют; C5 — на октаву выше. Если переключить диапазон на C3–C5, те же самые буквы заиграют на октаву ниже — это удобно для басовых подкладок и аккордов левой рукой.

Запоминать всю таблицу не нужно: достаточно трёх якорей. Z — это до нижней октавы, Q — до верхней, I — самая высокая нота на клавиатуре. Остальные клавиши лежат по порядку, а чёрные всегда между «соседями» из буквенного ряда. Через пару дней руки находят ноты сами — ровно как при слепой печати.

Три мелодии для разминки с буквенной записью

Над клавиатурой есть три демо-мелодии: кнопка играет их сама и подсвечивает клавиши — ваша задача повторить по подсветке. Читать буквенную запись просто: дефис между слогами означает обычный шаг мелодии, вертикальная черта — границу фразы, а ноты со знаком «♯» — это чёрные клавиши, которые стоят правее соответствующей белой. Вот все три мелодии целиком:

1. «Ода к радости» (Бетховен, до мажор): ми-ми-фа-соль | соль-фа-ми-ре | до-до-ре-ми | ми-ре-ре | ми-ми-фа-соль | соль-фа-ми-ре | до-до-ре-ми | ре-до-до. Идеальная первая мелодия: только белые клавиши, дыхание по четыре такта.
2. «В траве сидел кузнечик»: до-до-ми-ми-соль-соль-ми | ре-ре-фа-фа-ля-ля-фа | ми-ми-ре-ре-до-до-ре | соль-соль-фа-фа-ми-ми-до. Прыгучий ритм отлично тренирует переключение между соседними и «дальними» клавишами.
3. «К Элизе» (фрагмент, Бетховен): ми-ре♯-ми-ре♯-ми-си-ре-до-ля — пауза — до-ми-ля-си — ми-соль♯-си-до — ми. Первое появление чёрных клавиш (ре♯ и соль♯) — и сразу понятно, зачем они нужны: без них мелодия «проваливается».

Совет: сначала играйте мелодию одной правой рукой по буквам, потом включите демо и играйте «вслед» за подсветкой — так проще уловить темп. Когда пьеса выучена, включите ровный пульс в онлайн-метрономе на 80–90 BPM и сыграйте под него: разница между «примерно» и «ровно» слышна сразу. Если мелодия «не ложится» на ровный пульс — не мучайтесь: значит, у неё сложный свободный ритм, и это тоже полезное открытие для уха.

Как устроен звук: немного о WebAudio

Внутри страницы нет ни одного аудиофайла — это компактный синтезатор онлайн, бесплатно живущий прямо в браузере. За звук отвечает WebAudio: на каждое нажатие создаются три осциллятора (треугольная волна плюс две синусоиды — основной тон и октавный призвук), а огибающая громкости задаёт характер: быстрый подъём за 10 миллисекунд, короткая поддержка, затем затухание. Тумблер «пролонгация» просто растягивает финальную фазу — нота звучит дольше и «дышит», как при нажатой педали.

Высота звука задаётся MIDI-номером клавиши: до первой октавы — номер 60 и частота 261,63 Гц, ля той же октавы — 69 и ровно 440 Гц (эталон настройки). Каждая соседняя клавиша меняет частоту в 2 в степени 1/12 раз — отсюда двенадцать полутонов на октаву и удвоение частоты через каждые двенадцать шагов. Звук выводится через общий узел громкости, поэтому слайдер меняет силу сразу всех клавиш, а не каждой по отдельности.

Отсюда же — важное практическое следствие: звук синтезируется, а не проигрывается с диска, поэтому задержка между касанием и нотой минимальна, и ничего не нужно скачивать. Такой же принцип — «звук рождается в браузере» — используют и другие интерактивы на сайте: от пузырьков до метронома.

И про аккорды: каждая нота — это свой комплект осцилляторов со своей огибающей, поэтому клавиши не мешают друг другу. Нажали три буквы — звучат три независимых голоса, как у многоголосого синтезатора. Именно поэтому «до-ми-соль» на виртуальном пианино слышен как аккорд, а не как каша: голоса не складываются в один канал с потерей высоты, каждый проходит через общий узел громкости параллельно.

Онлайн пианино с записью мелодии: зачем слушать себя

Кнопка «Записать» включает копирование каждой нажатой ноты с точным временем. Остановили — и запись легла в список сессии: сколько нот, сколько секунд, кнопки «Прослушать» и «Удалить». Воспроизведение повторяет не только ноты, но и ваш ритм с точностью до миллисекунд — вместе с подсветкой клавиш, так что запись работает и как самоучитель: записали фигуру — слушайте и повторяйте.

Зачем это нужно? Слух развивается через сравнение. Вы играете пассаж «в живую» — кажется, отлично. Прослушали запись — и услышали, что третий такт спешит, а аккорд в конце вялый. Это тот же приём, которым пользуются педагоги и подкастеры: запись не льстит. Три-четыре цикла «записал — послушал — поправил» дают больше, чем полчаса механического повторения.

Список записей живёт в памяти страницы: перезагрузите вкладку — список очистится. Это сделано намеренно, чтобы ничего не сохранялось без вашего ведома. Нужна постоянная версия — запишите музыку на телефон с диктофоном рядом, а черновики держите в сессии.

Есть и приятный лайфхак для прогресса: раз в неделю записывайте одну и ту же гамму или фразу в одинаковых условиях. Две-три записи через неделю сравниваются ушами мгновенно: ровность растет на глазах, и это лучший мотиватор — дело не в таланте, а в накопленных повторениях.

Первое занятие на виртуальном пианино: план на 15 минут

Чтобы не превратить знакомство в беспорядочное нажимание, держите короткий план. Он подходит и взрослым, и детям — главное, играть без спешки и вслух называть ноты.

1. Две минуты — знакомство. Нажмите каждую белую клавишу по порядку от Z до I и проговорите названия: до, ре, ми… Так руки запоминают геометрию быстрее, чем глаза.
2. Три минуты — гамма до-мажор. Z X C V B N M Q — вверх и вниз. Сначала медленно, потом ровно: одинаковые промежутки между нотами важнее скорости.
3. Три минуты — аккорды. Возьмите до-мажор (Z, C, B одновременно), затем ля-минор (N, Q, E), фа-мажор (V, N, Q) и соль-мажор (B, M, W). По очереди — уже звучит гармония, как в песне.
4. Пять минут — мелодия. Включите «Оду к радости» из демо и повторяйте по подсветке. Не получилось с первого раза — это нормально: подсветка терпеливая.
5. Две минуты — запись. Нажмите «Записать», сыграйте гамму, прослушайте. Услышанные неровности — план на завтра.

Через несколько таких подходов сыгранная сотня нот случится сама, а вместе с ней — ачивка и конфетти. Дальше подключайте метроном, повышайте темп и пробуйте левую руку: бас Z или V под мелодией правой — первый шаг к настоящему аккомпанементу.

Честно об ограничениях: когда нужно настоящее пианино

• Задержка. Веб-синтезатор отзывчив, но браузер и драйверы добавают миллисекунды, которых у настоящего инструмента нет. Для проверки мелодий и учёбы — незаметно, для виртуозных этюдов на 180 BPM — уже чувствуется.
• Звук. Три осциллятора дают чистое «электропианино», а не тембр рояля: нет ни резонанса деки, ни обертонов молоточка. Для теории, подбора и разминки — хватает.
• Клавиши. У настоящего фортепиано — вес и сопротивление, от которых зависит техника пальцев. Клавиатура компьютера тренирует координацию, но не силу пальцев.
• Две октавы. Диапазон ограничен: сложные произведения с широким басом не развернуть. Зато компактность — это и плюс: клавиши всегда с вами.

Когда переходить на настоящий инструмент? Как только решите заниматься всерьёз: техника постановки рук ставится только на живых клавишах с педагогом. Виртуальное пианино — черновик и блокнот: проверить, подобрать, запомнить, размяться. Настоящее — чистовик. Сочетание «блокнот всегда в кармане + раз в неделю чистовик» работает лучше, чем редкие визиты в музыкальную школу без домашней практики.

Что ещё посмотреть на «Залипни»: расставьте сессию занятий по времени через калькулятор сна, выберите настроение для плейлиста колесом — колесо фортуны отлично решает спор «гаммы или импровизация», придумайте псевдоним для публикаций в генераторе имён, подберите красивый шрифт для обложки своего первого трека, а когда выбор даётся тяжело — спросите гадание «да/нет», оно честно отправит думать головой. Начните прямо сейчас: нажмите любую букву нижнего ряда — и первая нота прозвучит.