MediaMetadata

Limited availability

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

Die MediaMetadata-Schnittstelle der Media Session API ermöglicht es einer Webseite, umfassende Medienmetadaten zur Anzeige in einer Plattform-Benutzeroberfläche bereitzustellen.

Konstruktor

MediaMetadata()

Erstellt ein neues MediaMetadata-Objekt.

Instanzeigenschaften

MediaMetadata.album

Gibt den Namen des Albums oder der Sammlung zurück oder legt ihn fest, die oder das das abzuspielende Medium enthält.

MediaMetadata.artist

Gibt den Namen des Künstlers, der Gruppe, des Erstellers usw. zurück oder legt ihn fest, die oder der das abzuspielende Medium erstellt hat.

MediaMetadata.artwork

Gibt ein Array von Bildern zurück oder legt dieses fest, die mit dem abzuspielenden Medium verknüpft sind.

MediaMetadata.chapterInfo Schreibgeschützt

Gibt ein Array von Metadaten der Kapitelinformationen zurück, die mit dem abzuspielenden Medium verknüpft sind, dargestellt durch Instanzen des ChapterInformation-Objekts.

MediaMetadata.title

Gibt den Titel des abzuspielenden Mediums zurück oder legt ihn fest.

Beispiele

Das folgende Beispiel überprüft die Browser-Kompatibilität und setzt die aktuellen Metadaten für die Mediensitzung.

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",
      },
    ],
  });
}

Spezifikationen

Specification
Media Session
# the-mediametadata-interface

Browser-Kompatibilität

BCD tables only load in the browser