Harmony Player | HTML5 HLS плеер для сайтов + Рекламный модуль (Ad Engine)
Содержимое: HarmonyMediaPlayer.zip (17.68 KB)
Загружен: 24.03.2026
Положительные отзывы: 0
Отрицательные отзывы: 0
Продано: 0
Возвраты: 0
2422 руб.
🎬 Harmony Player | HTML5 HLS плеер для сайтов + Рекламный модуль (Ad Engine)
Harmony Player (Smart Skeleton Edition) — это готовый, легкий и невероятно стильный HTML5-видеоплеер для современных веб-сайтов. Написан на чистом JavaScript (Vanilla JS), не требует тяжелых библиотек и баз данных. Идеально подходит для интеграции в любые CMS (DLE, WordPress и др.) или самописные проекты.
Плеер разработан с упором на эстетику и функциональность для сайтов с видеоконтентом (кинотеатры, блоги, порталы).
🚀 ГЛАВНЫЕ ПРЕИМУЩЕСТВА И ФУНКЦИОНАЛ
📡 Полноценный HLS (HTTP Live Streaming): Нативная поддержка стриминга .m3u8 потоков через библиотеку hls.js.
📺 MP4 Fallback: Автоматический переход на стандартный .mp4, если браузер не поддерживает HLS.
📢 Встроенный рекламный модуль (Ad Engine): Запуск видео-прероллов перед основным контентом.
🔒 Защита от перемотки рекламы: Перемотка блокируется, пока идет рекламный ролик.
⚖️ Маркировка рекламы (Закон РФ): Вывод плашки с меткой erid прямо поверх плеера с возможностью выделить и скопировать текст.
🌈 Эстетика Ambilight: Мягкая динамическая подсветка за пределами плеера, подстраивающаяся под цвета видео (автоматически отключается на смартфонах для экономии заряда батареи).
⏳ Умные скелетоны (Smart Skeleton Loading): При буферизации или загрузке видео отображается красивый размытый фон со shimmer-анимацией.
🖼️ Превью кадров на лету: Кэширование и генерация кадров при наведении на полосу прогресса (не требует сторонних VTT файлов от сервера).
🧠 Умное возобновление (Resume Playback): Плеер запоминает время остановки в локальное хранилище браузера и предлагает продолжить просмотр.
⚙️ Полный фарш UI: Переключение скоростей (от 0.5x до 2x), выбор качества видео и поддержка субтитров.
📱 Мобильная адаптивность: Оптимизированное сенсорное управление, обработка смены ориентации экрана (Portrait/Landscape).
📦 ЧТО ВЫ ПОЛУЧАЕТЕ ПОСЛЕ ОПЛАТЫ
Вы моментально получаете ZIP-архив, содержащий:
Готовый код плеера (HTML файл, внутри которого собрана вся JS логика и CSS стили). Код открыт, без обфускации и привязок к доменам.
README файл с краткой технической сводкой.
⚠️ УСЛОВИЯ ПОКУПКИ И ГАРАНТИЯ (ВАЖНО!)
⚙️ Формат поставки: Код поставляется «As is» (как есть) для самостоятельного внедрения в ваши верстки и CMS.
🤝 Поддержка: Продавец не оказывает бесплатную индивидуальную поддержку по интеграции кода в ваши базы данных и шаблоны сайтов. Навыки базовой верстки приветствуются!
🛡️ Гарантия возврата 2 дня: Если плеер по техническим причинам абсолютно не заработал в вашей среде — вы можете запросить возврат средств в течение 48 часов с момента покупки.
Harmony Player (Smart Skeleton Edition) — это готовый, легкий и невероятно стильный HTML5-видеоплеер для современных веб-сайтов. Написан на чистом JavaScript (Vanilla JS), не требует тяжелых библиотек и баз данных. Идеально подходит для интеграции в любые CMS (DLE, WordPress и др.) или самописные проекты.
Плеер разработан с упором на эстетику и функциональность для сайтов с видеоконтентом (кинотеатры, блоги, порталы).
🚀 ГЛАВНЫЕ ПРЕИМУЩЕСТВА И ФУНКЦИОНАЛ
📡 Полноценный HLS (HTTP Live Streaming): Нативная поддержка стриминга .m3u8 потоков через библиотеку hls.js.
📺 MP4 Fallback: Автоматический переход на стандартный .mp4, если браузер не поддерживает HLS.
📢 Встроенный рекламный модуль (Ad Engine): Запуск видео-прероллов перед основным контентом.
🔒 Защита от перемотки рекламы: Перемотка блокируется, пока идет рекламный ролик.
⚖️ Маркировка рекламы (Закон РФ): Вывод плашки с меткой erid прямо поверх плеера с возможностью выделить и скопировать текст.
🌈 Эстетика Ambilight: Мягкая динамическая подсветка за пределами плеера, подстраивающаяся под цвета видео (автоматически отключается на смартфонах для экономии заряда батареи).
⏳ Умные скелетоны (Smart Skeleton Loading): При буферизации или загрузке видео отображается красивый размытый фон со shimmer-анимацией.
🖼️ Превью кадров на лету: Кэширование и генерация кадров при наведении на полосу прогресса (не требует сторонних VTT файлов от сервера).
🧠 Умное возобновление (Resume Playback): Плеер запоминает время остановки в локальное хранилище браузера и предлагает продолжить просмотр.
⚙️ Полный фарш UI: Переключение скоростей (от 0.5x до 2x), выбор качества видео и поддержка субтитров.
📱 Мобильная адаптивность: Оптимизированное сенсорное управление, обработка смены ориентации экрана (Portrait/Landscape).
📦 ЧТО ВЫ ПОЛУЧАЕТЕ ПОСЛЕ ОПЛАТЫ
Вы моментально получаете ZIP-архив, содержащий:
Готовый код плеера (HTML файл, внутри которого собрана вся JS логика и CSS стили). Код открыт, без обфускации и привязок к доменам.
README файл с краткой технической сводкой.
⚠️ УСЛОВИЯ ПОКУПКИ И ГАРАНТИЯ (ВАЖНО!)
⚙️ Формат поставки: Код поставляется «As is» (как есть) для самостоятельного внедрения в ваши верстки и CMS.
🤝 Поддержка: Продавец не оказывает бесплатную индивидуальную поддержку по интеграции кода в ваши базы данных и шаблоны сайтов. Навыки базовой верстки приветствуются!
🛡️ Гарантия возврата 2 дня: Если плеер по техническим причинам абсолютно не заработал в вашей среде — вы можете запросить возврат средств в течение 48 часов с момента покупки.
📋 Технические требования и FAQ
🔧 Системные требования:
Форматы потоков: HLS (.m3u8) или стандартный прогрессивный .mp4.
Зависимости: Плеер использует внешние CDN для иконок (lucide icons), шрифтов (Google Fonts) и библиотеки стриминга (hls.js). Убедитесь, что ваш сайт не блокирует внешние запросы (политики CSP).
Совместимость: Любой современный браузер (Chrome, Firefox, Safari, Edge, Opera).
❓ Часто задаваемые вопросы (FAQ):
Q: Как мне поменять видео на своё?
A: Откройте файл плеера любым текстовым редактором (например, Notepad++ или VS Code), прокрутите в самый низ к блоку инициализации new HarmonyPlayer({ ... }) и замените ссылки hlsUrl и mp4Url на свои.
Q: Как встроить плеер на мой сайт?
A: Вы можете загрузить файл на свой хостинг и выводить его через стандартныйiframe, либо скопировать структуру HTML/CSS/JS и вставить в шаблон вашей CMS (например, в файл полной новости DLE или WordPress).
Q: Могу ли я убрать или изменить логотипы и названия?
A: Да. Код открыт на 100%. Вы вольны менять CSS-переменные цветов (в самом верху файла), переименовывать плеер и кастомизировать интерфейс под дизайн вашего сайта.
Q: Плеер выдает ошибку при запуске локально на компьютере, почему?
A: Браузеры блокируют некоторые функции (например, HLS-стриминг и сохранение истории просмотров) при открытии файла просто двойным кликом с жесткого диска (протокол file://). Для корректной работы плеер должен быть загружен на веб-сервер (OpenServer, XAMPP или ваш реальный хостинг).
🔧 Системные требования:
Форматы потоков: HLS (.m3u8) или стандартный прогрессивный .mp4.
Зависимости: Плеер использует внешние CDN для иконок (lucide icons), шрифтов (Google Fonts) и библиотеки стриминга (hls.js). Убедитесь, что ваш сайт не блокирует внешние запросы (политики CSP).
Совместимость: Любой современный браузер (Chrome, Firefox, Safari, Edge, Opera).
❓ Часто задаваемые вопросы (FAQ):
Q: Как мне поменять видео на своё?
A: Откройте файл плеера любым текстовым редактором (например, Notepad++ или VS Code), прокрутите в самый низ к блоку инициализации new HarmonyPlayer({ ... }) и замените ссылки hlsUrl и mp4Url на свои.
Q: Как встроить плеер на мой сайт?
A: Вы можете загрузить файл на свой хостинг и выводить его через стандартныйiframe, либо скопировать структуру HTML/CSS/JS и вставить в шаблон вашей CMS (например, в файл полной новости DLE или WordPress).
Q: Могу ли я убрать или изменить логотипы и названия?
A: Да. Код открыт на 100%. Вы вольны менять CSS-переменные цветов (в самом верху файла), переименовывать плеер и кастомизировать интерфейс под дизайн вашего сайта.
Q: Плеер выдает ошибку при запуске локально на компьютере, почему?
A: Браузеры блокируют некоторые функции (например, HLS-стриминг и сохранение истории просмотров) при открытии файла просто двойным кликом с жесткого диска (протокол file://). Для корректной работы плеер должен быть загружен на веб-сервер (OpenServer, XAMPP или ваш реальный хостинг).
Отзывов от покупателей не поступало