Бесплатные виджеты: метроном, гитарный тюнер и пианино для вашего сайта

У вас есть три виджета на выбор. Первый — это онлайн-метроном с диапазоном темпа от 20 до 300 BPM, функцией tap tempo и размерами 2/4, 3/4, 4/4, 5/4, 6/8 и 7/8. Первая доля отмечается щелчком частотой 1000 Hz. Для остальных используется частота 800 Hz. Благодаря этому вы или ученик можете определить начало такта, не полагаясь на счёт вслух.

Для упражнения на гитаре начните с темпа от 60 до 72 BPM. Для ритма русского рока в размере 2/4 сначала используйте метроном с одной нотой на каждый щелчок и только потом добавляйте синкопы. В упражнении на дворовые песни под гитару ученик может отметить четыре удара с помощью tap tempo и проверить, близок ли пульс к темпу, который он собирается разучивать.

Второй виджет — это онлайн-тюнер для гитары со стандартным строем E2, A2, D3, G3, B3 и E4. Он использует микрофон устройства посетителя страницы. Статус настройки «строю» определяется для диапазона ±5 cents, однако результат зависит от микрофона, окружающей обстановки, громкости инструмента и способа извлечения звука. Аудио анализируется прямо в браузере и никуда не отправляется.

Тюнер не заменяет слух. Если показания колеблются, отодвиньте телефон от корпуса гитары, уменьшите окружающий шум и извлекайте звуки по одной струне. Подождите, пока нота стабилизируется, и только после этого поворачивайте колок. На гитарах с новыми струнами повторите проверку через несколько секунд, поскольку натяжение может измениться.

Третий виджет — это виртуальное пианино с двумя октавами. Если доступного места мало, оно показывает одну октаву. В виджете можно менять октаву, использовать sustain и играть с клавиатуры компьютера, когда виджет находится в фокусе. Это удобно для поиска нот, проверки интервалов и экспериментов с гармоническими идеями без открытия второй страницы.

С помощью пианино можно найти тонику тональности, сравнить большую и малую терции или попробовать такую последовательность, как I–V–vi–IV. На уроке по MPB это помогает ученику услышать функцию каждого аккорда, не воспроизводя текст или полную цифру защищённого авторским правом произведения.

Это доступные для встраивания инструменты. Здесь нет каталога песен, поиска ссылок, подключения к видео или отправки аудио. Если вы ищете другие инструменты для урока или статьи, откройте все инструменты Cantivy и выберите только то, что соответствует поставленной задаче.

Сначала выберите виджет на этой странице. Выберите инструмент, ширину и язык. Генератор покажет соответствующий код iframe. Скопируйте весь фрагмент, включая строку с указанием авторства, которая находится сразу под виджетом. Не изменяйте фиксированный адрес в коде и не удаляйте атрибут allow="microphone" у тюнера.

Затем откройте редактор страницы, на которую хотите добавить инструмент, и используйте в своей платформе блок пользовательского HTML или блок встраивания. Вставьте код в указанное поле и опубликуйте страницу либо обновите её. Некоторые бесплатные платформы не поддерживают iframe. В этом случае блок может быть удалён, заблокирован или отображён как текст.

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

Если виртуальное пианино не реагирует на клавиатуру, сначала щёлкните по виджету, а затем нажимайте клавиши. Если тюнер не показывает сигнал, проверьте разрешение на доступ к микрофону, громкость инструмента и использование HTTPS. Если блок отображается как текст, найдите на платформе опцию с названием «Пользовательский HTML», «Встроенный код» или «Embed».

Код указывает на фиксированный адрес Cantivy. Если в инструменте появятся улучшения, заменять уже вставленный фрагмент не нужно. Чтобы удалить виджет, достаточно стереть код со страницы и связанную с ним строку с указанием авторства. Содержимое вашего сайта при этом не изменяется.

Доступны четыре варианта ширины: 100%, 360 px, 560 px и 800 px. Вариант 100% адаптируется под экран и учитывает ограничение в 800 px. Выбирайте его, если страницу будут открывать ученики с разных телефонов и компьютеров. Фиксированные варианты удобны, когда вы формируете колонку, карточку упражнения или страницу с двумя областями, расположенными рядом.

Выберите 360 px для узкой колонки или страницы, в первую очередь рассчитанной на мобильные устройства. Используйте 560 px на уроке, где рядом с инструментом или под ним размещён текст. Оставьте 800 px для страницы с материалами, на которой виджет занимает почти всю ширину. Если вы не знаете, какой вариант выбрать, начните со 100% и проверьте отображение на экране шириной примерно 360 px.

Высота уже рассчитана для каждого инструмента. Поэтому не нужно угадывать значение или создавать полосу прокрутки внутри iframe. На узком экране пианино уменьшает диапазон до одной октавы. В метрономе и тюнере элементы управления подстраиваются под выбранное пространство.

