Описание
Radio Player Page создаёт отдельные, независимые страницы для ваших радиопотоков, обеспечивая непрерывное воспроизведение без перерывов. Плагин предоставляет чистую, самостоятельную HTML-страницу со встроенным React-приложением, гарантируя полную независимость от темы и оптимальную производительность.
Основные функции
- Поддержка потоковых протоколов – автоматическое определение и обработка форматов Icecast, Shoutcast, MP3, HLS (.m3u8) и DASH (.mpd). Использует нативную поддержку браузера в iOS Safari для потоков HLS.
- Четыре аудиовизуализатора – выбирайте между визуализаторами «Осциллограф», «Спектр-столбики», «Водопад амплитуды» или «Спектральные частицы» для визуализации звука в реальном времени на основе Web Audio API
- Восемь цветовых тем – настройте внешний вид с помощью нейтральной, синей, зелёной, красной, оранжевой, жёлтой, фиолетовой или розовой цветовых схем
- Произвольный брендинг – загружайте произвольные фоновые изображения и логотипы для каждой радиостанции (фавикон сайта используется, если свой логотип не загружен)
- Произвольные названия радиостанций – задайте уникальное название для каждого потока или используйте название вашего сайта по умолчанию
- Таймер сна – автоматическая остановка воспроизведения через 30 минут, 1 час или 2 часа
- Управление несколькими потоками – настройте до 10 независимых потоков, каждый со своей собственной страницей WordPress.
- Регулировка громкости – регулируемый ползунок громкости (недоступно на устройствах iOS из-за системных ограничений)
- Media Session API – отображает информацию о радиостанции и обложки на экранах блокировки и в медиаэлементах управления устройств
- Адаптивный дизайн – оптимизирован для компьютеров, планшетов и мобильных устройств
- Оптимизированная производительность – облегчённая архитектура с минимальным количеством HTTP-запросов
Технические детали
Интерфейс плеера построен на React 19, TypeScript и Material-UI, что обеспечивает современный и доступный пользовательский опыт. Плагин использует Vite для сборки ресурсов и включает правильный сброс кэша через загрузку ресурсов на основе манифеста.
Скриншоты
Пример страницы плеера с синим цветом темы и визуализатором «Осциллограф». 
Пример страницы плеера с жёлтым цветом темы и визуализатором «Водопад амплитуды». 
Пример страницы плеера с зелёным цветом темы и визуализатором «Спектр-столбики». 
Настройки администратора для управления радиостанциями
Установка
- Загрузите папку `
radio-player-page` в директорию `/wp-content/plugins/` или установите плагин напрямую через экран «Плагины» WordPress. - Активировать плагин через экран ‘Плагины’ в WordPress.
- Перейдите в раздел Настройки Настройки Radio Player Page.
- For each stream:
- Введите ваш URL потока (Icecast, Shoutcast, HLS, DASH или MP3)
- Выберите страницу WordPress, на которой должен отображаться плеер
- При желании настройте: название, цвет темы, тип визуализатора, фоновое изображение и логотип
- Щёлкните Сохранить изменения и посетите назначенную страницу
Важные примечания
- Для каждой радиостанции требуются как действительный URL потока, так и назначенная страница WordPress.
Часто задаваемые вопросы
-
Будет ли плеер конфликтовать с моей темой?
-
Нет. Страницы с плеером полностью независимы от вашей темы WordPress и загружаются как самостоятельные HTML-страницы без загрузки стилей или скриптов темы.
-
Нужно ли что-то настраивать на странице WordPress?
-
Нет. После того как вы назначите страницу потоку в настройках плагина, никакой дополнительной настройки на самой странице не требуется. Плагин перехватывает запросы к странице с помощью хуков перенаправления шаблонов WordPress и предоставляет самостоятельную HTML-страницу с плеером. Содержимое страницы, шаблон и любые существующие настройки обходятся, что гарантирует корректное отображение плеера без какой-либо настройки на уровне страницы.
-
Где я могу получить поддержку или сообщить о проблеме?
-
Посетите форум поддержки WordPress, чтобы получить помощь, предложить новые функции или сообщить об ошибках.
-
Что такое функция «Таймер сна»?
-
Таймер сна позволяет автоматически остановить воспроизведение через заданный промежуток времени. Доступные варианты: 30 минут, 1 час или 2 часа. Таймер работает только во время активного воспроизведения, и его можно отменить в любой момент.
-
Можно ли использовать плагин для коммерческих радиостанций?
-
Да. Плагин свободный и с открытым исходным кодом, он подходит как для коммерческих, так и для некоммерческих радиостанций.
-
Почему регулятор громкости недоступен на моем устройстве iOS?
-
Регулятор громкости недоступен на устройствах iOS из-за системных ограничений. На устройствах iOS вместо этого используются системные регуляторы громкости.
-
Где можно посмотреть полный исходный код?
-
Исходный код размещён на GitHub. Перейдите в репозиторий, чтобы внести вклад или отслеживать проблемы.
Отзывы
Участники и разработчики
«Radio Player Page» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:
Участники
«Radio Player Page» переведён на 7 языков. Благодарим переводчиков за их работу.
Перевести «Radio Player Page» на ваш язык.
Заинтересованы в разработке?
Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.
Журнал изменений
2.0.2
- Добавлен перевод интерфейса плеера на шведский, голландский, мексиканский испанский и румынский языки.
- Исправлена логика определения моментов использования файлов перевода.
- Обеспечена совместимость кода, начиная с PHP 5.6.
2.0.1
- Добавлены настройки оформления плеера — возможность загрузки фоновых изображений и логотипов для каждой радиостанции.
- Добавлен выбор цвета темы — восемь цветовых схем (Нейтральная, Синяя, Зелёная, Красная, Оранжевая, Жёлтая, Фиолетовая, Розовая) для каждого потока.
- Добавлен выбор визуализатора — четыре аудиовизуализатора (Осциллограф, Спектр-столбики, Водопад амплитуды, Спектральные частицы) для каждого потока.
- Добавлена интеграция с Media Session API — отображение информации о радиостанции и обложек на экранах блокировки и в медиаэлементах управления устройств.
1.2.1
- Добавлена поддержка потокового вещания в форматах HLS (.m3u8) и DASH (.mpd) с использованием библиотек hls.js и dash.js.
- Улучшены определение и обработка потоковых протоколов.
1.2.0
- Добавлена поддержка нескольких потоков (до 10).
- Добавлено дополнительное поле для произвольного названия потока.
- Улучшен экран настроек за счёт динамического интерфейса управления потоками.
- Добавлена миграция для обеспечения обратной совместимости с версией для одного потока.
- Улучшен пользовательский опыт благодаря валидации форм и выбору страниц.