Развлечения

Онлайн-пианино: играйте мышью или клавиатурой

Коротко

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

Инструмент

Диапазон: C4 – B5
70

Последняя нота: —

Нижняя нота диапазона — C4, её частота 261,6 Гц. Играйте мышью, пальцем или клавиатурой компьютера: привязка идёт по физической клавише, поэтому раскладка ЙЦУКЕН или QWERTY не важна.

Как читать раскладку

Белые клавиши подписаны названием ноты (C4, D4, E4) и русским именем ступени (До, Ре, Ми), сверху стоит буква компьютерной клавиши. Чёрные клавиши подписаны только буквой: их две-три в группе, и по расположению они читаются быстрее, чем по названию. Нижняя нота диапазона и её частота выведены под клавиатурой.

Что сыграть первым

Проще всего начать с гаммы: Z X C V B N M — до-ре-ми-фа-соль-ля-си нижней октавы, дальше Q W E R T Y U повторяют её на октаву выше. Первый аккорд — Z C B (до-ми-соль). Мелодии вроде «В траве сидел кузнечик» ложатся на эту раскладку целиком, а метроном рядом поможет держать ровный темп.

Почему звук синтезируется, а не берётся из сэмплов

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

Покрываемые вопросы

На этой странице также отвечаем на вопросы: «пианино онлайн», «виртуальное пианино», «играть на пианино онлайн», «пианино с клавиатуры компьютера», «онлайн фортепиано», «пианино по клавишам», «пианино две октавы».

Как считаем

Частота ноты = 440 × 2^((n − 69) ÷ 12), где n — номер ноты по системе MIDI: C4 = 60, A4 = 69. Полутон — множитель 2^(1/12) ≈ 1,0595, октава — ровно удвоение частоты: C5 ровно вдвое выше C4. Диапазон клавиатуры — две октавы от выбранной нижней C, то есть 24 полутона.

Ограничения и допущения

  • Настройка равномерная темперация с опорой A4 = 440 Гц — это стандарт концертной настройки. Если инструмент настроен по другой опоре (например 432 Гц), частоты будут отличаться на 0,3 %.
  • Звук синтезируется осцилляторами: основной тон плюс четыре обертона с затуханием. Это не сэмпл рояля — тембр условный, зато страница весит десятки килобайт, а не десятки мегабайт.
  • Слышимый диапазон ограничен возможностями устройства вывода: на ноутбучном динамике ноты ниже C3 звучат тише и глуше, чем в наушниках.
  • Клавиши привязаны по event.code, то есть по физическому положению. Раскладка языка на игру не влияет.
Полная методика, шаги и источники

Готовые ответы

Частые вопросы

как играть на пианино онлайн с клавиатуры компьютера
Нижний ряд Z X C V B N M — белые ноты нижней октавы, на ряд выше S D G H J — её чёрные клавиши. Верхняя октава: Q W E R T Y U для белых и цифры 2 3 5 6 7 для чёрных. Привязка идёт по физической клавише (event.code), поэтому включённая раскладка ЙЦУКЕН или QWERTY игре не мешает.
почему нет звука
Браузеры не разрешают воспроизведение до действия пользователя, поэтому AudioContext создаётся при первом нажатии на клавишу или на кнопку «Включить звук». Если звука нет и после этого, проверьте громкость системы и вкладку: браузер мог заглушить её автоматически. Если Web Audio недоступен, страница напишет об этом прямо — играть можно, но без звука.
сколько октав в этом пианино
На экране две октавы — 24 полутона, 14 белых клавиш и 10 чёрных. Кнопками «− октава» и «+ октава» диапазон сдвигается от C1 до B7, то есть охватывает и бас, и верх. Сдвиг меняет подписи нот и частоты, а раскладка клавиш остаётся той же.
какой звук у пианино и можно ли его поменять
Звук синтезируется в браузере: основной тон плюс четыре обертона, у каждого своя огибающая — быстрая атака и длинное затухание. Сэмплов рояля здесь нет, поэтому тембр ближе к электронному пианино. Меняется громкость ползунком; выбор инструментов и запись мелодии — не в этой версии.
что такое частоты рядом с нотами
Это частота ноты в герцах по равномерной темперации с опорой A4 = 440 Гц. C4 — 261,6 Гц, A4 — 440 Гц, C5 ровно вдвое выше C4. Таблица частот есть на отдельной странице — она пригодится, если нужно настроить инструмент или сверить с генератором тона.
сохраняется ли то, что я играю
Нет. Инструмент не пишет звук и не отправляет ни одного запроса: всё, что вы нажимаете, остаётся в браузере. В адрес страницы попадают только настройки — октава и громкость, — чтобы ссылкой можно было поделиться.

Ещё на сайте