Аудиохостинг — как поделиться звуками?

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

 

Но что, если вы делаете проект на ином ресурсе или используете простейшие инструменты для наполнения портала?

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

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

Или вот так:

Внешний вид виджета можно менять, например

  • выбрать, откуда начнётся воспроизведение
  • сделать специальный код для WordPress
  • поменять форму, размер и цвет виджета
  • включить автоматическое воспроизведение

У виджета Sound Cloud есть счётчик прослушиваний и комментарии пользователей, встроенные прямо в музыкальную дорожку. В добавок, здесь собрана бесплатная музыка исполнителей со всего мира, которой можно также легко делиться.

 

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

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

  • вставлять более одного клипа в один виджет
  • вставлять целый плейлист
  • редактировать длину плейлиста
  • включать автовоспроизведение

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

 

А вот два совсем элемнтарных сервисов без особых условий и без регистрации:

Просто Плеер — название говорит за себя. Вы загружаете свой файл и получаете код. Можно менять цвет, размер и название загруженной композиции. Пользователь может не только прослушать, но и скачать файл. Получается вот так:

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

 

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

 

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

Эксперты в теме

Используя это, были реализованы проекты

Проект к двадцатой годовщине гибели певца, музыканта, композитора, лидера группы «Кино» Виктора Цоя.

11 1140

Проект, опубликованный на сайте газеты «Коммерсант», был приурочен к годовщине трагедии на Чернобыльской АЭС.

7 899

Лонгрид на Тильде, вобравший в себя видео, аудио и фото о женщине, которая 11 лет «живет» в несуществующем доме. Когда-то ее выселили из аварийного жилья, но нового взамен не предоставили.

6 694

Как спасти горожан от агрессии бродячих собак? Журналисты из Лесосибирска пытаются решить эту проблему с помощью информативного лонгрида.

3 642
Анастасия Черепанова
Координатор модераторов и волонтеров "Карты помощи"

В поиске волонтеров и модераторов здорово помогают социальные сети и ЖЖ. На проекте "Карта помощи" нам активно писали люди, которые ранее вообще не занимались благотворительностью.