Конструктор невидимого плеера с Dropbox

Конструктор Невидимого Плеера

Добавляйте музыку через Dropbox, управляйте треками и вставляйте невидимый плеер на свой сайт

Добавить музыку

Название трека

Ссылка Dropbox на MP3

Пример правильной ссылки: https://www.dropbox.com/s/abcdef12345/song.mp3?dl=0

Неверный формат ссылки Dropbox!

Как получить ссылку Dropbox:

1. Загрузите MP3 файл в ваш Dropbox

2. Поделитесь файлом, создав ссылку

3. Скопируйте ссылку и вставьте в поле выше

4. Убедитесь, что ссылка содержит "?dl=0" в конце

Пока нет добавленных треков

Нажмите на кнопки для проверки воспроизведения:

Добавьте треки для тестирования

Проверить все треки

Скопируйте этот код и вставьте на ваш сайт:

// Добавьте треки чтобы сгенерировать код

Добавьте треки с помощью ссылок Dropbox
Проверьте работу плеера кнопками выше
Скопируйте сгенерированный код
Вставьте код на ваш сайт перед закрывающим тегом </body>
Чтобы добавить кнопку воспроизведения, присвойте элементу класс в формате audio-player-1 (где 1 - ID трека)
При нажатии на элемент с таким классом будет проигрываться соответствующий трек

Пример кнопки:

<button class="audio-player-1">Воспроизвести трек 1</button>