MediaSession.metadata

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The metadata property of the MediaSession interface, returns an instance of MediaMetadata which contains rich media metadata, for display in a platform UI.

Syntax

var mediaMetadata = MediaSession.metadata
MediaSession.metadata = mediaMetadata

Value

An instance of MediaMetadata.

Example

The following example creates a new media session and assigns action handlers to it:

if ('mediaSession' in navigator){
  navigator.mediaSession.metadata = new MediaMetadata({
    title: "Podcast Episode Title",
    artist: "Podcast Host",
    album: "Podcast Name",
    artwork: [{src: "podcast.jpg"}]
  });
  navigator.mediaSession.setActionHandler('play', function() {});
  navigator.mediaSession.setActionHandler('pause', function() {});
  navigator.mediaSession.setActionHandler('seekbackward', function() {});
  navigator.mediaSession.setActionHandler('seekforward', function() {});
  navigator.mediaSession.setActionHandler('previoustrack', function() {});
  navigator.mediaSession.setActionHandler('nexttrack', function() {});
}

Specifications

Specification Status Comment
Media Session Standard
The definition of 'metadata' in that specification.
Draft Initial definition.

Browser Compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support No ? ? ? No ?
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support No57 ? ? No ? ?

Document Tags and Contributors

Contributors to this page: fscholz, david_ross, jpmedley
Last updated by: fscholz,