{"repo":"muxinc/media-chrome","free":true,"listed":false,"github":"https://github.com/muxinc/media-chrome","clone":"git clone https://github.com/muxinc/media-chrome.git","description":"Custom elements (web components) for making audio and video player controls that look great in your website or app.","language":"TypeScript","stars":2726,"topics":["video","audio","video-player","audio-player","web-components","ui-components","mux","media-chrome"],"license":"MIT","category":"media-processing","readme_excerpt":"Your media player's dancing suit. :man dancing: Fully customizable media player controls using web components (native custom elements). - [x] Compatible with any javascript framework (React, Angular, Svelte, etc.) - [x] Compatible with the and elements and a lot of players (YouTube, HLS.js, and more) - [x] Simple HTML to add/remove controls - [x] Simple CSS to style the controls From Mux and the creator of Video.js. Documentation Visit the official documentation for Media Chrome for the latest up-to-date usage instructions. You can find the documentation for v0.x of media-chrome here. Examples See all of the repo examples in action. Video Example Results ( Try the CodePen example ) Audio Example Results ( Try the CodePen example ) Use with React While you technically can use Media Chrome elements directly with React, it can sometimes be a bit clunky to work with Web Components in React, and some things just don't feel idiomatic to the framework (for example: having to use class= instead of className= , see React's official docs regarding web components for more details). To help with this, we've published some React wrapper components for all of our core Elements. You can read up on using them here. Why? More often than not web designers and developers just use the default media player controls, even when creating a beautiful custom design theme. It's hard not to. - Web browsers have built-in media controls that can't easily be customized and look different in every browser. ","default_branch":null,"files":null,"tree":[],"storefront":"/r/muxinc","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/muxinc/media-chrome/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}