Индикатор прогресса мультимедиа

Индикатор прогресса воспроизведения является уникальной особенностью медиаприложений .

Индикатор прогресса — это визуальное отображение продолжительности и прошедшего времени воспроизведения медиафайла. Индикатор прогресса отображается в медиаприложениях во время воспроизведения.

Анатомия

Индикатор прогресса воспроизведения состоит из неактивной дорожки (отображается серым цветом), которая показывает продолжительность воспроизведения медиафайла, и активной дорожки (отображается акцентным цветом), которая накладывается на неактивную дорожку и показывает прошедшее время воспроизведения.

Анатомия индикатора прогресса СМИ
1. Активная дорожка
2. Неактивный участок пути

Индикатор прогресса в медиапространстве может быть линейным или круговым .

Индикатор прогресса линейных медиа

Линейный индикатор прогресса отображает продолжительность и прошедшее время по горизонтальной оси. Видимая часть дорожки центрирована в области сенсорного экрана размером 76 dp. Касание или перетаскивание прошедшего времени позволяет пользователю перемещаться по различным точкам медиафайла. Линейный индикатор прогресса предназначен для экранов размером 800 dp и выше.
Анатомия индикатора кругового прогресса

Круговой индикатор выполнения отображает продолжительность и прошедшее время в виде круга. Перемещение по прошедшему времени касанием или перетаскиванием не поддерживается для перехода в другие места. Круговой индикатор выполнения воспроизведения предназначен для экранов высотой менее 800 dp и для использования, когда элементы управления воспроизведением мультимедиа свернуты.

Показатели прогресса СМИ

Во время воспроизведения индикатор выполнения находится в одном из четырех состояний:

  • Воспроизведение: Медиафайл воспроизводится, и активная дорожка перемещается по неактивной дорожке, указывая на прошедшее время.
  • Приостановлено: Пользователь приостановил воспроизведение. Активный трек остается неподвижным в точке приостановки воспроизведения.
  • Буферизация: Медиаприложение загружает контент для воспроизведения. Индикатор отображает белую линию, которая многократно перемещается по неактивному треку во время загрузки контента.
  • Ошибка: Воспроизведение медиафайла невозможно. Отсутствует активная дорожка, а неактивная дорожка отключена.

    По мере воспроизведения медиаконтента активная дорожка перемещается по неактивной дорожке.
    Состояние воспроизведения: Активная дорожка перемещается по неактивной дорожке по мере воспроизведения медиафайлов.
    Активный трек неподвижен, а воспроизведение медиафайлов приостановлено.
    Состояние паузы: активный трек неподвижен, воспроизведение медиафайла приостановлено.
    В процессе загрузки контента по неактивной дорожке многократно перемещается белая линия.
    Состояние буферизации: во время загрузки контента по неактивной дорожке многократно перемещается белая линия.
    Неактивный трек отключается при возникновении ошибки воспроизведения медиафайлов.
    Состояние ошибки: При возникновении ошибки воспроизведения активная дорожка не отображается, а неактивная дорожка отключается.

Технические характеристики

Индикатор прогресса линейных медиа

Индикатор прогресса линейных медиа (красная линия)

Индикатор прогресса в сфере кольцевых медиа

Индикатор прогресса в сфере информационных технологий (красная линия)

Настройка

Во время воспроизведения медиафайла активный трек индикатора прогресса отображается с использованием акцентного цвета. По умолчанию акцентный цвет — оттенок синего. Разработчики приложений могут выбрать акцентный цвет приложения, отражающий их бренд медиаконтента. Аналогично, производители автомобилей могут указать акцентный цвет, отражающий их марку автомобиля. Если указан акцентный цвет производителя, он имеет приоритет над акцентным цветом приложения.

Линейная полоса прогресса воспроизведения мультимедиа, отображающая активный трек с использованием стандартных, сторонних и фирменных акцентных цветов.
По умолчанию индикатор выполнения отображается в синем цвете. Разработчики приложений могут переопределить стандартный стиль приложения, используя акцентный цвет своего бренда (в этом примере — зеленый). Производители оборудования также могут переопределить как стандартный, так и внешний стиль приложения, используя акцентный цвет своего бренда (в этом примере — оранжевый).

Круговая полоса прогресса воспроизведения мультимедиа, отображающая активный трек с использованием стандартных, сторонних и фирменных акцентных цветов.
Примеры применения стандартных, внутриприложенийных и OEM-вариантов цветового оформления к круглому индикатору выполнения.

Руководство по интеграции библиотеки Car UI содержит рекомендации для производителей оригинального оборудования (OEM) по настройке компонентов.

Примеры

Индикатор прогресса в линейном медиаформате в действии
Линейный индикатор прогресса воспроизведения мультимедиа в окне воспроизведения медиаприложения.

Индикатор прогресса в сфере циркулярной медиаиндустрии в действии.
Здесь на свернутом экране управления воспроизведением отображается круговой индикатор прогресса воспроизведения. Свернутый экран управления перекрывает экран списка воспроизведения.