ГлавнаяПлагины для wordpress › Как установить Аудио Плеер для блога или сайта на WordPress?


Как установить Аудио Плеер для блога или сайта на WordPress?


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

Приветствую всех новичков и постоянных читателей — Sozdaiblog.ru!

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

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

Может возникнуть такой вопрос – «Зачем нужен аудиоплеер для сайта?».

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

Ну да ладно, переходим к главному.

 

Как установить аудиоплеер для сайта.

Для установки аудиоплеера на сайт или блог, под руководством движка WordPpess, потребуется плагин — Audio player.

Скачать его можно вот тут.

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

Изначально плагин на английском и для нормального отображения потребуется его русифицировать.

Для этого Вам нужно скачать вот этот архив, извлечь из него папку – «languages» и при помощи FTP-клиента закинуть в папку установленного плагина.

Там такая папка уже присутствует, её нужно удалить и вставить нашу.

Если у Вас нет FTP-клиента, а файлы Вы загружаете другими способами, то обязательно прочитайте – «Как настроить ftp-клиент».

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

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

Для этого заходите в админку WordPress, в левой колонке выбираете раздел – «Настройки» и из выпадающего меню выбираем наш — Audio player.

Перед Вами должно открыться меню настроек. Здесь можно ничего не менять, а перейти по вкладке – Отображать:

 

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

 

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

 

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

Как и куда вставлять аудиоплеер для сайта.

Для того чтобы вставить аудиоплеер на сайт, например, в статью Вашего ресурса Вам нужно добавить вот такую конструкцию:

 

