Video and audio player themes that work for any web player (Video.js, Youtube embeds, and more), and with every web app framework (HTML, React, and more). Open source and built with Media Chrome so they’re fully customizable using just HTML and CSS.
Video Player
A composable, shadcn/ui styled video player component that uses the media-chrome library.
playhtml — make the web feel alive
Make the web feel alive with interactive, collaborative HTML elements and no backend to run.
Vidstack Player
A collection UI components and hooks for building media players on the web.
Sonic Tau
Live code your music in the browser. A working technical demo by Sam Aaron, creator of Sonic Pi.
prefers-color-scheme: Hello darkness, my old friend | Articles | web.dev
Many devices now support an operating system wide dark mode or dark theme experience. This post explains how dark mode can be supported on web pages, lists best practices, and introduces a custom element named dark-mode-toggle that allows web developers to offer users a way to override their operating system level preference on specific web pages.
Glen Maddern: Internet Pro
Let me tell you about what CSS Modules is, and why it’s the future.
Free Icons, Clipart Illustrations, Photos, and Music
Download design elements for free: icons, photos, vector illustrations, and music for your videos. All the assets made by designers → consistent quality ⚡️
Navidrome
Welcome to Navidrome! Learn More Download Your Personal Streaming Service Navidrome allows you to enjoy your music collection from anywhere, by making it available through a modern Web UI and through a wide range of third-party compatible mobile apps, for both iOS and Android devices.
Tangara - ESP32-powered music player with a battery, an enclosure, a color screen, and a touchwheel
src/common/element.js at 46f233cf7e6aca56ac08d187ad6760b22abc9776 · tokono.ma/diffuse
A music player that connects to your cloud/distributed storage.
tailwindcss - npmx
A utility-first CSS framework for rapidly building custom user interfaces.
GitHub - playcanvas/engine: Powerful web graphics runtime built on WebGL, WebGPU, WebXR and glTF
Powerful web graphics runtime built on WebGL, WebGPU, WebXR and glTF - playcanvas/engine
una.im | Modern CSS theming with light-dark(), contrast-color(), and style queries
Combine three new CSS features to build fully adaptive themed components.
HTMLMediaElement: mediaKeys property - Web APIs | MDN
The read-only HTMLMediaElement.mediaKeys property returns a MediaKeys object, that is a set of keys that the element can use for decryption of media data during playback.
