Вёрстка плеера HTML в конструкторе PlayerJS
5000 UAHТехническое задание на вёрстку плеера HTML в конструкторе PlayerJS
1. Общие требования:
Использовать конструктор playerjs.com для создания кастомного видеоплеера.
Дизайн плеера будет разработан в Figma и предоставлен в виде макета.
Вёрстка должна полностью соответствовать дизайну, включая все стили, размеры, шрифты и отступы.
Адаптивность: плеер должен корректно отображаться на различных устройствах (десктоп, планшет, мобильный).
Код должен быть чистым, структурированным и соответствовать стандартам HTML, CSS, JavaScript.
2. Основной функционал плеера:
Воспроизведение видео (поддержка основных форматов: MP4, WEBM, HLS, DASH).
Кастомные кнопки управления (Play/Pause, Volume, Fullscreen, Settings и т. д.).
Отображение времени (текущее время / общая длина видео).
Регулирование скорости воспроизведения.
Кнопка смены качества видео.
Интеграция логотипа или водяного знака (при необходимости).
3. Требования к стилизации:
Использовать CSS для стилизации всех элементов в соответствии с макетом в Figma.
Поддержка светлой и тёмной темы (если предусмотрено в дизайне).
Использование анимаций и эффектов наведения (hover, focus) в соответствии с UI-дизайном.
4. Технические детали:
Использование официальной документации PlayerJS для подключения и настройки плеера.
Расширенные настройки через JSON-конфигурацию (если нужно менять параметры через код).
Оптимизация производительности (минимизация использования лишних скриптов и ресурсов).
Проверка кроссбраузерной совместимости (Chrome, Firefox, Safari, Edge, Opera).
-
6 дней5000 UAH
182 6 дней5000 UAH
Добрий день, пишите могу помочь. Опыт есть. Цена договорная.
-
7 дней5000 UAH
97 3 0 1 7 дней5000 UAH
Мой опыт охватывает как аутсорсинг, так и продуктовый подход компании. Я преуспеваю в командной работе и эффективно сотрудничаю с другими разработчиками и специалистами разных отраслей.
Мой набор навыков включает в себя:
Разработка одностраничных приложений (SPA)
Создание веб-приложений
Оптимизация производительности
Внутренняя интеграция
Ведение существующих проектов
Обеспечение качества кода
… Сотрудничество с другими членами команды
Я хорошо разбираюсь в этих областях. Я с нетерпением жду продолжения роста и участия в инновационных проектах в будущем.
-
1 день4999 UAH
6530 77 0 1 день4999 UAH
Добрый день. Работаю с плеером JS по версиям. Пожалуйста, отправьте макет для полной оценки.
-
10 дней8000 UAH
452 5 1 1 10 дней8000 UAH
добрый день, пишите в лс, помогу
_-----------------------------------------
-
Добрый день!
Почему именно конструктор PlayerJS?За такой бюджет могу предложить написать чистый плеер — он будет работать быстрее и идеально заточен под ваши бизнес-требования.
Кроме того, есть хорошие «полуготовые» библиотечные решения, которые тоже будут работать шустрее и профессиональнее.
-
Тем более, если один из ваших критериев — «Оптимизация производительности (минимизация использования лишних скриптов и ресурсов)», то конструктор вам не подходит.
Хотя в PlayerJS всё пишут в одном файле, это далеко не гарантия качества. Конструкторы всегда накладывают свои уровни абстракции, которые неизбежно влияют на производительность и минимальный код.
-
«Воспроизведение видео (поддержка основных форматов: MP4, WEBM, HLS, DASH)» — если вы переживаете за поддержку форматов, то конструкторы здесь тоже не выигрывают.
Существует несколько старых библиотек для декодирования, которые используют все. Они активно поддерживаются и проверены в боевых условиях. Точнее, это касается HLS и DASH. Также следует отметить, что их эффективная работа требует настройки на стороне сервера.
Поддержка MP4 и WEBM уже встроена в браузеры из коробки.
-
🔹 Что используют гиганты?
- YouTube – внутренние решения, основанные на Shaka Player и ExoPlayer.
- Netflix – Dash.js, собственные кодеки и механизмы адаптивного стриминга.
- Twitch – HLS.js и кастомизированные серверные решения.
- Vimeo – Video.js с собственными доработками.
-
Есть опыт в написании чистых видеоплееров и аудиоплееров, в том числе с визуализацией частот.
Напишите в ЛС. -
Актуальные фриланс-проекты в категории Javascript и Typescript
Исправить CSS/DOM-верстку карточек в Chrome extension для локализации D&D BeyondЭто расширение Chrome Manifest V3, которое локализует сайт D&D Beyond на украинский язык. Проект написан на TypeScript + WXT. Расширение работает через контентный скрипт: находит английский текст на страницах D&D Beyond и заменяет его украинским переводом. Проблема возникла на… HTML и CSS верстка, Javascript и Typescript ∙ 15 часов 33 минуты назад ∙ 31 ставка |
Разработка платформы AM Mobility (автосервис, парковка, страхование, аренда автомобилей)
259 176 UAH
Ищем команду или опытного Full Stack разработчика для создания MVP платформы AM Mobility. AM Mobility — это единая цифровая экосистема для автомобилистов, объединяющая в одном приложении и веб-платформе: парковку; автосервис; шиномонтаж; автомойку; аренду автомобилей;… Javascript и Typescript, Веб-программирование ∙ 1 день назад ∙ 91 ставка |
Gsap анимации
1000 UAH
Добрый день. Нужно внести правки в текущем проекте. Нужен специалист, который хорошо работает на gsap/lenis Нужно сделать анимацию карточек. Подробное ТЗ здесь: https://www.figma.com/design/5bLEJudN5LPpB9ZSoJa2Eb/Untitled?m=auto&t=qwyluUctL1lrMNvh-6 Нужно… Javascript и Typescript, Веб-программирование ∙ 1 день 6 часов назад ∙ 18 ставок |
Коммерческая on-premise платформа видеосвязи «ViM»Требуется разработать on-premise систему видеосвязи с базовым расчетом на 100 одновременных подключений (10 изолированных комнат по 10 человек). Платформа должна иметь заложенную архитектуру для будущего горизонтального масштабирования до 1000 пользователей путем добавления… Javascript и Typescript, Веб-программирование ∙ 2 дня 1 час назад ∙ 29 ставок |
Ищу наставника по Claude Code для запуска веб-проекта с нуля**Кратко о задаче:** Я новичок без опыта в программировании. Есть готовое ТЗ на разработку сайта (42 страницы, Next.js, PostgreSQL). Хочу реализовать его самостоятельно с помощью Claude Code - нужен специалист, который настроит среду и научит меня работать с инструментом. ---… Javascript и Typescript, Обучение ∙ 3 дня 5 часов назад ∙ 18 ставок |
Каменка