Плагин "Аудиозаписи"
Плагин автоматически подключает плеер для файлов формата 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:
Параметры конфига:
UPD2:
Для тех, кто серьезно собирается продвигать вставку кода на другие сайты, т.е. с большой посещаемостью — будьте готовы держать сайт на отдельном сервере. Делаете серьезный проект — ставьте хороший сервер.
Параллельное воспроизведение (само собой) нескольких треков одновременно.
В одном топике может быть неограниченное количество плееров. А главное — не нужно возится ни с каким кодом — загрузил 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 комментария
Еще вопрос, вконтакте появилась лафная фишка, что можно слушать аудио и переходить по страницам, при этом плеер находится на самой странице, а не в отдельном фрейме. Возможно ли реализовать такую же штуку?
такой вопрос. совместим ли он с шаблоном «social». если да, я сразу же покупаю сиё творение
Да, совместим. Сегодня проверяли. Скриншот (справа, в сайдбаре, информация скрыта т.к. скриншот с сайта клиента)
+1.
По идее конфликтовать может только с хтекст(т.к. там тоже есть плеер). Пробовал отключать — всеравно не работает
разумеется труе
www.belmetal.org/bands/belmetal/blog/15.html
Сейчас у меня медленное соединение с интернетом, запускаю плеер, начинает играть. Процесс-бар быстро доходит до 100%. Песня обрывается. Процесс бар тикает в обратную сторону, где-то на 90% плеер опять начинает играть, полоска растет до 100% и опять останавливается.