Как добавить аудио-плеер в блог или на сайт

07.01.2016

В статье Настраиваемое слайд-шоу для Blogger я рассказывала о замечательном сервисе cincopa.com В этом сервисе также есть возможность создать аудио-плеер для блога или сайта.

Регистрация в сервисе бесплатная (о регистрации читайте в статье про слайд-шоу). На бесплатном аккаунте дается 200 МБ трафика и 400 МБ для хранения файлов.

Также, как и для фотогалерей (слайд-шоу), есть из чего выбрать  вид аудио-плеера. В начале статьи лишь несколько вариантов плееров.



Как создать аудио-плеер для блога.

В своем аккаунте на сервисе cincopa.com нажмите на квадрат с точками:



Далее выберите Blogger Widgets -> Blogger Video and Music.

На следующей странице Вы увидите описание, примеры и преимущества плееров, предлагаемых сервисом:

  • Мобильно совместимы
  • Удаленный доступ
  • Несколько оболочек
  • Несколько вариантов настройки (Панель управления местоположение, обложки альбомов, размер и т.д.)
  • Загрузить файлы с любого устройства и веб-адрес
  • Бесплатный хостинг и доставка услуги (400MB хранения и 200 Мб трафика в месяц)
  • Добавить список воспроизведения и меню
  • Совместимость со всеми основными браузерами
  • Автоматические отчеты и резервные копии
  • Полная защита для ваших файлов - решите, следует ли разрешать или блокировать загрузки пользователей
  • Автоматические преобразования, транскодирования и изменение размера фотографий
  • Расписание доставки контента
  • Полное масштабируемость
  • Псевдо потокового - нет буферизации и заикания и др.
Для того чтобы перейти непосредственно к созданию аудио-плеера, нажмите синюю кнопку
создать аудио плеер

Затем в левом меню выберите Music & Podcasts



Здесь Вы сможете определиться с видом аудио-плеера. Я выбрала плеер "с обложкой" (с "большой крышкой", как перевел мне браузер) - со статичной картинкой.

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



В основных настройках название и описание плеера, максимальный размер виджета, высота плейлиста. 

В "передовых" настройках (Advanced) - паузы, повторы, автоматический старт и др. Также здесь настраивается размер изображения (маленький/средний/большой), максимальная высота изображения "на обложке".

В пункте Дизайн есть возможность выбрать цвета темы, текста, фонового текста.



Все настройки сохраните 
и перейдите к шагу № 3. На этом шаге загрузите изображение (если плеер предусматривает использование изображения) и музыкальные треки (их можно сортировать после загрузки).


Кнопка для перехода к шагу № 4 располагается вверху - NEXT->

Есть 2 варианта для вставки аудио-плеера в блог на платформе Blogger: в сообщение или в гаджет (для других сайтов и блогов есть другие коды).

Для вставки в сообщение скопируйте код слева и затем вставьте его в сообщение в режиме HTML.


Вот пример моего аудио-плеера с изображением:


...


От всей души поздравляю Вас с Рождеством! 
Мира, любви и счастья Вам и Вашим близким!

4 комментария:

  1. Благодарю за подсказку, Мария!

    ОтветитьУдалить
  2. Спасибо! Сервис очень помог.

    ОтветитьУдалить
  3. Анонимный30.06.2020, 12:54

    50 статью просматриваю. Как все сложно-то ни слова не понимаю..

    ОтветитьУдалить

Kwork.ru - услуги фрилансеров от 500 руб.

Загляните и на другие страницы ^