This is an experimental technologyCheck the Browser compatibility table carefully before using this in production.
The artwork
property of the MediaMetaData
interface returns or sets an array of MediaImage
objects representing images associated with playing media.
Syntax
var artwork[] = mediaMetadata.artwork mediaMetadata.artwork = artwork[]
Value
An Array
of MediaImage
objects.
Examples
The following example checks for browser compatibility and sets the current metadata for the media session.
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 | Status | Comment |
Media Session StandardThe definition of 'artwork' in that specification. | Draft | Initial definition. |
Browser Compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Chrome
Full support 57 |
Edge
No support No |
Firefox
Full support 71 |
IE
No support No |
Opera
Full support Yes |
Safari
? |
WebView Android
No support No |
Chrome Android
Full support 57 |
Firefox Android
? |
Opera Android
No support No |
Safari iOS
? |
Samsung Internet Android
Full support 7.0 |
Legend
- Full support
- Full support
- No support
- No support
- Compatibility unknown
- Compatibility unknown
- Experimental. Expect behavior to change in the future.'
- Experimental. Expect behavior to change in the future.
See also
MediaMetadata.artwork by Mozilla Contributors is licensed under CC-BY-SA 2.5.