MediaMetadata.artwork
Experimental: This is an experimental technology
Check 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 |
---|
Media Session Standard # dom-mediametadata-artwork |
Browser compatibility
BCD tables only load in the browser