Мониторинг TeamSpeak3 Сервера (TS3-Viewer)

Плагин для WordPress

Название плагина: TS3 Viewer (Animated with Glassmorphism)
Описание:
Это мощный WordPress-плагин для отображения списка пользователей сервера TeamSpeak 3 в реальном времени. Он включает стильный дизайн с glassmorphism эффектами (полупрозрачный "стеклянный" вид с размытием и тенями), анимированные ники (scramble-эффект с случайными символами при появлении), плавную анимацию флагов стран (плавание и волна при наведении), индикаторы статуса пользователей (онлайн, афк, мут и т.д.), флаги стран по IP с геолокацией и автоматическое AJAX-обновление без перезагрузки страницы. Плагин использует современные CSS-эффекты (neon glow, micro-interactions) для премиум-вида, оптимизирован для мобильных устройств и не нагружает сервер благодаря кэшированию. Идеален для игровых сайтов, сообществ и серверов.
Версия: 3.8.0
Автор: dMITRI4_26
Ключевые особенности:

Автообновление: Список пользователей обновляется каждые 30 секунд через AJAX.
Анимации: Scramble для ников, плавное появление пользователей, анимированные флаги.
Дизайн: Glassmorphism с размытием, неоновыми свечениями и градиентами.
Геолокация: Флаги стран по IP (с fallback на резервные API).
Иконки статуса: Визуальные индикаторы (микрофон, звук, афк).
Кэширование: Уменьшает нагрузку на TS3-сервер.
Шорткод: [ts3viewer] для вставки на любую страницу.
Настройки: Легко настраивается через админку WP.

Совместимость: WordPress 5.0+, PHP 7.0+, TeamSpeak 3 Server.
Лицензия: GPL v3 (бесплатный, open-source).
Инструкция по установке

Подготовка папки плагина:
Создайте папку wp-content/plugins/ts3-viewer/ в корне вашего WordPress-сайта (если её нет).
Копирование файлов:
Скопируйте файл ts3-viewer.php (основной плагин).
Скопируйте файл ts3-viewer.css (стили).
Скопируйте файл ts3-viewer.js (скрипты).
Скопируйте папку icons (иконки статусов).

Активация плагина:
Зайдите в админку WordPress → Плагины → Установленные плагины. Найдите "TS3 Viewer (Animated with Glassmorphism)" и активируйте его.
Настройка параметров TeamSpeak:
Перейдите в Настройки → TS3 Viewer. Укажите:
TS3 Host (Ваш_ip).
TS3 Query Port (10011).
TS3 Server Port (9987).
TS3 Query User (Query_login).
TS3 Query Password (Query_password).
Enable Geolocation (включите для флагов по IP).
Cache TTL (15 секунд по умолчанию).
Сохраните изменения.

Вставка на страницу:
Создайте или отредактируйте страницу/пост в WordPress. Вставьте шорткод [ts3viewer] в нужное место (в редакторе Gutenberg — блок "Shortcode"). Сохраните и просмотрите страницу.
Проверка и отладка:
Если плагин не работает: Включите WP_DEBUG в wp-config.php (define('WP_DEBUG', true);) и проверьте ошибки в debug.log.
Иконки не отображаются? Убедитесь, что папка icons/pack1/ доступна и пути в PHP-коде правильные.
Анимации не запускаются? Проверьте консоль браузера (F12) на JS-ошибки.
Если проблемы — проверьте настройки TS3 (query должен быть открыт для вашего IP). Для кастомизации редактируйте CSS/JS.