このプロジェクトについて

Media Chromeは、開発者がシンプルなHTMLタグを使用して、完全にカスタマイズ可能なオーディオおよびビデオプレーヤーコントロールを構築できるようにするネイティブカスタム要素のライブラリです。これらのコンポーネントは、標準のvideoおよびaudio要素に加えて、YouTube、HLS.jsなどの外部プレーヤーとも連携します。コントロールは、media-controllerラッパー内にmedia-play-button、media-time-range、media-volume-rangeなどの要素を配置することで追加されます。スタイリングは標準のCSSで行われ、コンポーネントはフレームワークに依存せず、React、Angular、Svelte、またはバニラJavaScriptで機能します。より慣用的な体験を提供するために、公式のReactラッパーコンポーネントも用意されています。このプロジェクトは、文書化された設計原則と、UIをメディアロジックから分離するアーキテクチャに従っており、異なるメディアソース間で一貫した外観を実現します。