Точный клик без «плавания» темпа, акцент на первую долю такта, tap-tempo для тех, кто не помнит цифру BPM. Работает в браузере на компьютере и телефоне — без установки и регистрации.

Обычный самодельный метроном на JavaScript обычно построен на setInterval — таймере, который браузер может сдвинуть на десятки миллисекунд под нагрузкой. На слух это звучит как «метроном плывёт»: темп то ускоряется, то замедляется сам по себе. Здесь клик рассчитывается через Web Audio API — каждый следующий удар планируется заранее по внутренним часам аудио-движка, а не по таймеру интерфейса, поэтому темп остаётся стабильным даже если вкладка на секунду подвисла.
Акцент на первую долю такта (более высокий и громкий клик) помогает не терять счёт внутри длинных пассажей, а размеры 2/4, 3/4, 4/4 и 6/8 покрывают большинство репертуара — от простого рока до вальса и баллад с трёхдольным ощущением.
Если в нотах указано словесное обозначение темпа вместо цифры BPM, ориентируйтесь на диапазоны ниже — это стандартные итальянские темповые обозначения:
| Обозначение | BPM | Ощущение |
|---|---|---|
| Largo | 40–60 | очень медленно, торжественно |
| Adagio | 66–76 | медленно, певуче |
| Andante | 76–108 | спокойным шагом |
| Moderato | 108–120 | умеренно |
| Allegro | 120–156 | быстро, живо |
| Vivace | 156–176 | очень быстро |
| Presto | 168–200 | стремительно |
| Стиль | BPM |
|---|---|
| Баллада | 60–80 |
| Хип-хоп | 80–100 |
| Поп | 100–130 |
| Рок | 110–140 |
| Хаус / EDM | 120–130 |
| Панк | 150–200 |
| Метал (даблкик) | 160–220 |
| Драм-н-бейс | 160–180 |
Главная ошибка — сразу гонять сложный пассаж на целевом темпе. Рабочая схема прогрессии:
Подробный разбор этой схемы на примере гитарных свипов — в статье «Как разгонять свипы метрономом, не теряя чистоту».
setInterval, который не гарантирует точное время срабатывания. Здесь клики планируются заранее через Web Audio API, поэтому темп стабилен даже при загруженном браузере.Хотите разгонять темп не вручную, а по расписанию? Загляните в темп-трейнер — сам поднимает BPM каждые N тактов по схеме из этой статьи.
Открыть темп-трейнерНужна не просто ровная доля, а полноценный ритм-рисунок с бочкой, снейром и хэтом? Попробуйте драм-машину — 5 жанровых пресетов и сохранение своих схем.
Открыть драм-машину