Расширение Joomla - mp3 Browser Fork

Стильный проигрыватель музыкальных произведений в популярном формате mp3. На вид очень похож на плеер сайта ololo. Не встраивает музыку с других сервисов, а берет именно с нашего сайта, представляя подробную информацию о композиции.

Карточка расширения mp3 Browser Fork

Текстовое описание урока

Демо

Расширение Joomla - mp3 Browser Fork

Шаг 1. Установка расширения

Статья «Все способы установки расширений Joomla».

Ссылка для установки из URL - https://www.totaalsoftware.com/downloads/mp3-browser/download/4-mp3-browser-0-3-1-zip

Шаг 2. Включение плагина

Урок «Включение плагинов в Joomla».

Шаг 3. Плагин «Smart Search - mp3 Browser Fork»

Включение данного плагина позволит интегрировать музыкальные композиции в поиск сайта.

Расширение Joomla - mp3 Browser Fork

Шаг 4. Настройка плагина «Content - mp3 Browser Fork»

Вкладка Плагин:

  • Max. rows - максимальное количество строк
  • Hide when empty - скрывать когда нет файлов
  • Include sub-folders - включать музыку из подпапок
  • Sort by - сортировка по различным критериям
  • Sort direction - направление сортировки (по возрастанию или по убыванию)

Расширение Joomla - mp3 Browser Fork

Вкладка Column Output:

  • Download - показ колонки для скачивания
  • Limit download - при активации скачивание разрешено только зарегистрированным пользователям
  • Size - показ размера файла
  • Duration - отображение длительности композиции
  • Extended info - показ расширенной информации

Расширение Joomla - mp3 Browser Fork

Вкладка Styling:

  • Table width - ширина таблицы
  • Table strategy - создание таблицы с помощью табличных элементов или дивов (div)
  • Switch template - здесь указывается используемый на сайте шаблон
  • Header height - высота заголовка
  • Row height - высота строк

Расширение Joomla - mp3 Browser Fork

Настройка цвета для заголовка и строк таблицы.

Расширение Joomla - mp3 Browser Fork

Для определения цвета можете воспользоваться специальной программой Pixie.

  • Volume control - управление громкостью
  • Dotcom backlink - ссылка на сайт разработчика

Шаг 5. Вставка тега плагина в материал

Предварительно создаем любую папку (rock), например, в каталоге «images» и загружаем в нее музыкальные треки. Вставляем в материал теги (music) с указанием папок, где находятся файлы.

{music}images/rock{/music}

Расширение Joomla - mp3 Browser Fork

На этом все, до новых интересных уроков.

 

Комментарии  

как загрузить в папку (rock), через медиа- менеджер ? :eek: я загрузил просто на диск C:\WebServers\home\localhost\www\moy sayt но половина песен не проигрывает и как поставить музыку на главную! Спасибо!
#4 Андрей 31 июля 2015 0
Цитирую Виталий Куликов:
Цитирую mirage:
а если нужно как раз чтобы по русски было написано кто исполнитель и название песни, не нашли еще решения как исправить?)

Только транслитом нормально получается. Можете тоже написать разработчику расширения, я вот пробовал, пока ответа нет.

Можно попробовать изменить формат тегов, в частности на андроиде у меня не читались русские теги, а были крокозябры.
После того как отредактировал теги в нужный формат, . Русские теги стали читаться корректно. Теперь всегда так делаю со всей музыкой.
http://www.xdlab.ru/
#3 Alekshavanov 12 марта 2015 0
Цитирую mirage:
а если нужно как раз чтобы по русски было написано кто исполнитель и название песни, не нашли еще решения как исправить?)

Только транслитом нормально получается. Можете тоже написать разработчику расширения, я вот пробовал, пока ответа нет.
#2 Виталий Куликов 12 марта 2015 0
а если нужно как раз чтобы по русски было написано кто исполнитель и название песни, не нашли еще решения как исправить?)
#1 mirage 12 марта 2015 0

Добавить комментарий

ОСНОВЫ GANTRY 5

21 ВИДЕО-УРОК

Общая продолжительность курса: 167 минут 59 секунд

Заставка к курсу Виталия Куликова "Перенос сайта на хостинг"
7 мин. 40 сек.

Урок #1

Преимущества связки Gantry 5 и Joomla. Шаблоны-трансформеры во всей красе!


Запустить видео


ТЕКСТОВАЯ ВЕРСИЯ (в новом окне)

Заставка к курсу Виталия Куликова "Перенос сайта на хостинг"
12 мин. 37 сек.

Урок #2

Установка Gantry 5. Документация и системные требования.


Запустить видео


ТЕКСТОВАЯ ВЕРСИЯ (в новом окне)

Заставка к курсу Виталия Куликова "Перенос сайта на хостинг"
10 мин. 02 сек.

