Вставка плейлистов на сайт или блог

14.02.2016

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


Название у сервиса легко запомнить - простоплеер.

Поиск музыки можно осуществлять по исполнителям, жанрам или просто вписать строки песни.


Поскольку сегодня 14 февраля - День влюбленных - я решила найти песню Веры Брежневой "Любовь спасет мир".

Любую найденную песню (кстати, есть возможность самим загружать треки на сайт), можно вставить в виде аудио-плеера на сайт или блог. Для этого нажмите на значок шестеренки справа и в выпадающем меню выберите "код для вставки".



Сервис замечателен тем, что можно выбрать цвет и размер плеера.



Для стандартного и уменьшенного размеров плеера есть 3 цвета: черный, зеленый и серый.

А для "мини" размера - 6 цветов (черный, синий, коричневый, зеленый, серый и даже оранжевый), подходящих под цвета Вашего сайта. 
Вот пример плеера стандартного размера:


Cкачать Вера Брежнева Любовь Спасёт Мир бесплатно на pleer.com

А этот - мини плеер можно добавлять не только в сообщения, но и на боковую панель:

Cкачать Вера Брежнева Любовь Спасёт Мир бесплатно на pleer.com

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


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



Тогда Вам будет легко, перейдя в режим создания поста, добавлять вместо символов текст и комментарии.
Кстати, плеер будет работать только после публикации статьи.

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

В правой верхнем углу на том же сайте "простоплеер" нажмите "создать плейлист". (Можно зарегистрироваться на сайте, я пока не стала).


Затем дать название плейлисту и нажать Enter

Далее нажмите на треугольник слева от названия плейлиста, после чего откроется поле, куда можно перетаскивать найденные песни

Ищем музыкальные композиции и перетаскиваем их в правую часть или просто нажимаем на "плюсик" справа в блоке любой песни: 



Для настроек плейлиста есть значок шестеренки справа от названия (не  отдельного трека, а самого плейлиста):


Там же можно скачать, удалить плейлист. 
И там же есть код для вставки на сайт или блог.


Готовый код копируем и вставляем в текст сообщения в режиме HTML.

Ниже пример моего плейлиста, созданного из песен Веры.



А это его готовый код для вставки (если пригодится Вам):

<object width="550" height="300"><param name="movie" value="http://embed.pleer.com/list?id=B2lmpdBftzwwjBtfu"></param><embed src="http://embed.pleer.com/list?id=B2lmpdBftzwwjBtfu" type="application/x-shockwave-flash" width="550" height="300"></embed></object>

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

Любви и счастья Вам, дорогие читатели! 

8 комментариев:

  1. Спасибо большое. С праздником! Добра, любви, счастья!

    ОтветитьУдалить
  2. Кажется его недавно заблокировали...

    ОтветитьУдалить
    Ответы
    1. Будем надеяться, что это временные трудности и администрация сайта сможет его восстановить.

      Удалить
  3. Здравствуйте, Мария! Вы так хорошо и просто всё объясняете, спасибо Вам! Подскажите, пожалуйста, что это у меня может быть и как исправить... Плейлист вставляю в режиме HTML, а мне отвечает: "Ошибка Исправить Отменить". И во всех случаях не работает плеер. Вот что пишет:
    На этой странице есть HTTP-ресурсы, из-за которых смешанный контент может негативно повлиять на безопасность и отображение некоторых элементов при просмотре вашего блога через защищенное соединение.
    Исправить Отменить Подробнее


    Там где русскими написано "парам" - это мне пришлось изменить, а то и здесь у Вас комментарий не отправляется из-за кода ПАРАМ.

    ОтветитьУдалить
    Ответы
    1. Здравствуйте! Сейчас по новым условиям все блоги должны работать через бесопасное соединение //https:
      Статья об этом: http://samasajt.blogspot.ru/2016/05/novosti-blogger-perevod-blogov-na-https.html
      Поэтому сейчас все ссылки, которые Вы вставляете в блог, должны начинаться с //https: , а не с //http: Иначе выходит ошибка, о которой Вы пишете. Если Вы нажмете "Исправить", то автоматически все ссылки исправятся. Но не факт, что после этого будет работать скрипт или ссылка.

      Удалить
  4. Мария, зравствуйте! Ваша дата 2020 в блоге реальная?
    Нужна помощь...надо вставить аудиозапись в сообщение в блоге (блоггер)...
    Вы есть?
    Все проискала три дня...

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

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

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