interactive, collaborative html elements with a single attribute
Making my blog feel like other people are here - keith.is
I wired my homepage up with playhtml so dragging a sticker, waving the hand, or starting a song all happen for everyone who's on the page at the same time. Notes on what I built and why I keep chasing this "we're all here together" feeling.
Vidstack Player
A collection UI components and hooks for building media players on the web.
HTML Can Do That
HTML has been gobbling up swathes of what used to be JavaScript’s remit. This page lists a bunch of dynamic functionality that we can now achieve with just HTML.
HTML Can Do That
HTML has been gobbling up swathes of what used to be JavaScript’s remit. This page lists a bunch of dynamic functionality that we can now achieve with just HTML.
player.style - Video & audio player themes for every web player & framework
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.
FolkJS Multiplayer Canvas
Cooperative playlists
I’m working on collaborative audio playlists and was wondering if this design makes sense for atproto. How it works Two lexicons of importance: sh.diffuse.output.collaboration sh.diffuse.output.playlistItem sh.diffuse.output.playlistItem has the following properties (besides the usual id, etc): criteria: which audio track to match with. playlist: the name of the playlist this item belongs to. positionedAfter: the id of the item to position this one after (none = start) The way we as...
src/common/element.js at 46f233cf7e6aca56ac08d187ad6760b22abc9776 · tokono.ma/diffuse
A music player that connects to your cloud/distributed storage.
embed-player: add plyr.fm album and playlist embeds by zzstoatzz · Pull Request #199 · eurosky-social/eurosky-social-app
mu already renders plyr.fm track links as inline players (plyr_track). this extends the same source to plyr.fm's two collection types, so an album or playlist link in a post gets a player i...
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.
Closer to the Metal: Leaving Playwright for CDP
Why we dropped Playwright and switched to raw CDP for faster, more capable browser automation.
Video Player
A composable, shadcn/ui styled video player component that uses the media-chrome library.
working on the header on my blog to be interactive (e.g. the hand waves at everyone, the secret music player) and playful keith.is/post/playhtml-shared-header
Making my blog feel like other people are here
keith.is
