Виртуальное пианино

Виртуальное пианино превращает экран в настоящую клавиатуру, на которой можно играть мышью, сенсорным экраном или клавиатурой компьютера. Не нужны ни приложения, ни плагины, ни регистрация. Каждая нота генерируется в браузере с помощью Web Audio API, поэтому вы можете мгновенно переключаться между роялем, электропианино, органом и синтезатором, удерживать педаль сустейна, менять октавы и даже записывать игру и слушать её обратно. Кроме того, встроенный гид по песням с падающими нотами позволяет смотреть, как популярные мелодии играются сами, или разучивать их по одной подсвеченной клавише, как это делают такие приложения, как Synthesia.

Как играть на виртуальном пианино

1. Сыграйте ноту: нажмите или коснитесь любой клавиши либо нажмите соответствующую букву на клавиатуре компьютера. Каждая клавиша подписана буквой, которая её играет.
2. Выберите звучание: выберите тембр: Рояль, Электропиано, Орган или Синтезатор, а затем настройте громкость.
3. Дотянитесь до других клавиш: используйте кнопки октавы − / + (или клавиши Z и X), чтобы сдвинуть сопоставление клавиатуры ниже или выше.
4. Удерживайте ноты: включите педаль сустейна или удерживайте пробел, чтобы ноты звучали дольше и аккорды сливались.
5. Разучите песню: выберите песню, включите режим «Смотреть» или «Учить» и следите за падающими нотами.
6. Запишите: нажмите «Запись», сыграйте мелодию, нажмите «Стоп», а затем «Играть», чтобы её послушать.

Сопоставление клавиш клавиатуры компьютера

Виртуальное пианино сопоставляет клавиатуру компьютера с экранными клавишами, чтобы можно было играть быстро, двумя руками, без MIDI-контроллера. Белые клавиши расположены в домашнем ряду, а чёрные (диезы и бемоли) в ряду над ним, как на настоящем пианино.

Режимы «Смотреть» и «Учить»: падающие ноты

Над клавиатурой находится дорожка нот. Когда вы запускаете песню, цветные полоски нот падают сверху и касаются светящейся линии ровно в тот момент, когда нужно сыграть ноту, так что вы можете видеть музыку, а не только слышать её.

• 👀 Режим «Смотреть» играет всю песню за вас, подсвечивая каждую клавишу, когда до неё доходит падающая нота. Это удобно, чтобы услышать мелодию и увидеть аппликатуру.
• 🎯 Режим «Учить» останавливается на каждой ноте и подсвечивает клавишу, которую нужно нажать. Он ждёт вас, так что вы можете учиться в своём темпе и закреплять движения по одной ноте.

Во встроенный набор входят Twinkle Twinkle Little Star, Ода к радости, Happy Birthday, Jingle Bells, Für Elise и Mary Had a Little Lamb. Все это мелодии, которые находятся в общественном достоянии. Их выбрали, потому что они просты для новичков и легко узнаются.

Тембры инструментов

Вместо воспроизведения семплов виртуальное пианино синтезирует каждый звук в реальном времени, складывая гармоники и формируя их огибающей громкости:

• 🎹 Рояль — теплый ударный звук, который естественно затихает после каждого удара.
• 🎸 Электропиано — мягкий колокольный тембр в стиле Rhodes.
• 🎛️ Орган — протяжный звук в духе органа с drawbar-регистрами, который звучит, пока вы удерживаете клавишу.
• 🌈 Синтезатор — яркий пилообразный лид для мелодий и риффов.

Запись вашей игры

Встроенный рекордер сохраняет каждую ноту, которую вы играете, вместе с её точным темпом и длительностью. Нажмите «Запись», играйте свободно мышью, сенсорным экраном или клавиатурой, а затем нажмите «Стоп». Нажмите «Играть», чтобы услышать запись в точности так, как вы её сыграли. Всё хранится на вашем устройстве, ничего не загружается на сервер, поэтому можно экспериментировать и одним нажатием очистить запись, когда хотите начать заново.

Советы для начинающих

• Начните в режиме «Учить» с Twinkle Twinkle или Mary Had a Little Lamb: в них используются только белые клавиши.
• Включите подписи нот (кнопка подписей переключает режимы «Клавиши» → «Ноты» → «Выкл.»), чтобы запомнить, где находятся C, D, E и остальные.
• Используйте педаль сустейна, чтобы плавно связывать ноты и делать простые мелодии звучнее.
• На телефоне или планшете поверните устройство в альбомную ориентацию, чтобы клавиатура была шире, и проводите по клавишам, чтобы прокручивать весь диапазон в две октавы.

Часто задаваемые вопросы

Как играть на виртуальном пианино с клавиатуры?

Каждая экранная клавиша показывает клавишу компьютера, которая её играет. Белые клавиши сопоставлены с A S D F G H J K L и точкой с запятой, а чёрные с W E T Y U O P. Используйте кнопки октав или клавиши Z и X, чтобы сдвинуть сопоставление ниже или выше, и удерживайте пробел, чтобы включить педаль сустейна.

Можно ли записать то, что я играю?

Да. Нажмите кнопку «Запись», сыграйте мелодию мышью, сенсорным экраном или клавиатурой, а затем нажмите «Стоп». Нажмите «Играть», чтобы услышать запись в точности так, как вы играли, включая темп и длительность нот, или нажмите «Скачать аудио», чтобы сохранить её как аудиофайл. Всё остаётся в вашем браузере, ничего не загружается на сервер.

Как научиться играть песню на пианино?

Выберите встроенную песню, например «Оду к радости» или «Für Elise», а затем режим. Режим «Смотреть» играет песню за вас, пока падающие ноты подсвечивают клавиши, как в Synthesia или пианино-плитках. Режим «Учить» ждёт, пока вы нажмёте каждую подсвеченную клавишу, прежде чем перейти дальше, так что вы можете учиться в своём темпе.

Нужно ли что-то скачивать или устанавливать?

Нет. Виртуальное пианино работает полностью в веб-браузере с помощью Web Audio API. Не нужны ни загрузки, ни плагины, ни регистрация. Оно работает на компьютере, ноутбуке, планшете и телефоне. Звук генерируется в реальном времени, а не загружается из аудиофайлов.

Какие инструменты может имитировать виртуальное пианино?

Можно переключаться между четырьмя синтезированными тембрами: роялем с естественным ударным затуханием, электропианино, протяжным органом и ярким синтезаторным лидом. Каждый тембр генерируется в реальном времени, так что вы можете мгновенно сменить инструмент во время игры.

Почему нет звука?

Браузеры разрешают воспроизведение звука только после взаимодействия со страницей, поэтому нажмите или коснитесь клавиши один раз, чтобы включить звук. Также проверьте, не выключен ли звук на устройстве и не убран ли ползунок громкости. Пианино лучше всего работает в актуальной версии Chrome, Edge, Safari или Firefox.

Дополнительные ресурсы

• Фортепиано — Википедия
• Музыкальная клавиатура — Википедия
• Web Audio API — MDN