Урок #3

Как работать в панели управления Gantry 5.


Запустить видео


ТЕКСТОВАЯ ВЕРСИЯ (в новом окне)

Заставка к курсу Виталия Куликова "Перенос сайта на хостинг"
3 мин. 46 сек.

Урок #4

Русификация панели управления Gantry 5 и документация на русском.


Запустить видео


ТЕКСТОВАЯ ВЕРСИЯ (в новом окне)

Заставка к курсу Виталия Куликова "Перенос сайта на хостинг"
3 мин. 53 сек.

Урок #5

Включаем режим разработчика development в меню Gantry 5


Запустить видео


ТЕКСТОВАЯ ВЕРСИЯ (в новом окне)

Заставка к курсу Виталия Куликова "Перенос сайта на хостинг"
2 мин. 50 сек.

Урок #6

Управление разными стилями в Gantry 5


Запустить видео


ТЕКСТОВАЯ ВЕРСИЯ (в новом окне)

Заставка к курсу Виталия Куликова "Перенос сайта на хостинг"
11 мин. 44 сек.

Урок #7

Разбираемся с модулями Частица Modul Position.


Запустить видео


ТЕКСТОВАЯ ВЕРСИЯ (в новом окне)

Заставка к курсу Виталия Куликова "Перенос сайта на хостинг"
7 мин. 03 сек.

Урок #8

Что такое Секции и как с ними работать.


Запустить видео


ТЕКСТОВАЯ ВЕРСИЯ (в новом окне)

Заставка к курсу Виталия Куликова "Перенос сайта на хостинг"
3 мин. 59 сек.

Урок #9

Стандартные наборы готовых стилей в Gantry 5.


Запустить видео


ТЕКСТОВАЯ ВЕРСИЯ (в новом окне)

Заставка к курсу Виталия Куликова "Перенос сайта на хостинг"
5 мин. 58 сек.

Урок #10

Использование частицы Module Instance.


Запустить видео


ТЕКСТОВАЯ ВЕРСИЯ (в новом окне)

Заставка к курсу Виталия Куликова "Перенос сайта на хостинг"
9 мин. 16 сек.

Урок #11

Как убрать наследование в Gantry 5.


Запустить видео


ТЕКСТОВАЯ ВЕРСИЯ (в новом окне)

Заставка к курсу Виталия Куликова "Перенос сайта на хостинг"
7 мин. 54 сек.

Урок #12

Сразу три частицы Spacer, Branding и Copyright.


Запустить видео


ТЕКСТОВАЯ ВЕРСИЯ (в новом окне)

Заставка к курсу Виталия Куликова "Перенос сайта на хостинг"
10 мин. 37 сек.

Урок #13

Конструктор посадочных страниц Landing Page в Gantry 5.


Запустить видео


ТЕКСТОВАЯ ВЕРСИЯ (в новом окне)

Заставка к курсу Виталия Куликова "Перенос сайта на хостинг"
4 мин. 09 сек.

Урок #14

Работа с Умолчаниями для частиц в Gantry 5.


Запустить видео


ТЕКСТОВАЯ ВЕРСИЯ (в новом окне)

Заставка к курсу Виталия Куликова "Перенос сайта на хостинг"
5 мин. 47 сек.
Заставка к курсу Виталия Куликова "Перенос сайта на хостинг"
4 мин. 40 сек.

Урок #16

Настройки стилей для секций в Gantry 5.


Запустить видео


ТЕКСТОВАЯ ВЕРСИЯ (в новом окне)

Заставка к курсу Виталия Куликова "Перенос сайта на хостинг"
5 мин. 08 сек.

Урок #17

Изменение заднего фона, шрифтов и цвета текста в Gantry 5.


Запустить видео


ТЕКСТОВАЯ ВЕРСИЯ (в новом окне)

Заставка к курсу Виталия Куликова "Перенос сайта на хостинг"
12 мин. 26 сек.
Заставка к курсу Виталия Куликова "Перенос сайта на хостинг"
10 мин. 17 сек.

Урок #19

Настройки на вкладке Page_Settings в Gantry 5.


Запустить видео


ТЕКСТОВАЯ ВЕРСИЯ (в новом окне)

Заставка к курсу Виталия Куликова "Перенос сайта на хостинг"
8 мин. 35 сек.

Урок #20

Работа с конструктором меню в Gantry 5.


Запустить видео


ТЕКСТОВАЯ ВЕРСИЯ (в новом окне)

Заставка к курсу Виталия Куликова "Перенос сайта на хостинг"
19 мин. 38 сек.

Урок #21

Недосказанное + расширения для Gantry 5.


Запустить видео


ТЕКСТОВАЯ ВЕРСИЯ (в новом окне)