Плагин "Аудиозаписи"

Плагин автоматически подключает плеер для файлов формата mp3, которые были загружены в топик с помощью плагина Attachments или методом анализа топика на предмет ссылок в нем на mp3 файлы. Также позволяет подключать обложку трека (альбома), делать возможным скачивание треков, код вставки плеера на другие сайты, темы плеера и т.п.

Параллельное воспроизведение (само собой) нескольких треков одновременно.

В одном топике может быть неограниченное количество плееров. А главное — не нужно возится ни с каким кодом — загрузил mp3 (через плагин Attachments) и/или в топик вставил ссылку на аудио — опубликовал — и сразу есть плеер.

Полностью настраиваемый внешний вид (все с помощью CSS), никакого флеша снаружи, обычная верстка на div. В этом топике опубликованы скриншоты разных плееров — все эти шаблоны идут вместе с плагином в комплекте.


Если запустили один трек, позже включили ещё один и играет сразу два трека? Не проблема — появится маленькое попап окно возле плеера с вопросом «Остальные — выключить?».

Плеер показывает имя исполнителя и название трека, если есть ID3 теги и их можно прочитать.

Есть возможность вставки кода аудио плеера (embed код) на другие сайты в том числе и на сам сайт с LiveStreet (об этом — ниже). Пользователю сайта нравится трек? Так пусть публикует его на своей домашней страничке.

Можно вставлять обложку (изображение) альбома или исполнителя в плееры. Чтобы это выполнить достаточно в топик вместе с аудиофайлом загрузить изображение формата png, gif, jpg или jpeg с тем же именем что и имя трека (через плагин Attachments) или проставить ссылку на само изображение.



Этот плеер поддерживает темы (шаблоны, «шкурки»), которые помогут максимально приспособить плеер к Вашему сайту. В стандартной поставке с плеером для примера идут 6 скинов: стандартный светло белый, тёмный и небесного цвета, светлый мини плеер для любителей компактных элементов, а также стильный вертикальный плеер и мод вертикального плеера.



В главное меню добавлен пункт «Аудиозаписи» куда выводятся все топики с аудиофайлами.

Тех. подробности:

Для вставки кода плееров на сайте с ЛС (в блоги пользователей и т.п.) в плагине есть опция включения поддержки тега iframe через который осуществляется вставка кода плеера. Помимо включения также сделана защита тега iframe на предмет контроля списка разрешенных доменов, с которых разрешена вставка кода. По умолчанию прописан тот же домен что и сам сайт. Опция отключаемая.

Если возможно — плагин осуществляет проигрывание файлов по стандарту HTML5 (тег audio), иначе через Flash ядро. Переключение с HTML5 на Flash API происходит внутри плагина.

Построен плагин на библиотеке, которая используется многими крупнейшими музыкальными сервисами (Last.fm, SoundCloud, Opera Software и т.п.)

Проверено в ФФ, Опере, Хроме, ИЕ8, Сафари. Само ядро поддерживает все браузеры, начиная с ИЕ5.5.

Если купить плагины Прикрепление файлов к топику и Аудиозаписи можно поднять у себя на сайте персональный подкаст терминал — пользователи публикуют свои треки, есть коды для вставки на другие сайты, есть комментарии (стандартный ЛС), можно скачивать треки, можно задать внешний вид плеера (тема, обложка плеера). Кто хочет — может прикрутить статистику прослушивания/скачиваний.



И будет маленький конкурент таким гигантам как, например, SoundCloud.

P.S. Конечно сюда можно много ещё чего добавить — статистику прослушивания треков и количество прослушиваний на других сайтах (через ембед код), треклисты, а для особо требовательных — спектро-анализаторы и т.п. Вместить все это сюда — это будет очень большой комбайн. Кто сильно пожелает — может дописать все необходимое сам — в этом плагине все легко расширяется.

Плагин доступен в каталоге. Стоимость 27$.

Пример топика с АЗ:



UPD:
Параметры конфига:

