Le composant d'indicateur de progression d'un contenu multimédia est propre aux applications multimédias.
L'indicateur de progression est une représentation visuelle de la durée et du temps de lecture écoulé pour une source multimédia. Il apparaît dans les applications multimédias pendant la lecture.
Anatomie
L'indicateur de progression multimédia se compose d'une piste inactive (en gris) qui représente la durée de la source multimédia, et d'une piste active (affichée avec une couleur d'accentuation) qui se superpose à la piste inactive pour indiquer la durée de lecture écoulée.
![Anatomie de l'indicateur de progression multimédia](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-Anatomy.png?authuser=0000&hl=fr)
2. Piste inactive
L'indicateur de progression des médias peut être linéaire ou circulaire.
![Indicateur de progression du média linéaire](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-Linearbar.png?authuser=0000&hl=fr)
L'indicateur de progression linéaire affiche la durée et le temps écoulé sur un axe horizontal. La partie visible de la piste est centrée dans une zone de zone cible tactile de 76 dp. En appuyant sur le temps écoulé ou en le faisant glisser, l'utilisateur peut se déplacer vers d'autres emplacements de la source multimédia. L'indicateur de progression de la lecture linéaire est destiné aux écrans de 800 dp ou plus.
![Anatomie de l'indicateur de progression circulaire](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-Circularbar.png?authuser=0000&hl=fr)
L'indicateur de progression circulaire affiche la durée et le temps écoulé sous la forme d'un cercle. Il n'est pas possible d'appuyer sur le temps écoulé ou de le faire glisser pour changer d'emplacement. L'indicateur de progression circulaire du contenu multimédia est destiné aux écrans de moins de 800 dp et doit être utilisé lorsque les commandes de lecture multimédia sont réduites.
États de l'indicateur de progression des contenus multimédias
Pendant la lecture, l'indicateur de progression a l'un des quatre états suivants:
- Lecture:le contenu multimédia est en cours de lecture, et la piste active passe au-dessus de la piste inactive pour indiquer le temps écoulé.
- En pause:l'utilisateur a mis la lecture en pause. La piste active est immobile au moment où la lecture est mise en pause.
- Mise en mémoire tampon:l'application multimédia charge le contenu à lire. L'indicateur affiche une ligne blanche qui progresse de façon répétée sur la piste inactive pendant le chargement du contenu.
- Erreur:Impossible de lire le contenu multimédia. Il n'y a pas de canal actif, et le canal inactif est désactivé.
![La piste active avance sur la piste inactive au fur et à mesure de la lecture du contenu multimédia.](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-active.gif?authuser=0000&hl=fr)
![La piste active est immobile pendant que la lecture multimédia est en pause](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-restingState.png?authuser=0000&hl=fr)
![Une ligne blanche progresse de façon répétée sur la piste inactive pendant le chargement du contenu.](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-buffering.gif?authuser=0000&hl=fr)
![Le titre inactif est désactivé en cas d'erreur de lecture medai](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-error.png?authuser=0000&hl=fr)
Caractéristiques techniques
Indicateur de progression du média linéaire
![Redline de l'indicateur de progression d'un support linéaire](https://developers.google.cn/cars/design/automotive-os/components/images/ProgressBarLinearRedline.png?authuser=0000&hl=fr)
Indicateur de progression circulaire du média
![Redline de l'indicateur de progression circulaire des médias](https://developers.google.cn/cars/design/automotive-os/components/images/Redline_circular.jpg?authuser=0000&hl=fr)
Fonctionnalités
Pendant la lecture de contenus multimédias, la piste active de l'indicateur de progression multimédia s'affiche avec une couleur d'accentuation. La couleur d'accentuation par défaut est une nuance de bleu. Les développeurs d'applications peuvent choisir de fournir à la place une couleur d'accentuation qui reflète leur marque multimédia. De même, les OEM peuvent proposer une couleur d'accentuation à l'image de la marque de leur voiture. Si elle est fournie, une couleur d'accentuation OEM est prioritaire par rapport à celle d'une application.
![Barre de progression linéaire du média affichant la piste active avec les couleurs d'accentuation par défaut, tierces et OEM](https://developers.google.cn/cars/design/automotive-os/components/images/default_linear.jpg?authuser=0000&hl=fr)
![Barre de progression circulaire montrant la piste active avec les couleurs d'accentuation par défaut, tierces et OEM](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-theme-styling.png?authuser=0000&hl=fr)
Le guide d'intégration de la bibliothèque Car UI fournit des conseils aux OEM sur la personnalisation des composants.
Pour obtenir des conseils spécifiques sur l'utilisation de la couleur pour personnaliser les composants, consultez Couleur.
Exemples
![L'indicateur de progression d'un support linéaire en action](https://developers.google.cn/cars/design/automotive-os/components/images/02DMediaPlaybackView.png?authuser=0000&hl=fr)
![Indicateur de progression circulaire du média en action](https://developers.google.cn/cars/design/automotive-os/components/images/Pi-circular-indicator-example.png?authuser=0000&hl=fr)