This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for usage in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the specification changes.
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. |
Editor's Draft | Initial definition. |
Browser Compatibility
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Basic support | No support | ? | ? | No support | ? |
| Feature | Android Webview | Chrome for Android | Firefox Mobile (Gecko) | Firefox OS | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|---|
| Basic support | No support | 57 | ? | ? | ? | No support | ? |
Document Tags and Contributors
Tags:
Contributors to this page:
bunnybooboo,
jpmedley
Last updated by:
bunnybooboo,