- Получать ли данные о загруженных (прикрепленных) файлах от плагина Attachments
- И/ИЛИ получать данные методом анализа текста топика на предмет наличия в нем ссылок (!) на mp3 файлы
- Показывать или нет аудиоплеер в топиках для mp3 файлов
- Показывать в главном меню пункт "Аудиозаписи" (все топики с аудиофайлами на одной странице)
- Количество топиков с плеерами на странице "Аудиозаписи"
- Доступно ли скачивание трека пользователями в плеере
- Время (мсек) для показа попап окна "Остальные играющие треки - выключить?", если включено одновременно несколько плееров
- Громкость плееров по умолчанию (0..100)
- Место в топике, куда вставлять аудиоплеер(ы). Значение CSS ВНУТРИ div.topic
  Возможны значения:
   "ul.tags" - после текста, перед тегами
   "div.content" - после заголовка, перед текстом
   "h1.title" - перед заголовком

- Разрешить пользователям вставлять плееры на свои сайты (embed код)
- Время (мсек) для показа попап окна кода плеера (embed)
- Время (мсек) показа попап окна названия трека

- Главная таблица стилей, которая определяет внешний вид плеера
  В плагине есть несколько предустановленных тем плеера, а именно:
   "style_default" - светлый стандартный плеер
   "style_black" - затемнённый стандартный плеер
   "style_blue" - небесного цвета стандартный плеер
   "style_mini" - миниатюрный и компактный плеер
   "style_album_block" - вертикальный стильный плеер
   "style_modern2" - мод вертикального плеера

- Включить поддержку тега <iframe />. Сработает если также включен режим получения кода плеера
- Список разрешенных (доверенных) доменов для которых разрешена вставка через <iframe /> (проверяет атрибут src тега iframe)


UPD2:
Для тех, кто серьезно собирается продвигать вставку кода на другие сайты, т.е. с большой посещаемостью — будьте готовы держать сайт на отдельном сервере. Делаете серьезный проект — ставьте хороший сервер.

33 комментария

avatar
ой какая плюшка, есть где повертеть?
avatar
Вечером подниму для вас тестовую ЛС. Вам с плагином Attachments для проверки или без?
avatar
да с ним, есть как раз проект кукуда бы подкаст терминал можно повесить
avatar
Отличный плагин, готов купить. Но очень нужны трек-листы. Хотим на сайте размещать целые альбомы некоторых исполнителей, делать это в 10 отдельных плеерах очень не гоже.

Еще вопрос, вконтакте появилась лафная фишка, что можно слушать аудио и переходить по страницам, при этом плеер находится на самой странице, а не в отдельном фрейме. Возможно ли реализовать такую же штуку?
avatar
Как я отмечал выше добавление таких функций превратит плагин в комбайн, поэтому пока плагин не окупит затрат на его разработку, добавление новых фич не планируется.
avatar
в таком случае огласите сумму затрат на его разработку, а то это «пока» может и 10000$ быть :)
avatar
Кстати, то как они делают мне точно не известно, но о том что я догадываюсь нужно подумать и тестировать. Разработчикам вконтакте за эти фичи платят.
avatar
Добавил в конец топика список параметров конфига.
avatar
Точно куплю, через пару-тройку месяцев. Отлично. Единственно, что возможно некоторые «допилы» понадобятся. Можно будет обратиться или продукт «как есть»?
avatar
Можно.
avatar
А по поводу плей-листов обратиться можно?)
avatar
Можно. Напишите в личку ТЗ.
avatar
А поюзать где можно?
avatar
внес незначительную поправку в код так что плагин снова на модерации
avatar
очень заинтересовал данный плагин. безусловно, один из самых интересных, из представленных плагинов, на данный момент. странно что на него столь низкая цена…
такой вопрос. совместим ли он с шаблоном «social». если да, я сразу же покупаю сиё творение
avatar
странно что на него столь низкая цена…
Надеюсь что его будут активно покупать. Решил попробовать сделать плагин дешевым и доступным большему числу людей, чем сделать цену высокой что может сильно ограничить число покупателей. Надеюсь что поступил верно.

