Spec-Zone.ru › Web APIs

Информация о главе

Ограниченная доступность

Эта функция не относится к Baseline, так как она не работает в некоторых из наиболее широко используемых браузеров.

  • Узнать больше
  • Полная совместимость
  • Отправить отзыв

Экспериментально: Это экспериментальная технология
Перед использованием в производстве внимательно проверьте таблицу совместимости браузеров таблицу совместимости браузеров.

Интерфейс ChapterInformation из API сессии медиа представляет метаданные для отдельной главы медиа-ресурса (например, видео или аудиофайла).

Информация о главе для данного медиа-ресурса задаётся при её первом создании через свойство chapterInfo объекта инициализации конструктора MediaMetadata(). Свойство принимает в качестве значения массив объектов ChapterInformation.

Вы можете получить доступ к информации о главе для существующего объекта MediaMetadata через его свойство chapterInfo. Это возвращает массив объектов ChapterInformation.

Свойства экземпляра

ChapterInformation.artwork Только для чтения Экспериментально

Возвращает массив Array объектов, представляющих изображения, связанные с главой.

ChapterInformation.startTime Только для чтения Экспериментально

Возвращает число, в секундах, представляющее начальное время главы.

ChapterInformation.title Только для чтения Экспериментально

Возвращает строку, представляющую заголовок главы.

Примеры

Пример кода ниже из Примера видео/сессии медиа показывает типичную структуру объекта ChapterInformation:

const BASE_URL = "https://storage.googleapis.com/media-session/";

chapterInfo: [
  {
    title: "Chapter 1",
    startTime: 0,
    artwork: [
      {
        src: BASE_URL + "sintel/chapter1-128.png",
        sizes: "128x128",
        type: "image/png",
      },
      {
        src: BASE_URL + "sintel/chapter1-512.png",
        sizes: "512x512",
        type: "image/png",
      },
    ],
  },
  {
    title: "Chapter 2",
    startTime: 37,
    artwork: [
      {
        src: BASE_URL + "sintel/chapter2-128.png",
        sizes: "128x128",
        type: "image/png",
      },
      {
        src: BASE_URL + "sintel/chapter2-512.png",
        sizes: "512x512",
        type: "image/png",
      },
    ],
  },
];

Следующий фрагмент кода демонстрирует, как его можно использовать внутри кода сессии медиа (свойство объекта выше является частью объекта playlist, на который ссылаются ниже):

function updateMetadata() {
  let track = playlist[index];

  log("Playing " + track.title + " track...");
  navigator.mediaSession.metadata = new MediaMetadata({
    title: track.title,
    artist: track.artist,
    artwork: track.artwork,
    chapterInfo: track.chapterInfo,
  });

  // ...
}

Спецификации

Спецификация
Сессия медиа
# chapterinformation

Совместимость браузеров

Рабочий стол Мобильные устройства
Chrome Edge Firefox Opera Safari Chrome Android Firefox для Android Opera Android Safari на iOS Samsung Internet WebView Android
ChapterInformation 127 127 Нет 113 Нет 127 Нет 84 Нет Нет 127
artwork 127 127 Нет 113 Нет 127 Нет 84 Нет Нет 127
startTime 127 127 Нет 113 Нет 127 Нет 84 Нет Нет 127
title 127 127 Нет 113 Нет 127 Нет 84 Нет Нет 127

См. также

  • MediaMetadata

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/ChapterInformation

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API