Как сделать простой mp3-плеер для любого блога

Как сделать простой mp3-плеер для любого блога | n-wp.ru
Рецепт того, как сделать простой mp3-плеер, который можно использовать не только в WordPress, но и вообще на любой интернет-странице.
👍 Научим бесплатно правильно создавать сайты на WordPress. Подробнее →

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

music

Хотя “Темный Незнайка светлый WordPress” — это блог о WordPress, о чем говорит и название, и специальная страница, все же я решил поделиться информацией более общего характера, способами вставить простой музыкальный плеер вообще в любой блог, даже тот, который функционирует на бесплатных блог-платформах, отличных от WordPress.

Для размещения файлов используйте онлайновый сервис, предоставляющий прямые ссылки на файлы. Например, отличный, бесплатный Dropbox (сам с удовольствием пользуюсь).

Простой MP3 плеер с использованием кода Google

1. Перейдите при редактировании в режим HTML.

2. Вставьте строчку, подключающую плеер:

</pre>
<p>3. Сразу за ней укажите прямую ссылку на файл MP3:</p>
<pre>RT-2

Получается вот такой элегантный плеер:

tiaurus-2010-04-09_183426

Если вы хотите, чтобы прямые ссылки все время заменялись таким плеером, то вам нужно вставить строчку, подключающую плеер, в шаблон темы оформления — многие бесплатные блог-платформы это позволяют.

Плеер Uppod

tiaurus-2010-04-09_183933

Сервис Uppod является настоящим конструктором, который создает из аудио, видео и фото настоящий плеер, который не требует потом никаких настроек — просто берете код и вставляете его в запись. Его упрощенная версия для MP3 — Модель для сборки. С помощью этого сервиса получается вот такая элегантная штука:

tiaurus-2010-04-09_184612

Плеер MJU

Плеер MJU — отличное решение для организации подкастов на базе бесплатных блог-платформ LiveInternet, LiveJournal и других. Он позволяет проигрывать несколько треков, запоминать номер трека и позицию при временной остановке, менять треки или перемешивать их в случайном порядке. Выглядит эта штуковина достаточно авангардно:

tiaurus-2010-04-09_185019 mjuChrono_080922 mjuChrono_080922_optimal mjuPod_061211 mjuPod_070216_bonus

Плеер полупрозрачный, поэтому будет хорошо смотреться в любых шаблонах.

Плеер Streampad

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

picture-20

Создай свой первый сайт на WordPress

tiaurus

Автор n-wp.ru — блога о WordPress для новичков.

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

  1. Елена Окорокова

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

    Ответить
    1. Либо использовать плагины или скрипты, автоматически проигрывающие файлы при открытии страницы (некоторые плагины для работы с YouTube умеют это), либо переделывать тему блога, внедряя скрипты непосредственно в код страницы.

      Ответить
  2. Владимир

    да кстати присоединяюсь к этому вопросу и чтобы музыка воспроизводилась только один раз а не постоянно когда заходишь на главную страницу…

    Ответить
  3. jim beam

    Плеер uppod понравился. Не могу установить себе — все сделал как надо, скачал плагин, скачал созданный на сайте стиль для аудио плеера, прописал в настройках плагина..добавил в пост ссылку как показано..( http://uppod.ru/player/faq/wordpress )….и ничего. Я новичек в WP, HTML..и т.д.
    Streampad очень хотел попробывать, но тут ВООБЩЕ ничего не понятно
    Можно расписать инструкцию для чайников (лохов))
    Спасибо!!!

    Ответить
    1. А что мешает пользоваться плагинами, изначально разработанными для WordPress? Например, WPaudio MP3 Player, Inline mp3 player, 1 Bit Audio Player или Audio player — в них нужно указать только ссылку на файл MP3.

      Ответить
  4. jim beam

    Любовь к деталям, мелочам, к каждому пикселю!)
    Сайт будет о Фотографии, Кино, Музыке и т.д. Все надо выдержать в стиле!!!)

    Ответить
  5. jim beam

    заработал, только плейлист не могу сделать)

    Ответить