MediaMetadata

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

The MediaMetadata interface of the Media Session API allows a web page to provide rich media metadata for display in a platform UI.

Constructor

MediaMetadata()

Creates a new MediaMetaData object.

Instance properties

MediaMetadata.album

Returns or sets the name of the album or collection containing the media to be played.

MediaMetadata.artist

Returns or sets the name of the artist, group, creator, etc. of the media to be played.

MediaMetadata.artwork

Returns or sets an array of images associated with playing media.

MediaMetadata.chapterInfo Read only Experimental

Returns an array of chapter information metadata associated with playing media, represented by ChapterInformation object instances.

MediaMetadata.title

Returns or sets the title of the media to be played.

Examples

The following example checks for browser compatibility and sets the current metadata for the media session.

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

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Opera Safari Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet WebView Android
MediaMetadata 57 79 82 44 14 57 82 43 14 7.0 No
MediaMetadata 57 79 82 44 14 57
82Firefox exposes the API, but does not provide a corresponding user-facing media control interface.
43 14 7.0 No
album 57 79 82 44 14 57 82 43 14 7.0 No
artist 57 79 82 44 14 57 82 43 14 7.0 No
artwork 57 79 82 44 14 57 82 43 14 7.0 No
chapterInfo 127 127 No 113 No 127 No No No No No
title 57 79 82 44 14 57 82 43 14 7.0 No

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/MediaMetadata