muxinc/media-chrome

Что это?

Ключевые возможности

• 01Построен на нативных пользовательских элементах и не привязан к конкретному фреймворку.
• 02Работает со стандартными элементами video и audio, а также с несколькими сторонними плеерами.
• 03Элементы управления добавляются и удаляются с помощью обычных HTML-тегов.
• 04Оформляется с помощью обычного CSS.
• 05Предоставляет React-обёртки для основных элементов.

Сценарии использования

• Создание видеоплеера с индивидуальным оформлением в стиле сайта.
• Добавление единообразных элементов управления воспроизведением на сайтах с разными библиотеками плееров.
• Создание в веб-приложении аудиоплеера с управлением воспроизведением, перемоткой и скоростью воспроизведения.

Быстрый старт

1. 1

   Загрузите Media Chrome с CDN jsDelivr, используя тег script module на HTML-странице

2. 2

   Оберните элемент video или audio в media-controller и добавьте media-control-bar с элементами управления

Что важно знать

• !В README для новых проектов рекомендуется Video.js, а Media Chrome поддерживается вместе с ним.

В подборках

Темы

Частые вопросы

Что такое media-chrome?

Настраиваемые элементы управления аудио- и видеоплеером на нативных веб-компонентах, работающие с любым JavaScript-фреймворком. Media Chrome — набор нативных пользовательских элементов для создания элементов управления медиаплеером: кнопок воспроизведения, регуляторов громкости и шкалы времени, переключателей полноэкранного режима и режима «картинка в картинке». Элементы управления — это обычные HTML-теги, поэтому добавить или убрать их можно, изменив разметку, а оформляются они с помощью обычного CSS.

media-chrome можно использовать бесплатно? Какая у него лицензия?

media-chrome распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

media-chrome всё ещё поддерживается?

Активно поддерживается. Последний коммит в media-chrome — 23 окт. 2026 г..

Для чего можно использовать media-chrome?

Создание видеоплеера с индивидуальным оформлением в стиле сайта. Добавление единообразных элементов управления воспроизведением на сайтах с разными библиотеками плееров. Создание в веб-приложении аудиоплеера с управлением воспроизведением, перемоткой и скоростью воспроизведения.

Как установить media-chrome?

Загрузите Media Chrome с CDN jsDelivr, используя тег script module на HTML-странице Оберните элемент video или audio в media-controller и добавьте media-control-bar с элементами управления

Где скачать media-chrome?

Исходный код и инструкции по установке — на GitHub: https://github.com/muxinc/media-chrome