Виджет Music

Для того чтобы добавить в свой проект аудиофайл, кликните на + (W) в левой панели и выберите виджет Music. Кроме того, вам понадобится аккаунт (бесплатный) на SoundCloud: прямая загрузка аудиофайлов не поддерживается.

Загрузите нужный аудиофайл на SoundCloud и добавьте его в проект. При помощи этого виджета вы также можете добавить в проект весь профиль исполнителя (Artist Profile) на SoundCloud.

Далее для аудиоплеера можно будет выбрать один из двух вариантов отображения: Original Player и Visual Player. Кроме того, с помощью настроек виджета можно показать или скрыть комментарии к треку (Comments), обложку трека (Artwork), кнопки Buy («Купить») и Share («Поделиться»), изменить цвет элементов интерфейса (Color).

Также на любом платном плане вы можете вставлять песни, альбомы, плейлисты или подкасты с любой сторонней платформы, предлагающей код для эмбеддинга (к примеру, Apple, Spotify, Mixcloud, Bandcamp). Для этого нужно использовать виджет Code («Код»), а не Music («Музыка»).

Как правило, все эти платформы позволяют кастомизировать аудиоплеер.

Другой способ — использовать тег <audio>. К примеру, вы хотите добавить аудио-файл из Dropbox:

1. Найдите ссылку для шеринга вашего файла. Она будет выглядеть примерно так:

   https://www.dropbox.com/s/7euntcaptnrjeor/Blazing.mp3?dl=0
   
   
2. Замените `dl=0` на `raw=1`:
   https://www.dropbox.com/s/7euntcaptnrjeor/Blazing.mp3?raw=1
   
   

3. Замените ссылку в коде ниже на вашу:

   <audio controls>
     <source src="https://www.dropbox.com/s/7euntcaptnrjeor/Blazing.mp3?raw=1" type="audio/mpeg">
   </audio>

4. Скопируйте получившийся код и вставьте в виджет Code («Код»): 

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