×
HeadHunter and Superjob rezume updater on Ruby on Rails (21 авг 2017)

Практикуемся в написании кода под rails.

Идея Аудиоплэйер для WordPress

Больше
4 года 8 мес. назад - 4 года 8 мес. назад #1 от Aleksej
Aleksej создал эту тему: Аудиоплэйер для WordPress
Понадобилоcь мне тут совсем недавно - аудиоплагин найти для Wordpress, дабы можно было без проблем на страничках блога музыкальные файлы воспроизводить и слушать. Как всегда в подобных случаях, пришлось провести некое исследование... чем же именно на предмет такого рода расширений может похвастаться знаменитый блоговый движок? Разумеется, не хотелось устанавливать на сайт то, что заведомо не протестировано с последней на данный момент версией WP 3.5.1 (а таких плагинов очень немало, стоит заметить); равно как и те плагины, авторы которых не выпускали обновлений своих программных кодов достаточно долгое время - были забракованы.

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

Результаты изысканий изложены ниже. Сразу оговорюсь, что при всем многообразии имеющихся расширений для WordPress - не так уж и легко найти именно то, что нужно... Расскажу о трех бесплатных плагинах, позволяющих с большей или меньшей степенью пользовательского комфорта прокручивать в блоге аудиофайлы; если что-то забыл/упустил/не понял - заранее спасибо за любую ремарку. Поехали.

Итак, HTML5 jQuery Audio Player для начала. На страницах данного сайта - плагинам, берущим начало от jQuery, уделено немало внимания... так что название и подкупило.

Фичи проекта:
  • Supports mp3 and ogg file formats
  • Attractive and customisable design
  • HTML5 based player with Flash backup
  • Works in all major browsers - IE7, IE8, IE9, Safari, Firefox, Chrome
  • Works on mobile devices including iPhone/iPad
  • Can enable Buy or Download tracks button - tutorial here
  • Autoplay on/off option
  • User ratings on/off option
  • Add the player to any post/page using shortcode [hmp_player]

Страничка HTML5 jQuery Audio Player на wordpress.org

Действительно: HTML5 jQuery Audio Player корректно работает, по моим наблюдениям, во всех вышеупомянутых браузерах. Да еще и в iPhone/iPad, по заявлению разработчика, тоже должен. Отметил небольшой трабл: в линуксовой Opera у меня не видна картинка (иллюстрация плэйлиста), путь к которой сам прописываешь в настройках плагина. Но звук есть... в FF и Chrome - без проблем. Тем не менее, плагин неплохо смотрится на сайте, даже в бесплатной версии. Хотя обладает существенным, при всех своих достоинствах, минусом: будучи размещен на страничке блога (для этой цели служит шорткод, единственный, насколько сумел разобраться, в бесплатной версии - еще один минус) вносит ошибку в RSS Feed, заставляя напрочь вырубаться соответствующий виджет.

Идем далее. HTML5 MP3 Player with Playlist

Опять я соблазнился HTML5, за ним будущее... впрочем, уже и настоящее.
  • Supports mp3 format
  • Supports XML based Song Playlist
  • Supports Unicode
  • Social Links Facebook/Twitter
  • Works in IE, Safari, Firefox, Chrome, Opera, mobile devices including Android/iOS
  • Player have shortcode for post/page Small Player [html5mp3small:id] and Full Player [html5mp3full:id]

Страничка HTML5 MP3 Player with Playlist на wordpress.org

Allows WordPress users to easily use HTML5 the element enable native audio playback within the browser. It supports all browsers i.e. Firefox, Chrome, Safari, IE and Opera. HTML5 Audio Player with Playlist, Repeat, Random, Stream Seek, Volume Control, Timer, Next, Previous, Play-Pause option.


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


Но я все же остановился на другом расширении. Берем на вооружение, рекомендую: WP Audio Player. Страничка проекта на wordpress.org

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

Адаптивность
Смартфоны, планшеты или 30-дюймовые дисплеи: плеер отлично работает при любом размере экрана. Без необходимости применять media queries у вас в распоряжении будет простой гибкий шаблон. Плеер представляет собой довольно маленький объект, и это значительно облегчает задачу. Дальше мы более подробно рассмотрим все это.

Сенсорное управление
Он реальный, живой, и вы можете прикоснуться к нему. Плеер можно использовать для сенсорных экранов. Все, что можно делать курсором, вы сможете делать пальцем. Каждое действие имеет отдельные touch-события.

Отзывчивость
Отключена поддержка javascript? Не беспокойтесь, за вас всю работу сделает стандартный плеер браузера.
Кнопка регулировки звука скрывается, когда регулировка громкости недоступна (минус для iOS).
Когда браузер не поддерживает элемент «audio» или какой-то из представленных аудио-файлов, плеер элегантно трансформируется в однокнопочный (Воспроизвести/Остановить) плеер на основе элемента «embed /», который использует сторонний плагин (чаще всего Quick Time на Mac, Windows Media Player на Windows) для воспроизведения аудио.

Отсутствие изображений
В процессе разработки этого плеера ни одно животное не пострадало. Мы имеем в виду, что ни одно изображение не было использовано, только чистый код CSS.

Управление

  • Строка прогресса и кнопки воспроизведения и паузы
  • Регуляторы громкости
  • Индикатор загруженных аудио-файлов (прошедших буферизацию)


Потестил; плэйер без проблем, по видимому, работает во всех основынх браузерах. Правда, отметил некоторые проблемы с mp3: в FF и Opera звук у меня не пошел. Но с тем же самым аудиофайлом, пережатым в .ogg - все заработало просто на редкость великолепно, так что лучше и не надо. К сожалению, актуальная версия плагина разрешает размещение плэйера лишь один раз на страничке, в самом низу, по окончании текста (сразу перед комментами). Но автор обещает в будущем исправить этот недочет: Right now, it only supports a single file, but I’ll make a note to add multiple file support and see what we can do.

Что же, пока что меня все устраивает и так. Ждем!

P.S. Демо плэйера (не только под WP, но и под любой вообще сайт) выложил здесь, welcome по ссылке .
Последнее редактирование: 4 года 8 мес. назад от Aleksej.

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.