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

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

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

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

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

Эффект проверяется на опубликованной странице. Используйте классы из инструкции и устанавливайте одну копию обработчика.

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

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

Создайте управлениеВ Zero Block добавьте кнопки с классами playbut, pausebut, nextbut, prevbut. Для списка треков создайте текстовые элементы t-track в том же порядке, что и аудиофайлы. У иконок управления отключите Lazy Load. Кнопку PAUSE разместите за PLAY.
Получите ссылкиЗагрузите аудиофайлы в LF Drive и скопируйте прямые HTTPS-ссылки. Вставьте их в кабинет по одной на строку.
Разместите частиПервую часть с audioPlayer и playlist вставьте в HTML-элемент. Части со счётчиком, громкостью и прогрессом вставьте в отдельные HTML-элементы нужного размера. Последнюю часть установите в T123 после блока.
Проверьте управлениеЗапускайте звук нажатием. Проверьте паузу, предыдущий и следующий трек, окончание трека, перемотку и громкость на телефоне.

Важно

Эффект проверяется на опубликованной странице. Используйте классы из инструкции и устанавливайте одну копию обработчика.

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

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

Почему эффект не виден в редакторе?

Скрипт выполняется на опубликованной странице. Проверьте классы, тип блока и положение кода.

Пример отправляет данные?

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