Можно выбрать португальский, испанский, английский, индонезийский, французский, немецкий, итальянский, русский, турецкий или польский язык. Выбирайте язык с учётом аудитории конкретной страницы. Преподаватель, который ведёт занятия на португальском, может оставить элементы управления на этом языке, даже если делится упражнением с учеником, живущим за пределами Бразилии.

Расположение виджета влияет на удобство работы. Разместите метроном рядом с обозначением счёта упражнения. Поставьте тюнер рядом с объяснением о шести струнах. Разместите пианино рядом с разбором интервала или последовательности I–V–vi–IV. На длинной странице поместите перед инструментом короткое введение, а сразу после него — инструкции по практике.

Для учебной карточки удобно использовать такой порядок: цель упражнения, инструмент, темп или тональность, количество повторений и критерий перехода дальше. Например: «Сыграйте гамму в темпе 60 BPM четыре раза. Повышайте до 64 BPM только в том случае, если не будет остановок». Такая структура сразу задаёт ученику действие и чёткое ограничение.

Тюнеру нужно слышать звук через микрофон устройства посетителя страницы. В коде уже есть allow="microphone". Без этого атрибута браузер блокирует доступ к микрофону внутри виджета. Сайт, на котором размещён тюнер, также должен использовать HTTPS. На странице без защищённого соединения браузер не разрешит эту функцию.

При первой попытке браузер может показать запрос разрешения. Пользователю нужно разрешить доступ к микрофону, чтобы настроить гитару. Если он откажет, остальная часть страницы останется доступной, но тюнер не будет получать сигнал. Также полезно закрыть приложения, которые используют микрофон, и извлекать по одной струне за раз, расположив инструмент рядом с устройством.

На мобильном телефоне расположите устройство примерно в 20–50 сантиметрах от гитары. Не прижимайте телефон к корпусу инструмента. На компьютере используйте микрофон, выбранный браузером, и уменьшите источники шума поблизости — например, телевизор, вентилятор или другого играющего человека.

Звук анализируется непосредственно в браузере и никуда не отправляется. Тем не менее результат не заменяет лабораторное измерение. Тюнер зависит от микрофона телефона, планшета или компьютера, от шума окружающей среды и от того, как извлекается звук из струны. Чтобы показания стали стабильными, дождитесь, пока нота перестанет колебаться, и внесите небольшие поправки с помощью колка.

Определённая высота звука является приблизительной. В шумной обстановке тюнер может принять одну ноту за другую или показывать нестабильные значения. Если показание выглядит как нота на октаву выше или ниже, проверьте выбранную струну и сыграйте ещё раз. Показания для открытой струны не следует считать точным измерением на любом устройстве.

Объясните это ученику до начала упражнения. На онлайн-уроке попросите его проверить, отображается ли в браузере значок защищённого соединения, разрешить доступ к микрофону и по отдельности сыграть ноты E2 (ми), A2 (ля), D3 (ре), G3 (соль), B3 (си) и E4 (ми). Если возникнут вопросы о данных и разрешениях, ознакомьтесь с политикой конфиденциальности.

Простое упражнение начинается с темпа от 60 до 72 BPM. Попросите ученика играть одну ноту на каждый щелчок в течение четырёх тактов. Затем смените размер на 3/4 и попросите его делать три атаки на такт. Щелчок частотой 1000 Hz на первую долю помогает почувствовать, где начинается новый цикл. Для упражнения в стиле русского рока можно взять размер 2/4 и попросить правую руку удерживать пульсацию, прежде чем добавить синкопу.

Чтобы превратить это в десятиминутное задание, используйте три блока. В первом ученик играет четыре такта, исполняя одну ноту на каждый щелчок. Во втором повторяет тот же рисунок в размере 3/4. В третьем сохраняет пульсацию и добавляет смену аккорда каждые четыре такта. Запишите начальный и конечный темп, чтобы сравнить результаты на следующем уроке.

Функция tap tempo помогает приблизительно определить темп песни, которую ученик уже знает. Он может четыре раза отбить пульс авторской песни или поп-композиции и проверить показанное число. Затем настройте BPM на комфортное значение. Если исполнение начинает сбиваться, уменьшите темп на 8–12 BPM. Когда оно станет стабильным, повышайте темп по 4 BPM.

Темп, определённый с помощью tap tempo, служит ориентиром. Четыре удара могут дать половину или удвоенное значение нужного BPM, особенно если ученик отмечает только одну сторону пульса. Сравните число с ощущением размера и скорректируйте его одним касанием перед началом упражнения.

