Робот-певец: свой вокалоид в браузере

Пиши слоги, ставь ноты на пианино-ролле — и нарисованная певица споёт твою мелодию синтезированным голосом. Как первые вокалоиды, только в браузере.

Что получится

Это миссия для платного аккаунта Gemini (Google AI Pro): сильная модель надёжнее пишет код синтеза звука. Голос будет роботизированным — так звучали первые синтезаторы пения. Промпт проверен 3 раза из 3.

Шаги

Открой gemini.google.com на аккаунте родителя с Google AI Pro и выбери самую сильную модель (у нас это была Argon).

Скопируй промпт целиком и отправь:

Сделай синтезатор пения, похожий на вокалоид, в одном HTML-файле. Не подключай ничего из интернета: никакого Tailwind, CDN, шрифтов, картинок и библиотек — только свой CSS и JavaScript внутри файла. Не сохраняй ничего в памяти браузера. Голос делай через Web Audio формантным синтезом: пилообразный осциллятор с лёгким вибрато проходит через три полосовых фильтра с частотами формант для гласных а, о, у, и, э; согласные — короткий шум перед гласной. Сверху пианино-ролл на 2 октавы и 16 шагов: тапом ставлю ноту, у каждой ноты поле для слога (например «ла», «ми»). Кнопки: Играть, Стоп, Очистить, Пример (своя мощная мелодия в стиле стадионного поп-рока, как у Imagine Dragons: ритмичные «оу-оу» и «эй», сильный припев; не копируй чужие песни, сочини свою). Ползунки: темп, высота голоса, вибрато. Звук включается только после нажатия Играть. Снизу нарисуй на canvas аниме-певицу: рот открывается по форме текущей гласной, подсвечивается текущая нота. Проверь, что все переменные объявлены. Всё должно хорошо выглядеть на телефоне. Покажи результат в Canvas.

Подожди около минуты, нажми Предпросмотр (Preview), затем Пример и Играть.
Проверь ИИ (вопрос ниже).
Сочини свою песню и нажми Скачать (Download; иногда это меню Экспортировать) — файл откроется в любом браузере.

Поменяй промпт

Меняй только слова, а правила про интернет и Canvas оставь.

«аниме-певицу» → «робота-певца с антеннами»
«как у Imagine Dragons» → любимая группа или стиль: «как в K-pop», «как в рэпе»

Если не получается

Нет звука? Напиши: Звука нет после нажатия Играть. Найди и исправь ошибку в Web Audio.
Голос просто гудит? Напиши: Гласные звучат одинаково. Сделай форманты для а, о, у, и, э сильнее различающимися.
Нет кнопки «Предпросмотр» (Preview)? Напиши: Покажи результат в Canvas.