Если вы истинный меломан, у вас наверняка есть много любимых мелодий, которыми вы гордитесь и хотели бы поделиться с посетителями вашего сайта или с друзьями в социальной сети. Сделать это можно самыми всевозможными способами, например, закачать на сервер свои музыкальные файлы и установить на сайт специальный плагин. Я уже писал об этом здесь.  Но можно поступить гораздо проще, причем, не нагружая сервер сайта. В этой статье пойдет речь о том, как сделать красивый и качественный аудио плеер для сайта (или для своей страницы в социальной сети) при помощи бесплатного онлайн-сервиса Podsnack.

Аудио плеер для сайта

1. Открываем страницу проекта Podsnack.com и кликаем там по большой желтой по кнопке "Build a playlist".

Сервис Podsnack

На следующей открывшейся странице регистрируемся или авторизуемся через учетную запись Facebook, Google или Twitter и приступаем к формированию списка композиций.

2. Выбираем желаемые треки. Сделать это можно тремя способами: загрузить файлы с компьютера (не более 100 Мб), записать аудио с микрофона или указать видео с YouTube. Выбираем нужный вариант путем перемещения по вкладкам. Здесь же можно установить обложки альбомов и назначить порядок проигрывания файлов. Когда все готово, нажимаем кнопку "Next".

Выбор композиций в сервисе podsnack

3. На следующей странице сервиса можно выбрать внешний вид будущего плеера, настроить цветовую гамму, размер блока. При желании можно отметить галочками опции цикла, автовоспроизведения и перемешивания, настроить громкость. Указав необходимые параметры, кликаем по кнопке "Finish".

4. На последней странице система выдаст вам прямую ссылку и код для встраивания на сайт. Для получения кода нажмите на кнопку "Embed" и далее "Use Free".

Получить код на PodSnack

Созданный плеер, кроме установки на сайт,  можно размещать в соцсетях и даже пересылать по почте.

Вот так вот просто и быстро создается плеер при помощи Podsnack.

P.S. Если плеер в вашем браузере вдруг не отображается, проверьте, не отключен ли Flash плагин браузера.

С уважением, Роман Ваховский.

Хороший человек всегда нажмет на кнопку!
Комментарий > Благодарность > Ссылка на секретную страницу блога

6 комментариев: Аудио плеер для сайта

Страница 1 из 11
  • Кофеман говорит:

    полезная фича для развлекательных сайтов и форумов. спасибо!

    • Роман Ваховский говорит:

      За выкладывание более 5 треков в одном плэйлисте сервис просит денег. Плата за нагрузку на сервер. Стоит это не очень дорого. См. последний скриншот, надо нажать кнопку "Next" вместо "Use free". Или сделайте несколько плееров по 5 треков в каждом листе.
      Еще можете сделать плеер при помощи плагина Audio Player. Установка и настройка не сложные, я все подробно там расписал. Но нагрузка ложится уже на ваш сервер.

  • Владимир говорит:

    Спасибо за помощь,Давно искал плеер,но не мог установить,так как он у меня не воспроизводил аудиозаписи.Поставил на свой сайт Ваш плеер(конечно по Вашей пошаговой инструкции).Плеер отлично работает на сайте,спасибо ещё раз.

  • Клара говорит:

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

  • Гелла говорит:

    Здравствуйте! К сожалению, в ЖЖ плеер запись не воспроизводит. Посоветуйте пожалуйста, какой аудиоплеер можно вставить в ЖЖ. Буду очень благодарна за помощь.

Страница 1 из 11

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Поиск по блогу

Все права защищены © 2011-2016. WordPress-book.ru

Копирование материалов разрешено только с размещением открытой обратной ссылки на источник.