Фортепиано помогает в упражнениях на слух и поиск нот. Попросите ученика найти тонику, большую терцию и квинту в пределах одной октавы. На уроке, посвящённом MPB, можно сравнить движение I–V–vi–IV, не записывая полную последовательность аккордов защищённого произведения. Затем ученик играет каждый аккорд на фортепиано и определяет, является ли терция большой или малой.

Можно также построить упражнение в стиле gospel из четырёх этапов: найти тонику, сыграть квинту, чередовать большую и малую терцию и повторить последовательность в другой октаве. В репертуаре sertanejo используйте фортепиано, чтобы сравнить бас тоники с басом квинты. В pagode попросите ученика держать метроном на размере 2/4, определяя самую низкую ноту каждого аккорда.

На уроках игры на гитаре объедините три виджета. Сначала ученик использует тюнер, чтобы проверить все шесть струн. Затем устанавливает на метрономе 70 BPM и играет простой ритмический рисунок. Наконец, на фортепиано находит ноты гаммы или басовые ноты последовательности аккордов. Такая последовательность разделяет настройку, чувство времени и гармонический слух — три задачи, которые часто смешиваются, когда ученик только начинает играть.

Внутри виджета нет рекламы, счётчика посещений, cookie-файлов или сторонних скриптов. Он загружает только страницу инструмента, шрифт и скрипт cantivy.com. Благодаря этому зона для занятий остаётся сосредоточенной на элементах управления метрономом, тюнером или пианино.

Ученику не нужно создавать учётную запись, указывать адрес электронной почты или вводить ключ. Преподавателю также не требуется вести список пользователей. Достаточно открыть опубликованную страницу и воспользоваться инструментом. В тюнере единственное специальное разрешение — доступ к микрофону, который браузер запрашивает для анализа звука непосредственно на устройстве.

Виджет не обещает работу без интернета. Он запускается в браузере при открытой странице и должен загрузить ресурсы Cantivy. Доступность также зависит от соединения и правил платформы, на которую вы вставили код. Если блок не отображается, проверьте, поддерживает ли платформа iframe, правильно ли опубликован адрес страницы и не заблокировала ли встроенное содержимое какая-либо политика безопасности.

Если цель — предложить инструмент для занятий, опишите задание прямо на странице. Укажите темп, размер, количество повторений и то, что ученик должен услышать. Не представляйте виджет как сервис поиска, хранения или обработки музыки, поскольку он не выполняет этих функций.

Инструментом можно пользоваться бесплатно, без регистрации и ключа. Условие — сохранить указание «от Cantivy». Код уже содержит ссылку внутри виджета и строку текста сразу под ним. Это указание обозначает источник инструмента и должно оставаться видимым на опубликованной странице.

Не редактируйте фиксированный адрес iframe, чтобы скрыть указание, изменить источник или вставить собственные скрипты внутрь виджета. Вы можете выбрать ширину, язык и место размещения инструмента. В любой момент можно удалить всё, стерев код со страницы.

Если ваш редактор добавляет стили вокруг виджета, оставьте достаточно места для строки с указанием. В колонке шириной 360 px проверьте, что текст не обрезается. После публикации откройте страницу в режиме инкогнито или в другом браузере, чтобы проверить отображение для посетителя, который не вошёл в панель управления.

Код рассчитан на то, чтобы оставаться рабочим, пока адрес инструмента доступен. В виджет могут добавляться улучшения, и для этого вам не потребуется заменять встроенный фрагмент. Тем не менее проверяйте страницу после изменений в теме, редакторе или правилах безопасности платформы.

Полные правила доступны в условиях использования. Если код не загружается, указание отображается с ошибкой или вы столкнулись с ситуацией, которая здесь не описана, свяжитесь с нами и отправьте адрес страницы, на которой вы пытались встроить инструмент.

Вы можете разместить три музыкальных инструмента прямо на собственной странице: метроном, гитарный тюнер и виртуальное пианино. Ученик сможет заниматься, не переходя на другой сайт.

Главное — скопировать код, сгенерированный на этой странице, вставить его в блок пользовательского HTML или встраиваемого содержимого и проверить результат в режиме посетителя. Для первой публикации обычно достаточно выбрать ширину, язык и расположение виджета.

• Выберите виджет и настройте ширину, язык и инструмент перед копированием кода.
• Используйте HTTPS на сайте, где размещён тюнер, и сохраните allow="microphone" в iframe.
• Начинайте упражнения на чувство темпа с 60–72 BPM и повышайте скорость небольшими шагами.
• Используйте tap tempo как ориентир и проверьте, не отобразилось ли значение вдвое меньше или больше предполагаемого пульса.
• Используйте пианино, чтобы находить ноты, интервалы и последовательности аккордов, например I–V–vi–IV.
• Проверяйте виджет на опубликованной странице, а не только в редакторе платформы.
• Сохраняйте подпись «от Cantivy» и строку текста под виджетом.
• Удалите код со страницы, если захотите убрать инструмент.