совместим ли он с шаблоном «social». если да, я сразу же покупаю сиё творение
Да, совместим. Сегодня проверяли. Скриншот (справа, в сайдбаре, информация скрыта т.к. скриншот с сайта клиента)
avatar
Долго модерируют. ((( Деньги стыну. ))
avatar
Бывает что модерация плагинов длится по нескольку дней. Возможно много работы.
avatar
Отзывы покупателей не принимают за флуд? Тогда ок. Итак, плагин при первом рассмотрении замечательный и стоит тех небольших денег за которые продаётся. Рекомендую интересующимся приобретать. Надеюсь, что плагин будет обновляться и улучшаться.
+1.
avatar
Зачетная плюшка буду ставить.
avatar
В одном топике может быть неограниченное количество плееров. А главное — не нужно возится ни с каким кодом — загрузил mp3 (через плагин Attachments) или в топик вставил ссылку на аудио — опубликовал — и сразу есть плеер.
Файл mp3 лежит у меня на сервере, пытался вставить как «голый» урл, урл завернутый в тег А, урл завепнутый в тег аудио, но плеер не появляется. Я чтото не так делаю?)

По идее конфликтовать может только с хтекст(т.к. там тоже есть плеер). Пробовал отключать — всеравно не работает
Активные плагины
aceAdminPanel, v.1.4.141 — Ok
Livestreet Profiler Plugin, v.1.0.1
Yandex and Google Maps, v.0.1.4
RusUrls, v.0.5
Static page, v.1.2.1
Livestreet Sbookmarks Plugin, v.01.0
Image Preview, v.0.3
Пылесос, v.0.1.0
Pingator, v.1.3.1
SEO, v.0.1
Robostat, v.0.5.3
ShowVotes, v.0.2
ExVideo Parser, v.1.2
Note, v.1.0
Similar topics, v.0.2
Sitemap, v.0.2.1
Auto fields, v.1.0.0
aceMySearch, v.1.4.106
Read before comment, v.1.0.1
Search Auto Completer, v.1.0.3
Livestreet Company Plugin, v.4.2.1
Alphabet, v.0.5
Audio records, v.1.0.3
avatar
параметр
// И/ИЛИ получать данные методом анализа текста топика на предмет наличия в нем ссылок (!) на mp3 файлы

разумеется труе
avatar
Файл mp3 лежит у меня на сервере, пытался вставить как «голый» урл, урл завернутый в тег А, урл завепнутый в тег аудио, но плеер не появляется. Я чтото не так делаю?)
Да. Или какой-то плагин у вас конфликтует. Вообще чтобы понять что да как — поставьте скин new и пробуйте снова.
avatar
Ставил, не дурак, всеравно не отображается
www.belmetal.org/bands/belmetal/blog/15.html
avatar
отключите хтекст.
avatar
покажите на скине new и выкл. хтекст.
avatar
Чудом заставил работать два плагиа всемте. При этом хтекст отзывается на тег аудио, а аудиозаписи только на тег А. Скажете, можно ли сделать так, чтобы плеер размещался не в фиксированном месте, а там же где размещена ссылка на мп3 файл?
avatar
А еще прогресс-бар как-то подозрительно скачет?
avatar
Понял из-за чего скачет. По-ходу плеер принимает за 100% процесс-бара тот кусочек трека, который уже загрузился на компьютер. Посылки:
Сейчас у меня медленное соединение с интернетом, запускаю плеер, начинает играть. Процесс-бар быстро доходит до 100%. Песня обрывается. Процесс бар тикает в обратную сторону, где-то на 90% плеер опять начинает играть, полоска растет до 100% и опять останавливается.
avatar
По-ходу плеер принимает за 100% процесс-бара тот кусочек трека, который уже загрузился на компьютер.
Верно. Из-за ИД тегов, которые физически могут быть как в начале так и в конце файла, то 100% файла принимается за то что получили с сервера (если ид тег в конце и длина не известна) или если ид тег прочитан (в начале файла), то длина воспринимается корректно.
avatar
нет.
avatar
понимаю что soundmanager, в коробке плейлисты по умолчанию есть?
avatar
плейлистов нету.
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.