Что делает модификация

Управляет одним аудиофайлом: запуск, пауза, остановка, перемотка и громкость.

Стандартные блоки TildaСледуйте требованиям в инструкции.

Готовый кодГотовый фрагмент для опубликованной страницы.

Настройки в аккаунтеВыберите параметры и скопируйте результат.

Проверьте классы, ID и адаптацию на опубликованной странице. Не устанавливайте несколько обработчиков для одних элементов.

Настройте под свой сайт

Настройка	Назначение
Прямая HTTPS-ссылка на аудио	Выберите значение в интерфейсе личного кабинета.
Фон шкалы	Выберите значение в интерфейсе личного кабинета.
Заполнение шкалы	Выберите значение в интерфейсе личного кабинета.
Таймер	Выберите значение в интерфейсе личного кабинета.
Высота шкалы, px	Параметр 2–25

Создайте элементы управленияВ Zero Block создайте кнопки playButton, pauseButton, stopButton через Add CSS Class Name. У иконок отключите Lazy Load.
Получите ссылкуЗагрузите аудио в LF Drive и вставьте прямую HTTPS-ссылку в кабинет.
Разместите составные частиПервую часть с audio вставьте в HTML-элемент. Вторую с progress и таймером — в другой HTML-элемент; третью с громкостью — в третий. Последнюю часть вставьте в T123 после Zero Block.
Проверьте воспроизведениеОпубликуйте страницу. Проверьте запуск нажатием, паузу, сброс в начало, перемотку и громкость. Автоматическое воспроизведение звука браузер может запрещать.

Важно

Проверьте классы, ID и адаптацию на опубликованной странице. Не устанавливайте несколько обработчиков для одних элементов.

Где менять параметры?

После покупки откройте модификацию в личном кабинете, выберите параметры и получите готовый код.

Нужно ли редактировать код вручную?

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

Что показывает живой пример?

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