Иногда, чтобы погрузить пользователя в историю мы добавляем музыкальное сопровождение, аудиокомментарий или звуки с места события. И здорово, когда вы всё делаете на своём сайте, где мощная админка даёт возможность загрузить аудиофайл просто и красиво. Но что, если вы делаете проект на ином ресурсе или используете простейшие инструменты для наполнения портала?

SoundCloud

Первый и, пожалуй, самый оптимальный — SoundCloud. Создав в нём аккаунт, вы сможете загрузить до трёх часов своей музыки. Делиться ей можно через соцсети или встраивая код <iframe>. Выгляеть это будет так:

Или вот так:

Archive

Похожий вариант с огромной библиотекой и возможностью встраивания файлов — Archive. Музыка вставляется изящной серой линией. Для Word Press также есть свой код.

Через лёгкую модификацию кода можно сделать особые настройки:
— вставлять более одного клипа в один виджет;
— вставлять целый плейлист;
— редактировать длину плейлиста;
— включать автовоспроизведение.

Есть подробная инструкция по встраиванию (на английском).

Еще несколько простых и универсальных сервисов для хранения и встраивания аудио

BooMP3 — загружаете файл в Dropbox, копируете ссылку на MP3 файл, вставляете на странице сервиса — появляется код для встраивания на сайт и кнопки для расшаривания в соцсетях. Настройки: автовоспроизведение и автоповтор.

Встроить аудиофайл на сайт в HTML можно и своими силами. Обо всех тонкостях работы с кодом узнаете из этой подробной инструкции.

Ну а если в планах порадовать аудиторию уже существующими легальными композициями, можно использовать сервис Яндекс.Музыка. Виджет настраивается по размеру и цвету.

Инструкция актуальна на октябрь 2017 года.