このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

MediaMetadata

利用可能性は限定的

この機能はベースラインではありません。最も広く使用されているブラウザーの一部で動作しません。

MediaMetadataメディアセッション API のインターフェイスで、ウェブページがプラットフォーム UI に表示するためのリッチメディアメタデータを提供することができます。

コンストラクター

MediaMetadata()

新しい MediaMetaData オブジェクトを生成します。

インスタンスプロパティ

MediaMetadata.title

再生されるメディアのタイトルを返したり設定したりします。

MediaMetadata.artist

再生されるメディアのアーティスト、グループ、作者の名前を返したり設定したりします。

MediaMetadata.album

再生されるメディアのアルバムまたはコレクションの名前を返したり設定したりします。

MediaMetadata.artwork

再生しているメディアに関連付けられた画像の配列を返したり設定したりします。

以下の例では、ブラウザーとの互換性を調べ、メディアセッションの現在のメタデータを設定しています。

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

仕様書

仕様書
Media Session
# the-mediametadata-interface

ブラウザーの互換性