Информация о главе
Ограниченная доступность
Эта функция не относится к 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 |
См. также
© 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