Навигатор: свойство mediaSession

Свойство mediaSession только для чтения интерфейса Navigator возвращает объект MediaSession, который можно использовать для обмена метаданными и другой информацией о текущем состоянии воспроизведения медиа, обрабатываемого документом.

Эта информация может, в свою очередь, быть обменена с устройством и/или операционной системой, чтобы обеспечить стандартный пользовательский интерфейс управления медиа на устройстве для описания и управления воспроизведением медиа.

Кроме того, интерфейс MediaSession предоставляет метод setActionHandler(), который позволяет получать события, когда пользователь взаимодействует с устройствами управления, такими как экранные или физические элементы управления воспроизведением, паузой, поиском и другими аналогичными элементами управления. Например, приложение интернет-радио может использовать setActionHandler() для того, чтобы элементы управления медиа на клавиатуре или другом устройстве пользователя могли использоваться для управления воспроизведением медиа приложения.

Объект MediaSession, который текущий документ может использовать для обмена информацией о воспроизводимом медиа и его текущем состоянии воспроизведения. Эта информация может включать такие стандартные метаданные, как название трека, исполнителя и название альбома, а также потенциально одно или несколько изображений, содержащих такие элементы, как обложку альбома, фотографии исполнителей и т. д.

В этом примере метаданные отправляются объекту mediaSession. Обратите внимание, что код начинает с проверки доступности свойства navigator.mediaSession перед его использованием.

if ("mediaSession" in navigator) {
  navigator.mediaSession.metadata = new MediaMetadata({
    title: "Podcast Episode Title",
    artist: "Podcast Host",
    album: "Podcast Name",
    artwork: [{ src: "podcast.jpg" }],
  });
}