n-wp.ru — блог о WordPress
Как сделать простой mp3-плеер для любого блога | n-wp.ru

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

Рецепт того, как сделать простой mp3-плеер, который можно использовать не только в WordPress, но и вообще на любой интернет-странице.

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

music

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

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

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

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

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

3. Сразу за ней укажите прямую ссылку на файл MP3:

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

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

tiaurus

Являюсь создателем n-wp.ru — блога о WordPress для новичков. Мне интересно многое, поэтому еще я сделал 123-box.ru — блог о программах для Windows, и tiaurus.info — блог о красоте.

7 комментариев

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

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

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

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

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

/* ]]> */