Модуль VTEM MP3 аудио плеер для Joomla 6

Данный MP3 плеер для Joomla 6 можно использовать в любом месте шаблона сайта на базе этой cms (только для версий Joomla 4 и «старше»), поскольку это — обычный модуль, с обычной процедурой инсталляции и размещения.

Установка модуля: стандартная для Joomla 6.

Рабочее Демо MP3 плеера: справа. Модуль, в данном случае, размещен в материале. Но может быть опубликован в любой «модульной» позиции на усмотрение вебмастера/администратора сайта.

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

Основные характеристики модуля MP3 плеера для Joomla

• Плеер работает на Joomla версий 4 — 5 — 6.
• Модуль распространяется бесплатно, т. е. даромБез каких-либо «гарантий» и/или «претензий».
  Модуль тестировался во всех своих режимах, на нескольких сайтах, траблов не отмечено. В случае обнаружения «неисправностей» — пишите в Комментариях, (регистрация для комментирования не нужна).
• Русская и английская версии Админпанели «в комплекте» (в отличие от модуля-оригинала). Русификация, имхо, достаточно адекватна.
• В Настройках можно задать ширину и высоту плейера.
• Поддержка плейлистов. Плейлист или адрес папки/директории с музыкой задается в Админпанели.
• Длинные плейлисты имеют прокрутку на выбор: колесиком мыши или ползунками.
  Для настройки ползунков можно использовать Дополнительную настройку: Для прокрутки колесиком мыши пропишем в CSS
  .vtem-playlist {scrollbar-color:#ccc #eee; scrollbar-width:none;}
  Чтобы уменьшить ширину ползунка:
  .vtem-playlist {scrollbar-color:#ccc #eee; scrollbar-width:thin;}
  Для реализации прокрутки плейлиста необходимо задать высоту плейера отличную от 0, например, 350.
• Загрузка/подключение музыкальных треков из каталога сайта или по URL-адресам файлов *.mp3 (задается в Админпанели).
• Выбор из 10-и разных шаблонов/скинов для различного цветового решения и стиля сайта (где модуль размещен).
• Можно задать начальную громкость в Админпанели как значение от 0,0 до 1,0 (задается в Админпанели). Регулировка и отключение звука пользователем через интерфейс плеера.
• Простое и интуитивно понятное администрирование всех настроек. При вызове Подсказок в админпанели модуля можно ознакомиться с синтаксисом составления плейлиста (который предельно прост) и прочитать «расшифровку» подробностей и нюансов всех настроек модуля.
• Автоматическое воспроизведение музыки от трека к треку, непрерывное звучание плейлиста. Функция повтора (задается в Админпанели).
• Возможность рендомной загрузки треков в плейлисте (задается в Админпанели).
• Cовместимость со всеми основными браузерами.
• Адекватное отображение на мобильных устройствах.

Описание функционала MP3 плеера

Основные возможности

Источники треков

• Загрузка mp3 файлов из указанной директории сайта.
• Загрузка mp3 файлов по URL-адресам.
• Поддержка форматов: .mp3, .m4a.

Отображение треков

• Два режима отображения названий:
  • Имена файлов (например: song1.mp3).
  • Пользовательские имена (задаются вручную; если имя не задано — отображается имя файла).
• Отображение времени воспроизведения и общей длительности трека.
• Визуальный прогресс-бар воспроизведения.

Управление воспроизведением

• Кнопки «Воспроизвести»/«Пауза».
• Кнопки «Следующий трек»/«Предыдущий трек».
• Регулировка громкости через ползунок.
• Кнопка «Без звука».
• Возможность перемотки трека кликом по прогресс-бару.

Настройки воспроизведения

• Бесконечное воспроизведение (цикл).
• Случайный порядок треков (перемешивание плейлиста при загрузке).
• Начальная громкость (по-умолчанию: 0.3 — 30%).
• Начальное состояние звука (включен/выключен).

Плейлист

• Отображение списка всех доступных треков.
• Подсветка текущего воспроизводимого трека.
• Возможность выбора трека кликом по названию.
• Сообщение «Треки не найдены» при пустом плейлисте.

Обработка ошибок

Проверка файлов и директорий

• Проверка существования директории с MP3 файлами.
• Проверка прав доступа к директории.
• Проверка наличия mp3 файлов.
• Проверка корректности URL-адресов.

Обработка ошибок воспроизведения

• Автоматический переход к следующему треку при ошибке загрузки.
• Отключение кнопок управления при отсутствии треков.
• Информативные сообщения об ошибках для пользователя.

Модуль VTEM MP3

Оставить комментарий/отзыв

Настройки админпанели модуля

Скриншот/пример шаблона VTEM MP3

Интерфейс

Визуальное оформление

• Современный дизайн с поддержкой темной/светлой темы.
• Возможность изменения размеров (ширина/высота) плеера (в Админ-панели).
• Адаптивный интерфейс.
• Анимации при взаимодействии.
• Стилизованные элементы управления.
• Возможность дополнения/изменения стилей css шаблона в Админпанели модуля.

Удобство использования

• Интуитивно понятные кнопки управления.
• Визуальная обратная связь при действиях.
• Четкое отображение текущего состояния плеера.

Технические особенности

Производительность

• Предварительная загрузка метаданных треков.
• Оптимизированная работа с плейлистом.
• Эффективное управление памятью.

Безопасность

• Проверка типов файлов.
• Безопасное отображение текста (защита от XSS).
• Корректная обработка путей к файлам.

Совместимость

• Поддержка всех современных браузеров.
• Корректная работа на мобильных устройствах.
• Поддержка различных версий PHP.