Medienfortschrittsanzeige

Die Fortschrittsanzeige für Medien ist ein Alleinstellungsmerkmal von Medien-Apps .

Die Fortschrittsanzeige visualisiert die Dauer und die verstrichene Wiedergabezeit einer Medienquelle. Sie wird während der Wiedergabe in Medien-Apps angezeigt.

Anatomie

Die Fortschrittsanzeige für Medien besteht aus einer inaktiven Spur (grau dargestellt), die die Dauer der Medienquelle repräsentiert, und einer aktiven Spur (mit einer Akzentfarbe dargestellt), die die inaktive Spur überlagert, um die verstrichene Wiedergabezeit anzuzeigen.

Anatomie des Medienfortschrittsindikators
1. Aktive Spur
2. Inaktive Spur

Der Medienfortschrittsindikator kann linear oder kreisförmig sein.

Fortschrittsindikator für lineare Medien

Die lineare Fortschrittsanzeige visualisiert Dauer und verstrichene Zeit auf einer horizontalen Achse. Der sichtbare Bereich der Anzeige ist in einem 76 dp großen Touch-Bereich zentriert. Durch Tippen oder Ziehen der verstrichenen Zeit kann der Benutzer innerhalb der Medienquelle zu verschiedenen Positionen navigieren. Die lineare Fortschrittsanzeige ist für Bildschirme mit einer Auflösung von 800 dp oder höher geeignet.
Anatomie des Indikators für kreisförmige Fortschritte

Die kreisförmige Fortschrittsanzeige visualisiert Dauer und verstrichene Zeit als Kreis. Das Antippen oder Ziehen der verstrichenen Zeit zum Wechseln der Position wird nicht unterstützt. Die kreisförmige Medien-Fortschrittsanzeige ist für Bildschirme mit einer Höhe von weniger als 800 dp und für die Verwendung bei minimierten Wiedergabesteuerungen vorgesehen.

Medienfortschrittsindikatoren

Während der Wiedergabe befindet sich die Fortschrittsanzeige in einem von vier Zuständen:

  • Wiedergabe: Die Medienwiedergabe läuft und die aktive Spur wandert über die inaktive Spur, um die verstrichene Zeit anzuzeigen.
  • Angehalten: Der Benutzer hat die Wiedergabe angehalten. Der aktive Titel befindet sich an der Stelle, an der die Wiedergabe angehalten wurde.
  • Pufferung: Die Medien-App lädt Inhalte zur Wiedergabe. Die Anzeige zeigt eine weiße Linie, die sich während des Ladevorgangs wiederholt über die inaktive Spur bewegt.
  • Fehler: Medien können nicht wiedergegeben werden. Es ist kein aktiver Titel vorhanden und der inaktive Titel ist deaktiviert.

    Die aktive Spur wandert während der Medienwiedergabe über die inaktive Spur.
    Wiedergabestatus: Die aktive Spur wandert während der Medienwiedergabe über die inaktive Spur.
    Die aktive Spur bleibt stehen, während die Medienwiedergabe pausiert ist.
    Pausenzustand: Der aktive Titel bleibt stehen, während die Medienwiedergabe pausiert ist.
    Während Inhalte geladen werden, bewegt sich eine weiße Linie wiederholt über die inaktive Spur.
    Pufferstatus: Während Inhalte geladen werden, bewegt sich eine weiße Linie wiederholt über die inaktive Spur.
    Der inaktive Track wird deaktiviert, wenn ein Medienwiedergabefehler auftritt.
    Fehlerzustand: Wenn ein Medienfehler auftritt, wird keine aktive Spur angezeigt und die inaktive Spur wird deaktiviert.

Spezifikationen

Fortschrittsindikator für lineare Medien

Fortschrittsindikator für lineare Medien (rote Linie)

Fortschrittsindikator für zirkuläre Medien

Fortschrittsindikator für zirkuläre Medien (rote Linie)

Anpassung

Während der Medienwiedergabe wird der aktive Titel der Fortschrittsanzeige in einer Akzentfarbe dargestellt. Standardmäßig wird hierfür ein Blauton verwendet. App-Entwickler können alternativ eine Akzentfarbe wählen, die ihrer Medienmarke entspricht. Ebenso können Fahrzeughersteller (OEMs) eine Akzentfarbe festlegen, die ihrer Automarke entspricht. In diesem Fall hat die OEM-Akzentfarbe Vorrang vor der App-Akzentfarbe.

Linearer Medienfortschrittsbalken, der den aktiven Titel in Standard-, Drittanbieter- und OEM-Akzentfarben anzeigt.
Die Standarddarstellung der Fortschrittsanzeige ist blau. App-Entwickler können diese Standarddarstellung durch die Akzentfarbe ihrer Marke (in diesem Beispiel Grün) ersetzen. Auch OEMs können sowohl die Standarddarstellung als auch die App-Darstellung durch die Akzentfarbe ihrer Marke (in diesem Beispiel Orange) ersetzen.

Kreisförmiger Medienfortschrittsbalken, der den aktiven Titel in Standard-, Drittanbieter- und OEM-Akzentfarben anzeigt.
Beispiele für Standard-, App- und OEM-Akzentfarben, die auf eine kreisförmige Fortschrittsanzeige angewendet werden.

Der Leitfaden zur Integration der Car UI Library bietet OEM-Richtlinien zur Anpassung von Komponenten.

Beispiele

Linearer Medienfortschrittsindikator in Aktion
Lineare Fortschrittsanzeige für Medien in der Wiedergabeansicht der Medien-App.

Fortschrittsindikator für zirkuläre Medien in Aktion
Hier erscheint die kreisförmige Fortschrittsanzeige für Medien auf dem minimierten Wiedergabesteuerelement. Das minimierte Steuerelement überlagert die Wiedergabelistenansicht.