[ audio:http://Ссылка на аудио ]

 

Добавлять данный код нужно в режиме — HTML-редактор.

Если понадобиться поместить аудиоплеер в сайдбар или ещё куда, то нужно будет воспользоваться вот таким кодом:

 

<?php if (function_exists("insert_audio_player")) { insert_audio_player("[ audio:http://Ссылка на песню ]"); } ?>

 

Внутри квадратных скобок — уберите пробелы около ссылки, иначе работать не будет!

Перед тем, как размещать данные коды Вам потребуется куда-то закачать нужные Вам музыкальные композиции.

Создайте отдельную папку на хостинге или ещё где-то и залейте туда Вашу музыку.

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

 

Аудиозапись: Adobe Flash Player (версия 9 или выше) требуется для воспроизведения этой аудиозаписи. Скачать последнюю версию здесь. К тому же, в Вашем браузере должен быть включен JavaScript.

 

На сегодня это всё. До новых статей...

С уважением, Денис Черников!




Сделайте, пожалуйста, доброе дело, расскажите о блоге своим друзьям:




74 комментарияА что думаете Вы?

  1. Влад

    Здравствуйте, Денис!

    Собственно не нашел у вас обратной связи на блоге. Поэтому пишу просто в виде комментария.

    У меня к вам предложение по обмену ссылками.

    Если мое предложение заинтересовало, напишите мне на почту.

    P.S. Увидел вас на блоге Петра)

    [Ответить]

    Денис Черников ответил:

    Здравствуйте!

    Написал Вам на почту!

    [Ответить]

  2. Наталья

    Денис, Вы прям мои мысли читаете! После того, как я научилась благодаря Вам вставлять видео на блог, хотела обратиться к Вам с просьбой объяснить, как установить аудиоплейер! А тут Ваша статья! ура! я ведь работаю с языками и мне адио просто необходимо для работы. Только сначала мне придется разобраться с ftp-клиентом, надеюсь у меня получиться. У меня к Вам есть вопрос, который может быть полезен и другим новичкам: как вставить изображение книги возле формы подписки в сайдбаре? Я на одном из тренингов написала книгу, сделала обложку, а вот как ее поставить рядом с формой не знаю. Буду очень благодарна, если поможете. Вашу статью твитнула и лайкнула. Спасибо большое. А можно Вам еще вопросы задавать?

    [Ответить]

  3. Наталья

    Денис, у меня твит не прошел. Пишут, что слишком много символов, нужно сократить.

    [Ответить]

    Денис Черников ответил:

    Здравствуйте Наталья!

    Спасибо за твит, я обязательно разберусь с длинной, можете потом ещё разок твитнуть!))

    Да Наталья задавать можно и нужно, чем смогу помогу.

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

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

    У меня это выглядит вот так — < Img src="Ссылка на изображение" Width="260" Height="360" >, а цыфрами регулируются размеры. Можете закачать фотку на Народ.

    Можно ещё прописать тот-же код в редакторе но там сложнее, делайте пока так, но если понадобиться помогу.

    [Ответить]

  4. Protey

    Хороший плеер у меня на сайте такой же используется

    [Ответить]

    Денис Черников ответил:

    Я тоже так считаю! Простой и удобный!

    [Ответить]

  5. Григорий

    Я только вчера об этом думал . Хотел искать как это сделать в поисковиках , а тут Ваша статья как-раз вовремя . Спасибо.

    [Ответить]

    Денис Черников ответил:

    Здравствуйте Григорий!

    Отлично, я рад, что мой материал оказался полезен и тем более вовремя! Значит, я не зря старался!

    Заходите в любое время!

    [Ответить]

  6. Алишер

    Личная просьба, сообщите, как можно вставить аудио с помощью кода. Чтобы не было никаких плагинов.

    [Ответить]

    Денис Черников ответил:

    Здравствуйте! Как-то не задавался таким вопросом, но если найду решение обязательно отпишусь! Сам стараюсь уменьшить количество плагинов!

    [Ответить]

  7. Владимир

    Добрый день, что может быть — //"Проверить" Нажмите на эту кнопку, чтобы убедиться, что папка аудио правильно настроена// не активна кнопка, причем я переустановил несколько плагинов плеера, к радости на вашей сборке есть русский язык, но увы не работает не только кнопка но и выдает сообщение на странице сайта — //Аудио клип: Для воспроизведения этого клипа требуется Adobe Flash Player (версии 9 или выше). Скачать последнюю версию здесь.У вас также должен быть включен JavaScript в вашем браузере.// версия Adobe Flash у меня стоит последняя, в чем причина ошибки?

    [Ответить]

    Денис Черников ответил:

    Здравствуйте, Владимир! Решение этой проблемы, я пока тоже не нашёл. Долго бил, бил и просто забил! Зачем оно вообще, надо! Без папки аудио, всё отлично работает. Прописывайте ссылки напрямую и всё! Если, решение найдётся, я обязательно напишу его в этом посте. А пока и так всё отлично работает. Может, вообще разработчик криво плагин сделал, а мы голову ломаем!

    [Ответить]

  8. Владимир

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

    Если не сложно можете посмотреть (не для рекламы просто столкнулся впервые) http:// plotvinov.ru/audio/

    [Ответить]

    Денис Черников ответил:

    Я Вам с удовольствием помогу! Вы всё неправильно делаете, вот готовое решение Вашей проблемы — [audio: ссылка на музыку]

    Вставляете в любое место на блоге и всё заработает! Вставляете, как есть — вместо моих слов вставляете прямую ссылку: http:// Ваш блог/wp-content/uploads/2011/07/Plotvinov.mp3

    [Ответить]

  9. Владимир

    Благодарю, Денис, все получилось, спасибо, а то я в двух соснах заблудился

    [Ответить]

    Денис Черников ответил:

    Всегда пожалуйста!Сам по началу ночь сидел парился! Заходите почаще, буду рад новым друзьям!

    [Ответить]

  10. Надежда Пинчук

    Спасибо за информацию. Видимо пришло время использовать аудиоплеер на блоге.Можно выкладывать аудиоподкасты.

    [Ответить]

    Денис Черников ответил:

    Всегда, пожалуйста! Аудио — это сила!

    [Ответить]

  11. Надежда

    Денис, здравствуйте! у меня тоже проблема. установила плагин, вроде и ссылку загрузила, но плеер не играет. Его видно, показывает буфер, и не играет. В чём может быть проблема?

    [Ответить]

    Денис Черников ответил:

    Здравствуйте, Надежда!

    Дайте ссылку на то место, где установлен плеер.

    [Ответить]

  12. Надежда

    Денис, вот ссылка на статью,где стоит плеер (можете ссылку сразу удалить). Кажется,вся проблема в ссылке на песню, на хостинге создала папку audio и залила туда трэк и как дать на него ссылку не пойму.Я полный чайник в таких делах.Потом конвертнула трэк,чтобы уместился в медиафайлы на моём блоге и скопировала в ссылку на эту песню в моих медиафайлах на блоге.

    [Ответить]

    Денис Черников ответил:

    Вот это Вы повеселились!)

    Короче, Надежда!

    Открываете ftp, что это и как пользоваться есть на блоге. Затем, заходите через него в папку с вашим движком и создаёте там любую папку. После этого, перетягиваете в неё нужную Вам песенку, а в правом верхнем углу этого окошечка копируете абсолютный путь к этой песенке.

    В начале этой ссылки будет адрес домена, удалите его и вставьте адрес своего блога. На конце ссылки поставьте слэш / название закинутой песенки.

    Это мы с Вами сделали абсолютный путь к песенке. Затем, берём конструкцию [audio:сюда лепим наш абсолютный путь].

    Вставляем эту крокозябру в любое место статьи, через HTML-редактор, сохраняемся и виляем тылом под хорошую музыку!

    Всё должно работать!

    [Ответить]

    Надежда ответил:

    уф, как всё подробно! спасибо большое! Завтра займусь))

    [Ответить]

    Денис Черников ответил:

    Пожалуйста, Надежда! Я посмотрел по ссылке код вашей страницы, Вы там такую крокозябру вставили, поэтому и не работает! Сделаете, как я написал и всё будет хоккей!

    [Ответить]

  13. Надежда

    Денис, FileZilla установила, ftp настроила, работает, связь с сервером есть. Мне человеку новому тяжело понять, как выглядит папка с движком. Вы уж меня простите, чайник я полный)) Конкретно папки WordPress я не нашла. Есть wp-admin, wp-content, wp-includes.

    [Ответить]

    Денис Черников ответил:

    Всё, что Вы нашли это и есть семейство папок движка. Вы сейчас находитесь в корневой папке — WordPress! Вот тут и создайте новую сестричку папочку и закидывайте в неё Ваши музыкальные композиции!

    [Ответить]

  14. Надежда

    вот такой была ссылка до изменения /domains/babiiblog.ru/public_html/audio,

    такой стала после http: //babiiblog.ru/babiiblog.ru/public_html/audio/Lady Antebellum-Dancin' Away With My Heart.mp3

    такой в статье в html — [audio:http: //babiiblog.ru/babiiblog.ru/public_html/audio/Lady Antebellum-Dancin' Away With My Heart.mp3]

    я где-то допустила ошибку?

    [Ответить]

    Денис Черников ответил:

    Да, допустили! Нужно — [audio:http: //babiiblog/все ваши папочки до новой и её тоже/песенка]

    domains — не нужно.

    Только пробел не ставьте после — http:

    [Ответить]

    Надежда ответил:

    Денис,вроде бы всё делаю, как Вы сказали. Вот что у меня получилось [audio:http: //babiiblog/babiiblog.ru/public_html/audio/Lady Antebellum - Dancin' Away With My Heart (audiopoisk.com).mp3]

    domains удалила.Всё , что идёт после названия сайта http: //babiiblog, это все папки, audio — моя новая папка, далее название песни. Может не стоило называть именно так? Я уже и сайт печатала и с «.ru» и без. Не могу понять, в чём дело ((

    [Ответить]

    Денис Черников ответил:

    Надежда, а почему у Вас babiiblog два раза? Вот так попробуйте — [audio:http: //babiiblog.ru/public_html/audio/Lady Antebellum - Dancin' Away With My Heart (audiopoisk.com).mp3], только пробел уберите — http: //.

    Есть ещё вариант, что файл композиции на сервере не записался, нужно подождать некоторое время! Я когда делал, крутил, вертел код и так и сяк, а оказалось просто там файлы ещё не обновились!

    Если ничего не выйдет, то зайдёте в папку с песней и скопируете всю ссылку на фтп, полное название песни и напишете всё это мне, а я тут пошаманю.

    [Ответить]

  15. Надежда

    потому,что первый бабий блог — это мой сайт, а второй — это одна из папок.

    [Ответить]

    Денис Черников ответил:

    Тогда понятно, у меня немного не так!

    [Ответить]

  16. Надежда

    А может что в форматах трэка? или в весе самого трэка? Там нет ограничений по весу? 7mb Так тоже не пошло ((

    [Ответить]

    Денис Черников ответил:

    Обычно у всех mp3, а что там у Вас?

    [Ответить]

  17. Надежда

    тоже оно самое. Ок, я принцип поняла. Попробую по папкам тогда пробежаться. Денис, спасибо большое за участие и помощь))

    [Ответить]

    Денис Черников ответил:

    Пожалуйста, Надежда! Если что стучите! Самое главное — абсолютный путь!

    [Ответить]

  18. Елена

    Денис, привет. Очень хочу поставить аудиоплеер на сайт. Вот что я сделала: в корневую папку поместила скачанный плагин, поставила папку «languages»(язык плагина не поменялся!),далее преобразовала вашу ссылку ( Поставила ее в сайд бар, но на сайте ничего не появилось. Какие мои ошибки? Считаю, что на вашем сайте человекопонятное обучение, подписалась на рассылку. А вот сама где-то ступила.

    [Ответить]

    Денис Черников ответил:

    Здравствуйте, Елена!

    Спасибо, за подписку!

    Здесь, вот какое дело.

    Для начала, посмотрите, я немного подправил код для вставки в сайдбар. Что касается перевода, у меня он перевёлся, после того, как я удалил из этого архива все остальные языки оставив только RU.

    И теперь по ссылке в конструкции — закачать песенку можно куда угодно, но ссылка должна чётко вести через все папки к аудио файлу и она всегда начинается с адреса Вашего сайта.

    То есть — http:// sozdaiblog.ru/wp-content/Папка с песенками/Ля-Ля.mp3

    И иногда, требуется некоторое время на запись файлов на сервере, в связи с этим, плеер может сразу не заиграть!

    Как-то так!

    [Ответить]

  19. Елена

    http:// planeta-misteriya.ru.ru/wp-content/Музыка на сайты/ZODIAK-Zodiak.mp3 Денис приветствую. Папку завела, музыку туда перенесла. Правильно ли получилось? Проверьте,пжлст

    [Ответить]

    Денис Черников ответил:

    Да сейчас вроде всё верно, только когда вставлять будите, уберите пробел после — http://! Это я его специально оставил!

    [Ответить]

  20. Елена

    Вот целая картинка для сайтбара. Правильно?

    [Ответить]

    Денис Черников ответил:

    Сейчас посмотрю!

    [Ответить]

  21. Елена

    Ничего не установилось ((,Денис!

    [Ответить]

    Денис Черников ответил:

    Скиньте мне адреса всех Ваших ссылок я посмотрю и путь закиньте полный из ftp прямо целиком ни чего не удаляя!

    [Ответить]

  22. Roman

    Добрый день! скачал плеер, делаю все как по инструкции, но не пашет

    http:// emotiondance.ru/?page_id=36 сюда воткнул для проверки

    [audio:http:// emotiondance.ru/wp-content/uploads/2012/09/Ameno. mp3] (пробелы спецом щас поставил)

    буфферизация трека проходит но не играет... ааа я нуб ) помогите пож

    [Ответить]

    Денис Черников ответил:

    Здесь проблем не много, или неправильно адрес указали, или она ещё на сервере не сохранилась, поэтому не играет! Всё ответы в основном уже есть в комментариях и разложены по полочкам, посмотрите, наверняка там есть ответ!

    [Ответить]

  23. Елена

    Здравствуйте. Я установила плеер на блоге — все работает отлично. Но вот вопрос: хочу, чтобы посетитель мог скачать любой понравившийся трек. Как это сделать, чтобы при нажатии ссылки «скачать» — открывалось окно в браузере посетителя и начиналось скачивание? Использовала wp-download manager (не нрав как выглядит- иконка, название и размер, м/б надо как-то настроить чтобы не показывалось?) и пробовала через медиафайлы в консоли. Как сделать лучше? заранее спасибо

    [Ответить]

    Денис Черников ответил:

    Здравствуйте, Елена!

    Если честно, я не задавался этим вопросом, думаю, тому кому нужен этот трек сами найдут способ его скачать, вон в контакте море музыки, бери и качай по названию! А вообще, наверное плагин какой-то есть!

    Конечно можно принудительно ссылки лепить под плеером, а файлы в отстойник какой-нибудь закидывать!

    Посмотрите мою статью — Обратные ссылки на сайт, там большая кнопка загрузки стоит, Вы также хотите закачивать! Если да, то это не очень сложно!

    [Ответить]

  24. Раушания

    Добрый день, Денис.

    Вот уже несколько дней пытаюсь вставить аудио на свой сайт.

    [audio:http: //poisksebya.com/public_html/wp-content/audio/fraza-dnya01.mp3]

    Сам плеер на странице сайта появляется, но не проигрывается. Пишет file not found (Файл не найден).

    http: //poisksebya.com/angliyskiy-besplatno/fraza-dnya-the-14th-of-september

    Посоветуйте, пожалуйста, что я не так делаю.

    Заранее благодарна.

    [Ответить]

    Денис Черников ответил:

    Здравствуйте, Раушания! У Вас или путь к песенке не верный или она ещё не записалась на сервер. Других проблем обычно не возникает!

    [Ответить]

    Елена ответил:

    У меня так было, когда трек содержал пробел в названии, а я его не учла при написании кода. Ну, или как пишет Денис, проверьте ваш путь к песенке более тщательно.

    [Ответить]

  25. Сергей

    Привет поставил плеер в статьях все норм отображается , но я хочу поставить плеер в правом блоке пробую через виджеты/Текст вставляю код

    на блоге отображается как название блока и все

    не подскажите в чем косяк?

    [Ответить]

    Денис Черников ответил:

    Здравствуйте, Сергей! А Вы пробелы убрали?

    [Ответить]

    Сергей ответил:

    Ну их у меня и не быловот код:

    [Ответить]

    Денис Черников ответил:

    Код не прошёл, можете через форму обратной связи написать!

    [Ответить]

  26. Елена

    Здравствуйте, Денис. Спасибо за полезные статьи, постоянно узнаю от Вас что-то новое, и конечно применяю на практике.

    У меня один вопрос: я вывела в сайдбар ссылку на книгу за подписку (в редакторе), но почему то изображение книги выходит только когда человек находится на главной странице; как только открываю какую-нибудь рубрику или статью, изображение книги пропадает (просто стоит крестик). Пожалуйста, подскажите, отчего так происходит?

    [Ответить]

    Денис Черников ответил:

    Здравствуйте, Елена! Вы её как вставляли, в какой файл и почему у Вас такая кривая ссылка на изображение?

    [Ответить]

  27. Елена

    Вставила в редакторе в файл sidebar-second.php. Вот так выглядит сама ссылка на изображение: <img src="123.png" width="190" height="240" . Что может быть не так?

    [Ответить]

    Денис Черников ответил:

    Ссылка составлена не правильно! Должен быть прописан либо уникальный адрес с использованием URL, или относительный с вставкой слеша (/) перед названием изображения если оно находится в том же месте, где весь сайт.

    [Ответить]

  28. Борис

    Работает во всех броузерах — Опера, интернет эксплорер, хром, но в Мозилле почему-то не работает, плеер высвечивается — но аудио не проигрывается , что такое может быть?

    [Ответить]

    Денис Черников ответил:

    Возможно, нужно подождать! Такое бывает!

    [Ответить]

  29. Анастасия

    Здравствуйте! А можно ли сделать так, чтобы музыка запускалась автоматически при открытии страницы?

    [Ответить]

    Денис Черников ответил:

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

    [Ответить]

  30. Анатолий

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

    [Ответить]

    Денис Черников ответил:

    Здравствуйте, Анатолий! А Вы попробуйте просто реализовать код плеера вместе с композицией, а ниже ссылку на скачивание поставить.

    [Ответить]

    Анатолий ответил:

    Извините,я немного чайник в этом деле,а это как и какой плеер лучше установить для этого дела?

    [Ответить]

    Денис Черников ответил:

    Устанавливаете плеер по описанному способу, а под ним просто размещаете ссылку на необходимый трек, который предварительно закидываете в папку «downloads». Она находится рядом с той папкой, куда Вы плагины загружаете. Желательно воспользоваться FTP-клиентом. Статья на блоге о нём есть, советую почитать.

    [Ответить]

  31. Анатолий

    Всё получилось,спасибо большое,подпишусь на ваш наиполезнейший блог,на нем много полезной информации, можно еще сделать на этом плеере что бы была кнопка скачать сразу проигрывающую композицию,или может посоветуете плеер с такой функцией

    [Ответить]

    Денис Черников ответил:

    Пожалуйста, Анатолий!

    В этом плеере нет такой возможности. А другими я не интересовался. Но они 100% есть, лично видел.

    [Ответить]

  32. Ринат

    Народ не паримся!!!)) вот здесь http: //pleer.com/upload заходите загружаете музыку, в настройках получаете НТМL-код, копируете и вставляете куда вам надо!!! все работает!!))

    [Ответить]

    Денис Черников ответил:

    Потом ресурс накрывается, а вмести с ним наша музыка. Отличный вариант!)))

    [Ответить]

  33. А. Горский

    Приветствую, Денис!

    Как раз думал об удобстве выдвигающегося плеера и набрёл на предложенный Вами)) У меня вопрос: можно ли такой плеер использовать в браузере IE начиная с шестой версии (плеер нужен для работы в CHM-файле), при этом чтобы ссылки на аудио были локальными?

    [Ответить]

    Денис Черников ответил:

    Здравствуйте! Не проверял его в IE!

    [Ответить]

Оставить комментарий!

Вверх