Приветствую всех новичков и постоянных читателей — 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.
На сегодня это всё. До новых статей…
С уважением, Денис Черников!
Здравствуйте, Денис!
Собственно не нашел у вас обратной связи на блоге. Поэтому пишу просто в виде комментария.
У меня к вам предложение по обмену ссылками.
Если мое предложение заинтересовало, напишите мне на почту.
P.S. Увидел вас на блоге Петра)
Здравствуйте!
Написал Вам на почту!
Денис, Вы прям мои мысли читаете! После того, как я научилась благодаря Вам вставлять видео на блог, хотела обратиться к Вам с просьбой объяснить, как установить аудиоплейер! А тут Ваша статья! ура! я ведь работаю с языками и мне адио просто необходимо для работы. Только сначала мне придется разобраться с ftp-клиентом, надеюсь у меня получиться. У меня к Вам есть вопрос, который может быть полезен и другим новичкам: как вставить изображение книги возле формы подписки в сайдбаре? Я на одном из тренингов написала книгу, сделала обложку, а вот как ее поставить рядом с формой не знаю. Буду очень благодарна, если поможете. Вашу статью твитнула и лайкнула. Спасибо большое. А можно Вам еще вопросы задавать?
Денис, у меня твит не прошел. Пишут, что слишком много символов, нужно сократить.
Здравствуйте Наталья!
Спасибо за твит, я обязательно разберусь с длинной, можете потом ещё разок твитнуть!))
Да Наталья задавать можно и нужно, чем смогу помогу.
Для того, чтобы сделать изображение рядом с формой подписки в сайдбаре(например, как у меня!), нужно изначально куда-то закачать изображение.
Затем зайти в админку и выбрать текстовый виджет, перетянуть его в правую колонку и прописать путь к закаченному изображению.
У меня это выглядит вот так — < Img src="Ссылка на изображение" Width="260" Height="360" >, а цыфрами регулируются размеры. Можете закачать фотку на Народ.
Можно ещё прописать тот-же код в редакторе но там сложнее, делайте пока так, но если понадобиться помогу.
Хороший плеер у меня на сайте такой же используется
Я тоже так считаю! Простой и удобный!
Я только вчера об этом думал . Хотел искать как это сделать в поисковиках , а тут Ваша статья как-раз вовремя . Спасибо.
Здравствуйте Григорий!
Отлично, я рад, что мой материал оказался полезен и тем более вовремя! Значит, я не зря старался!
Заходите в любое время!
Личная просьба, сообщите, как можно вставить аудио с помощью кода. Чтобы не было никаких плагинов.
Здравствуйте! Как-то не задавался таким вопросом, но если найду решение обязательно отпишусь! Сам стараюсь уменьшить количество плагинов!
Добрый день, что может быть — //”Проверить” Нажмите на эту кнопку, чтобы убедиться, что папка аудио правильно настроена// не активна кнопка, причем я переустановил несколько плагинов плеера, к радости на вашей сборке есть русский язык, но увы не работает не только кнопка но и выдает сообщение на странице сайта — //Аудио клип: Для воспроизведения этого клипа требуется Adobe Flash Player (версии 9 или выше). Скачать последнюю версию здесь.У вас также должен быть включен JavaScript в вашем браузере.// версия Adobe Flash у меня стоит последняя, в чем причина ошибки?
Здравствуйте, Владимир! Решение этой проблемы, я пока тоже не нашёл. Долго бил, бил и просто забил! Зачем оно вообще, надо! Без папки аудио, всё отлично работает. Прописывайте ссылки напрямую и всё! Если, решение найдётся, я обязательно напишу его в этом посте. А пока и так всё отлично работает. Может, вообще разработчик криво плагин сделал, а мы голову ломаем!
Я бы тоже так сделал, полный путь к файлу, и все, НО у меня ерунда какая-то, при нажатии на ссылку плеера нет. а всплывает темный фон во весь сайт ( как при построении галереи) и все нету музыки. две ночи уже убил…
Если не сложно можете посмотреть (не для рекламы просто столкнулся впервые) http:// plotvinov.ru/audio/
Я Вам с удовольствием помогу! Вы всё неправильно делаете, вот готовое решение Вашей проблемы — [audio: ссылка на музыку]
Вставляете в любое место на блоге и всё заработает! Вставляете, как есть — вместо моих слов вставляете прямую ссылку: http:// Ваш блог/wp-content/uploads/2011/07/Plotvinov.mp3
Благодарю, Денис, все получилось, спасибо, а то я в двух соснах заблудился
Всегда пожалуйста!Сам по началу ночь сидел парился! Заходите почаще, буду рад новым друзьям!
Спасибо за информацию. Видимо пришло время использовать аудиоплеер на блоге.Можно выкладывать аудиоподкасты.
Всегда, пожалуйста! Аудио — это сила!
Денис, здравствуйте! у меня тоже проблема. установила плагин, вроде и ссылку загрузила, но плеер не играет. Его видно, показывает буфер, и не играет. В чём может быть проблема?
Здравствуйте, Надежда!
Дайте ссылку на то место, где установлен плеер.
Денис, вот ссылка на статью,где стоит плеер(можете ссылку сразу удалить). Кажется,вся проблема в ссылке на песню, на хостинге создала папку audio и залила туда трэк и как дать на него ссылку не пойму.Я полный чайник в таких делах.Потом конвертнула трэк,чтобы уместился в медиафайлы на моём блоге и скопировала в ссылку на эту песню в моих медиафайлах на блоге.
Вот это Вы повеселились!)
Короче, Надежда!
Открываете ftp, что это и как пользоваться есть на блоге. Затем, заходите через него в папку с вашим движком и создаёте там любую папку. После этого, перетягиваете в неё нужную Вам песенку, а в правом верхнем углу этого окошечка копируете абсолютный путь к этой песенке.
В начале этой ссылки будет адрес домена, удалите его и вставьте адрес своего блога. На конце ссылки поставьте слэш / название закинутой песенки.
Это мы с Вами сделали абсолютный путь к песенке. Затем, берём конструкцию [audio:сюда лепим наш абсолютный путь].
Вставляем эту крокозябру в любое место статьи, через HTML-редактор, сохраняемся и виляем тылом под хорошую музыку!
Всё должно работать!
уф, как всё подробно! спасибо большое! Завтра займусь))
Пожалуйста, Надежда! Я посмотрел по ссылке код вашей страницы, Вы там такую крокозябру вставили, поэтому и не работает! Сделаете, как я написал и всё будет хоккей!
Денис, FileZilla установила, ftp настроила, работает, связь с сервером есть. Мне человеку новому тяжело понять, как выглядит папка с движком. Вы уж меня простите, чайник я полный))Конкретно папки WordPress я не нашла. Есть wp-admin, wp-content, wp-includes.
Всё, что Вы нашли это и есть семейство папок движка. Вы сейчас находитесь в корневой папке — WordPress! Вот тут и создайте новую сестричку папочку и закидывайте в неё Ваши музыкальные композиции!
вот такой была ссылка до изменения /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: //.
Есть ещё вариант, что файл композиции на сервере не записался, нужно подождать некоторое время! Я когда делал, крутил, вертел код и так и сяк, а оказалось просто там файлы ещё не обновились!
Если ничего не выйдет, то зайдёте в папку с песней и скопируете всю ссылку на фтп, полное название песни и напишете всё это мне, а я тут пошаманю.
потому,что первый бабий блог — это мой сайт, а второй — это одна из папок.
Тогда понятно, у меня немного не так!
А может что в форматах трэка? или в весе самого трэка? Там нет ограничений по весу? 7mb Так тоже не пошло((
Обычно у всех mp3, а что там у Вас?
тоже оно самое. Ок, я принцип поняла. Попробую по папкам тогда пробежаться. Денис, спасибо большое за участие и помощь))
Пожалуйста, Надежда! Если что стучите! Самое главное — абсолютный путь!
Денис, привет. Очень хочу поставить аудиоплеер на сайт. Вот что я сделала: в корневую папку поместила скачанный плагин, поставила папку «languages»(язык плагина не поменялся!),далее преобразовала вашу ссылку( Поставила ее в сайд бар, но на сайте ничего не появилось. Какие мои ошибки? Считаю, что на вашем сайте человекопонятное обучение, подписалась на рассылку. А вот сама где-то ступила.
Здравствуйте, Елена!
Спасибо, за подписку!
Здесь, вот какое дело.
Для начала, посмотрите, я немного подправил код для вставки в сайдбар. Что касается перевода, у меня он перевёлся, после того, как я удалил из этого архива все остальные языки оставив только RU.
И теперь по ссылке в конструкции — закачать песенку можно куда угодно, но ссылка должна чётко вести через все папки к аудио файлу и она всегда начинается с адреса Вашего сайта.
То есть — http:// sozdaiblog.ru/wp-content/Папка с песенками/Ля-Ля.mp3
И иногда, требуется некоторое время на запись файлов на сервере, в связи с этим, плеер может сразу не заиграть!
Как-то так!
http:// planeta-misteriya.ru.ru/wp-content/Музыка на сайты/ZODIAK-Zodiak.mp3 Денис приветствую. Папку завела, музыку туда перенесла. Правильно ли получилось? Проверьте,пжлст
Да сейчас вроде всё верно, только когда вставлять будите, уберите пробел после — http://! Это я его специально оставил!
Вот целая картинка для сайтбара. Правильно?
Сейчас посмотрю!
Ничего не установилось((,Денис!
Скиньте мне адреса всех Ваших ссылок я посмотрю и путь закиньте полный из ftp прямо целиком ни чего не удаляя!
Добрый день! скачал плеер, делаю все как по инструкции, но не пашет
http:// emotiondance.ru/?page_id=36 сюда воткнул для проверки
[audio:http:// emotiondance.ru/wp-content/uploads/2012/09/Ameno. mp3] (пробелы спецом щас поставил)
буфферизация трека проходит но не играет… ааа я нуб ) помогите пож
Здесь проблем не много, или неправильно адрес указали, или она ещё на сервере не сохранилась, поэтому не играет! Всё ответы в основном уже есть в комментариях и разложены по полочкам, посмотрите, наверняка там есть ответ!
Здравствуйте. Я установила плеер на блоге — все работает отлично. Но вот вопрос: хочу, чтобы посетитель мог скачать любой понравившийся трек. Как это сделать, чтобы при нажатии ссылки «скачать» — открывалось окно в браузере посетителя и начиналось скачивание? Использовала wp-download manager (не нрав как выглядит- иконка, название и размер, м/б надо как-то настроить чтобы не показывалось?) и пробовала через медиафайлы в консоли. Как сделать лучше? заранее спасибо
Здравствуйте, Елена!
Если честно, я не задавался этим вопросом, думаю, тому кому нужен этот трек сами найдут способ его скачать, вон в контакте море музыки, бери и качай по названию! А вообще, наверное плагин какой-то есть!
Конечно можно принудительно ссылки лепить под плеером, а файлы в отстойник какой-нибудь закидывать!
Посмотрите мою статью — Обратные ссылки на сайт, там большая кнопка загрузки стоит, Вы также хотите закачивать! Если да, то это не очень сложно!
Добрый день, Денис.
Вот уже несколько дней пытаюсь вставить аудио на свой сайт.
[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
Посоветуйте, пожалуйста, что я не так делаю.
Заранее благодарна.
Здравствуйте, Раушания! У Вас или путь к песенке не верный или она ещё не записалась на сервер. Других проблем обычно не возникает!
У меня так было, когда трек содержал пробел в названии, а я его не учла при написании кода. Ну, или как пишет Денис, проверьте ваш путь к песенке более тщательно.
Привет поставил плеер в статьях все норм отображается , но я хочу поставить плеер в правом блоке пробую через виджеты/Текст вставляю код
на блоге отображается как название блока и все
не подскажите в чем косяк?
Здравствуйте, Сергей! А Вы пробелы убрали?
Ну их у меня и не быловот код:
Код не прошёл, можете через форму обратной связи написать!
Здравствуйте, Денис. Спасибо за полезные статьи, постоянно узнаю от Вас что-то новое, и конечно применяю на практике.
У меня один вопрос: я вывела в сайдбар ссылку на книгу за подписку (в редакторе), но почему то изображение книги выходит только когда человек находится на главной странице; как только открываю какую-нибудь рубрику или статью, изображение книги пропадает (просто стоит крестик). Пожалуйста, подскажите, отчего так происходит?
Здравствуйте, Елена! Вы её как вставляли, в какой файл и почему у Вас такая кривая ссылка на изображение?
Вставила в редакторе в файл sidebar-second.php. Вот так выглядит сама ссылка на изображение:
Ссылка составлена не правильно! Должен быть прописан либо уникальный адрес с использованием URL, или относительный с вставкой слеша (/) перед названием изображения если оно находится в том же месте, где весь сайт.
Работает во всех броузерах — Опера, интернет эксплорер, хром, но в Мозилле почему-то не работает, плеер высвечивается — но аудио не проигрывается , что такое может быть?
Возможно, нужно подождать! Такое бывает!
Здравствуйте! А можно ли сделать так, чтобы музыка запускалась автоматически при открытии страницы?
Можно, но не с помощью этого плеера. Но поверьте, это плохая затея. Вы не знаете музыкальных вкусов посетителей и появление постороннего звука при входе на сайт часто раздражает.
Добрый день,у меня блог с музыкальными файлами,например есть ссылка на прямое скачиваение файла, есть ли возможность как нибудь сделать,так что бы файл можно было прослушать перед скачиванием? зарание спасибо.
Здравствуйте, Анатолий! А Вы попробуйте просто реализовать код плеера вместе с композицией, а ниже ссылку на скачивание поставить.
Извините,я немного чайник в этом деле,а это как и какой плеер лучше установить для этого дела?
Устанавливаете плеер по описанному способу, а под ним просто размещаете ссылку на необходимый трек, который предварительно закидываете в папку «downloads». Она находится рядом с той папкой, куда Вы плагины загружаете. Желательно воспользоваться FTP-клиентом. Статья на блоге о нём есть, советую почитать.
Всё получилось,спасибо большое,подпишусь на ваш наиполезнейший блог,на нем много полезной информации, можно еще сделать на этом плеере что бы была кнопка скачать сразу проигрывающую композицию,или может посоветуете плеер с такой функцией
Пожалуйста, Анатолий!
В этом плеере нет такой возможности. А другими я не интересовался. Но они 100% есть, лично видел.
Народ не паримся!!!)) вот здесь http: //pleer.com/upload заходите загружаете музыку, в настройках получаете НТМL-код, копируете и вставляете куда вам надо!!! все работает!!))
Потом ресурс накрывается, а вмести с ним наша музыка. Отличный вариант!)))
Приветствую, Денис!
Как раз думал об удобстве выдвигающегося плеера и набрёл на предложенный Вами)) У меня вопрос: можно ли такой плеер использовать в браузере IE начиная с шестой версии (плеер нужен для работы в CHM-файле), при этом чтобы ссылки на аудио были локальными?
Здравствуйте! Не проверял его в IE!