Прежде, чем начать свою статью, скажу спасибо Ирине, которая задала мне вопрос про аудиоплеер.
Итак приступим. Для начала скачиваем, устанавливаем и активируем плагин прямо в админ панели.
Как обычно, у меня он уже установлен.
Дальше очень важный момент. В параметрах плеера необходимо глянуть куда нам закачивать файлы.
Опять же рассматриваю пример на своем личном опыте. Переведу ругательскую запись: папка аудио не найдена. Пожалуйста создайте эту папку на Вашем сервере. Вопрос: Где Наш сервер? А Наш сервер на .
Итак, на сайте заходим в Нашу панель управления, далее заходим в Файлы:
Находим папку domains:
Заходим в нее и ищем perepechatki.ru:
Напомню, следуем Нашему индивидуальному ругательству, возможно у Вас путь будет совсем другой. Итак продолжим поиски, public_html:
На этом Наши поиски закончились. Здесь папку аудио необходимо создать самим. Для этого пролистываем страницу до конца и следуем картинкам:
Очень важно создать папку на английском языке (наше ругательство).
Заходим в нее и загружаем Наши аудиофайлы:
В обзоре загружаем файлы с компьютера и нажимаем загрузить файлы:
Ну вот вроде пока никаких ругательств:
Дальше я проделала весь этот путь заново, то есть нашла Нашу папку аудио, чтобы убедиться что наш файл закачался:
Теперь заходим в параметры где было ругательство, и нажимаем кнопку Verify (Проверить) . На этом этапе мы очень радуемся)).
Ну а теперь самое простое. В записи или на странице пишем такой текст. Я писала не в HTML , а визуально. Обязательно запись должна быть в квадратных скобках [ ]
audio:nastya_zadorozhnaya__stasya__-_budu.mp3
На просмотре страницы вот такой вид:
Если нажать на треугольник, то загрузится песня и плеер примет вид (у меня видимо файл оказался глючным, но играет):
Также можно использовать опции запуска, для этого необходимо вставить код
audio:name_of_mp3_file.mp3|option1=value|option2=value , option=value может принимать следующие значения:
1. autostart=yes - плеер автоматически проиграет файл
2. loop=yes - циклическое проигрывание файла
3. bg=0xHHHHHH - Цвет фона плеера.
4. leftbg=0xHHHHHH - цвет левой части фона
5. rightbg=0xHHHHHH - цвет правой части фона
6. rightbghover=0xHHHHHH - цвет правой части фона (hover)
7. lefticon=0xHHHHHH - Цвет левой иконки
8. righticon=0xHHHHHH Цвет правой иконки
9. righticonhover=0xHHHHHH Цвет правой иконки(hover)
10. text=0xHHHHHH Цвет текста
11. slider=0xHHHHHH Цвет ползунка
12. loader=0xHHHHHH Loader bar colour
13. track=0xHHHHHH Цвет полосы прокрутки
14. border=0xHHHHHH Цвет рамки полосы прокрутки
Пример:
audio:name_of_mp3_file.mp3|autostart=yes|bgcolor=0×000000
P.S.
В моей теме в виджетах на главную страницу вставить плеер не получилось. И не забывайте про квадратные скобки.
Загрузка ...P.S. я хотела бы предложить Вам видеокурс , где подробно рассказывают о всех тонкостях .
Похожие записи
26 комментариев
Спасибо за предоставление информации, как в школе Старт Ап все понятно
Бли-и-и-и-и-ин!!! Мне Вас сам бог послал! Я два дня бьюсь с этим плеером, установил, работает, но играет ту музыку, которая в его плейлисте по умолчанию. У меня другой плеерок, посимпатичнее. А как и где создавать папку «аудио» нигде не мог найти.
Огромное Вас спасибо, все расписано понятно, даже таким валенкам, как я. Ольга, можно я к Вам в друзья запишусь в соцсетях и на твитере? Ваш сайт просто находка и по другим вопросам! Спасибо!
Спасибо, Владимир. Конечно можно, записывайтесь.
спасибо, технические вопросы всегда интересны.
Оль, какой подарок! Пыталась самостоятельно разобраться, только запуталась больше!) Спасибо, бегу пробовать!
Еще вопрос, где безопасно скачать плагин для плейера?
Ирина, я качала прямо в админ панели
Спасибо, сколько билась, не могла установить плейер, ваша статья поможет.
Думаю, что после вашей заметки ни у кого не будет проблем с установлением плейера на страницы!
Ульяна, спасибо. Думаю, что Все справятся.
Спасибо за нужную и полезную информацию
Елена, спасибо. Очень приятно.
Вот спасибо!, а я не знала как это сделать! Сейчас разбираться не буду, в закладки положу!
Наверное у меня с шаблоном что-то не так. Не хочет плеер работать, приходится подкасты вставлять.
Светлана, я даже не представляю что такое подкасты. У меня плеер не работает на главной странице. А на записях и в странице все отлично.
Конечно, это очень основательный путь. Я шла более коротким путем и получила тот же результат. Выложила свой эксперимент на своем сайте. У вас более профессионально расписано.
Спасибо, Ирина. Путей на самом деле много. Например как копировать текст я знаю три способа. Но ведь каждый пользуется своим. Гляну как сделали Вы.
Все очень понятно и наглядно. Спасибо за такую нужную статью. Ложу в закладки.
Галина, спасибо.
Судя по дате статьи я не та самая Ирина, которая задала вопрос. Но как раз сегодня я старалась разобраться с ним. Спасибо. Все понятно и доступно. Буду брать на вооружение
Спасибо, Ирина. Статья получилась очень большая, но хотелось расписать все пошагово.
Здравствуйте Ольга! Спасибо за информацию. Ваш сайт понравился . ученик декабря школы стартап. Пожалуйста заберите переходящий кубок признания Вам по адресу который внизу ваш!!!
Леша спасибо, помещу Ваш сайт в друзья, но кубки передавать не буду)))
Ооооочень, оооочень хочу аудиоплеер!
А вот я им не пользуюсь.
Благодарю тебя!!!
Оставить комментарий или два