Веб-сайты

Октава — студия в браузере

Пять инструментов, шаговый секвенсор и живая игра с клавиатуры. Готовую вещь можно сохранить на устройство файлом .wav — без регистрации и установки.

Год
2026
Роль
Автор проекта
  • HTML
  • CSS
  • JavaScript
  • Web Audio API

Открыть проект

/play/oktava/index.html

Нажмите несколько клеток и «Играть». Дорожки переключаются вкладками, клавиши внизу играют вживую — в том числе кнопками A, S, D, F на клавиатуре. Кнопка «Скачать .wav» сохранит получившееся на устройство.

Галерея

О проекте

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

Что внутри

  • Сведение в .wav целиком в браузере: OfflineAudioContext считает вещь быстрее реального времени, кодировщик формата умещается в двадцать строк без единой зависимости
  • Расписание нот идёт по часам звуковой карты, а не по таймерам — setTimeout плавает на десятки миллисекунд, и на слух это разъезжающийся ритм
  • Живая игра мышью или клавишами компьютера; с включённой записью сыгранное само встаёт в сетку, притянувшись к ближайшему шагу
  • Строй — минорная пентатоника: в ней почти нет фальшивых сочетаний, и человек без музыкального образования собирает что-то приятное с первого раза
  • Проект сохраняется отдельным файлом и открывается обратно; на сервер не уходит ничего