Метроном і тюнер для вашого сайту
Щоб вбудувати метроном на сайт, виберіть параметри нижче, натисніть «Копіювати код» і вставте код у HTML-блок на сторінці. Тюнер працює так само. Це безкоштовно, без реєстрації, а віджет не показує реклами.
Створіть свій віджет
Попередній перегляд
Посилання під віджетом веде на MetronoTuner. Його можна прибрати, але воно допомагає підтримувати безкоштовність проєкту.
Як додати на свій сайт
Скопіюйте код у конструкторі вище й вставте його на своїй платформі:
WordPress
- Відкрийте сторінку або запис у редакторі.
- Натисніть + і виберіть блок «Власний HTML».
- Вставте код і опублікуйте.
Wix
- У редакторі натисніть «Додати елементи» (+) › «Вбудувати код» › «Вбудувати HTML».
- Виберіть «Код», вставте його й натисніть «Оновити».
- Змінюйте розмір рамки, доки весь віджет не вміститься.
Blogger
- У редакторі допису перемкніться на «Режим HTML».
- Вставте код там, де має з’явитися віджет, і поверніться до звичайного режиму.
- Для бічної панелі: «Макет» › «Додати гаджет» › «HTML/JavaScript».
Notion
- Тут натисніть «Копіювати лише адресу» (Notion не приймає HTML-код).
- На сторінці Notion введіть /embed і виберіть «Embed».
- Вставте адресу й підтвердьте.
HTML
- Вставте код усередині <body>, у тому місці, де має з’явитися віджет.
- Віджет займає всю доступну ширину, але не більше за максимум, указаний у коді.
Якщо ви хочете редагувати код
Адреса віджета приймає такі параметри, однакові в усіх мовах (назви й значення лишаються саме такими, без перекладу):
-
bpm - Темп метронома, від 30 до 250. Приклад:
bpm=90 -
compasso - Розмір такту та групування акцентів. Приклад:
compasso=7/8:2+2+3 -
instrumento - Інструмент тюнера (без нього тюнер хроматичний). Приклад:
instrumento=ukulele -
afinacao - Стрій інструмента (без нього — стандартний). Приклад:
afinacao=drop-d -
tema - claro (світла), escuro (темна) або auto (за налаштуванням пристрою). Приклад:
tema=escuro -
tamanho - compacto показує лише найнеобхідніше. Приклад:
tamanho=compacto -
fundo - transparente дає змогу проглядати фон вашого сайту. Приклад:
fundo=transparente
Повні інструменти
Поширені запитання
Віджет безкоштовний?
Так. Його може використовувати будь-який сайт: блог, сайт викладача, школа чи гурт. Віджет не показує реклами й не потребує облікового запису.
Він працює на телефонах?
Так. Віджет підлаштовується під ширину екрана й працює в браузерах на телефоні, планшеті та комп’ютері.
Чи потрібна реєстрація?
Ні. Просто скопіюйте код і вставте його на свій сайт: без облікового запису, без ключа, без входу.
Чи працює мікрофон усередині віджета?
Так, у тюнері. Код уже містить allow="microphone", що вмикає мікрофон усередині iframe, а під час першого запуску браузер запитує дозвіл у відвідувача. Звук аналізується на пристрої, його ніколи не записують і не надсилають. Ваш сайт має працювати через HTTPS; на платформах, які обгортають код в іншу рамку, як-от Wix і Notion, браузер може заблокувати мікрофон.
Чи можна змінити кольори?
Можна вибрати світлу чи темну тему або автоматичну, що відповідає пристрою відвідувача, а також зробити фон прозорим, щоб віджет зливався з вашим сайтом. Кольори кнопок — від MetronoTuner.
Чи сповільнить віджет мій сайт?
Ні. Код використовує loading="lazy": віджет завантажується лише тоді, коли наближається до екрана. Аналіз звуку та мікрофона відбувається на пристрої відвідувача.