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.
Video Player
A composable, shadcn/ui styled video player component that uses the media-chrome library.
Mediabunny — A complete JavaScript media toolkit for the browser | Mediabunny
A JavaScript library for reading, writing, and converting media files. Directly in the browser, and faster than anybunny else.
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.
Presentation API - Web APIs | MDN
The Presentation API lets a user agent (such as a Web browser) effectively display web content through large presentation devices such as projectors and network-connected televisions. Supported types of multimedia devices include both displays which are wired using HDMI, DVI, or the like, or wireless, using DLNA, Chromecast, AirPlay, or Miracast.
Web Components - Web APIs | MDN
Web Components is a suite of different technologies allowing you to create reusable custom elements — with their functionality encapsulated away from the rest of your code — and utilize them in your web apps.
src/common/element.js at 46f233cf7e6aca56ac08d187ad6760b22abc9776 · tokono.ma/diffuse
A music player that connects to your cloud/distributed storage.
Vidstack Player
A collection UI components and hooks for building media players on the web.
element() CSS function - CSS | MDN
The element() CSS function defines an <image> value generated from an arbitrary HTML element. This image is live, meaning that if the HTML element is changed, the CSS properties using the resulting value are automatically updated.
Figure, video, figcaption, and accessibility
What makes a video element accessible is captions, descriptions, and a transcript. When those are out of reach, what are the remaining options for giving a video element an accessible name?
<i>Webstrates</i>: Shareable Dynamic Media
Shareable Dynamic Media is our vision for an interactive computing environment that blurs the distinction between documents and applications, characterized by three key properties: malleability, so that users can appropriate and repurpose media in ...
Document: requestStorageAccess() method - Web APIs | MDN
The requestStorageAccess() method of the Document interface allows content loaded in a third-party context (i.e., embedded in an <iframe>) to request access to third-party cookies and unpartitioned state. This is relevant to user agents that, by default, block access to third-party, unpartitioned cookies to improve privacy (e.g., to prevent tracking), and is part of the Storage Access API.
<dialog> HTML dialog element - HTML | MDN
The <dialog> HTML element represents a modal or non-modal dialog box or other interactive component, such as a dismissible alert, inspector, or subwindow.
FragmentDirective - Web APIs | MDN
The FragmentDirective interface is an object exposed to allow code to check whether or not a browser supports text fragments.
Clipboard - Web APIs | MDN
The Clipboard interface of the Clipboard API provides read and write access to the contents of the system clipboard. This allows a web application to implement cut, copy, and paste features.