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

Піаніно у вашому браузері

Це віртуальне піаніно дає вам клавіатуру діапазоном у дві октави й терцію — 29 клавіш від C до E — просто в браузері. Грати можна мишею, одним або кількома пальцями на сенсорному екрані чи на клавіатурі комп'ютера, причому на кожній клавіші на екрані підписано її гарячу клавішу. Це зручно, щоб перевірити мелодію, яка крутиться в голові, знайти першу ноту пісні, підібрати акорди, повправлятися в простих п'єсах, коли поруч немає справжнього інструмента, або просто розважитися.

Кнопки октави зсувають усю клавіатуру на дванадцять півтонів угору чи вниз, тож загальний діапазон охоплює звуки від C1 до E7. Поточний діапазон показано між кнопками, а на клавішах C вказано номер октави (до першої октави — це C4). Перемикач сустейну працює як права педаль акустичного фортепіано: ноти продовжують звучати й накладаються одна на одну, а повзунок гучності задає загальний рівень.

Як створюється звук

Нічого не завантажується і не транслюється: кожна нота синтезується на льоту за допомогою Web Audio API. Осцилятор трикутної хвилі формує основу тембру, а тихіша синусоїда на октаву вище додає яскравості. Обвідна підсилення надає кожній ноті швидку атаку з поступовим згасанням, подібно до вдареної струни, а компресор на виході не дає гучним акордам спотворюватися. Оскільки звуковий рушій створюється лише після першого натискання клавіші, сторінка залишається легкою та відповідає правилам автовідтворення браузерів.

Гра на клавіатурі комп'ютера

Розкладка повторює піаніно: нижній ряд літер (від Z до M) — це білі клавіші нижньої октави, а ряд над ним (S, D, G, H, J) відповідає за чорні клавіші. Верхній ряд літер від Q до U — наступна октава, де цифрові клавіші 2, 3, 5, 6 і 7 грають дієзи та бемолі, а I, 9, O, 0 і P доходять до верхньої межі клавіатури. Клавіші розпізнаються за їхнім фізичним розташуванням, тому розкладка однаково працює на клавіатурах QWERTY, AZERTY і QWERTZ. Утримуйте кілька клавіш одночасно, щоб грати акорди.