MediaSession: metadata property
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Themetadata property of theMediaSessioninterface contains aMediaMetadata object providing descriptiveinformation about the currently playing media, ornull if the metadata hasnot been set. This metadata is provided by the browser to the device for presentation inany standard media control user interface the device might offer.
In this article
Value
An instance ofMediaMetadata containing information about the mediacurrently being played.
Example
The following example checks for compatibility and creates a new media session with therelevant metadata:
js
if ("mediaSession" in navigator) { navigator.mediaSession.metadata = new MediaMetadata({ title: "Unforgettable", artist: "Nat King Cole", album: "The Ultimate Collection (Remastered)", artwork: [ { src: "https://dummyimage.com/96x96", sizes: "96x96", type: "image/png", }, { src: "https://dummyimage.com/128x128", sizes: "128x128", type: "image/png", }, { src: "https://dummyimage.com/192x192", sizes: "192x192", type: "image/png", }, { src: "https://dummyimage.com/256x256", sizes: "256x256", type: "image/png", }, { src: "https://dummyimage.com/384x384", sizes: "384x384", type: "image/png", }, { src: "https://dummyimage.com/512x512", sizes: "512x512", type: "image/png", }, ], });}Specifications
| Specification |
|---|
| Media Session> # dom-mediasession-metadata> |