Top.Mail.Ru
Loading...
Мы в соцсетях
Ответим на вопросы
Техподдержка
No-code платформа для интеграции с российскими сервисами
Адаптер
Образовательные курсы и гайды для IT-специалистов
Академия
Партнерам
Клиентам
О нас
Плагин для Тильды
Скачать расширение
Техподдержка
Модификации
AI-ассистент
Обучение
Профиль
Подписка
Партнерка
Новости
Шаблоны
Ai-ассистент для Тильды
....
NLM138 • Время настройки: 1 минута

Как включить музыку по клику на кнопку на Тильде?

Модификация позволяет добавить аудиофайл на ваш сайт с возможностью управления воспроизведением и паузой с помощью кнопок.
Для корректной работы модификации включите поддержку jQuery. Подробнее. Как это сделать: Настройка сайта > Еще > Подключить jQuery на страницах сайта.

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

Дизайн настраиваете сами — наша модификация добавит нужный эффект.

Смотрите, как быстро установить модификацию

Инструкция
Модификация настраивается очень быстро, для того чтобы добавить аудиофайл и кнопки нужно заполнить следующие поля:

Настройка аудиофайла

1.«Ссылка на файл mp3» — В этом поле нужно указать прямую ссылку на аудиофайл, который нужно загрузить например на хостинг. Важно чтобы формат аудиофайла был .mp3.
Важно: если используете Dropbox, то чтобы получить прямую ссылку для скачивания, замените www.dropbox.com, на dl.dropboxusercontent.com что даст вам ссылку, например: https://dl.dropboxusercontent.com/s/hriinb9w3a2107m/iPad%20intro.pdf;
2.«Добавить файл» — Если вы хотите добавить несколько аудиофайлов, тогда нужно нажать на ссылку «Добавить файл». После нажатия появятся новые 3 поля для следующего аудиофайла. Важно чтобы ссылки для разных аудиофайлов и кнопок были разные;
3.«Начинать аудиофайл заново после паузы» — включите эту настройку, если файл должен проигрываться заново после паузы;

Настройка кнопок воспроизведения

4.«Ссылка для play» — Придумайте ссылку для кнопки, при нажатии которой будет воспроизводится аудиофайл. Важно чтобы ссылка начиналась с символа #. Например #play;
5.«Ссылка для stop» — Придумайте ссылку для кнопки, при нажатии которой аудиофайл будет останавливаться. Важно чтобы ссылка начиналась с символа #. Например #stop;

Настройка кнопок громкости

6.«Класс кнопки для кнопки увеличения звука» — Придумайте класс для кнопки, при нажатии которой звук аудиофайла будет увеличиваться.
7.«Класс кнопки для кнопки уменьшения звука» — Придумайте класс для кнопки, при нажатии которой звук аудиофайла будет уменьшаться.
8.«Громкость изначально» — Выберите изначальную громкость аудиофайла в выпадающем списке;
9.«Шаг увеличения/уменьшения громкости» — Укажите значение на сколько будет увеличиваться или уменьшаться громкость аудиофайла при нажатии на кнопки увелечения громкости или уменьшения громкости;

10. Добавляете блок Т123 и вставляете в него сгенерированный HTML код.

Примечание:
  • Если кнопки play и stop состоят из нескольких элементов, элементы для кнопки play должны быть выше в слоях, чем элементы для кнопки stop.
  • Модификация не поддерживает ссылки на файлы из облачных сервисов (например Google Диск, Яндекс.Диск).

Сгенерируйте код для своего сайта

Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 4
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 3
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 2
Создать аккаунт — это быстро и просто.
Войдите или зарегистрируйтесь на платформе
Шаг 1
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Возобновите подписку
Шаг 1
Копировать код
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 1

Популярные решения для вашего сайта

Не нашли нужное решение?

Часто задаваемые вопросы

Наши видеоинструкции позволяют внедрять модификации за 2−5 минут даже без технических знаний. Всё делается прямо в редакторе Тильды, без ручного редактирования кода
Не нашли свой вопрос?
Напишите нам — мы поможем и подскажем оптимальное решение для вашего сайта.
Не нашли свой вопрос?
Напишите нам — мы поможем и подскажем оптимальное решение для вашего сайта.
Есть идеи по улучшению этой модификации или созданию новой?
Поделись своим предложением или проголосуй за понравившуюся идею. Наиболее популярные будем реализовывать.
Не забудь подписаться, чтобы быть в курсе последних обновлений.