メディア進行状況インジケーター

メディア進行状況インジケーター コンポーネントは、メディアアプリに固有のコンポーネントです。

進行状況インジケーターは、メディアソースの再生時間と経過時間を視覚的に表したものです。再生中にメディアアプリに表示されます。

---

構造

メディアの進行状況インジケーターは、メディアソースの再生時間を表す非アクティブなトラック（グレーで表示）と、非アクティブなトラックに重ねて表示される再生時間を示すアクティブなトラック（アクセント カラー付き）で構成されます。

メディアの進行状況インジケーターは、線形または円形のいずれかで表示されます。

メディアの進行状況インジケーターの状態

再生中、進行状況インジケーターは 4 つの状態のいずれかになります。

• 再生中: メディアを再生中。アクティブなトラックが非アクティブなトラックを進み、経過時間が表示されます。
• 一時停止: ユーザーが再生を一時停止しました。アクティブなトラックは、再生が一時停止した時点で静止している。
• Buffering（バッファリング）: メディアアプリが再生するコンテンツを読み込んでいます。インジケーターには、コンテンツの読み込み中に非アクティブなトラックに沿って繰り返し進む白い線が表示されます。
• エラー: メディアを再生できません。有効なトラックがなく、無効なトラックが無効になっている。

---

仕様

リニアメディアの進行状況インジケーター

メディアの円形の進行状況インジケーター

---

カスタマイズ

メディアの再生中は、メディア進行状況インジケーターのアクティブなトラックがアクセント カラーで表示されます。デフォルトのアクセント カラーは青の色調です。アプリ デベロッパーは、メディア ブランドを反映したアクセント カラーをアプリに提供することもできます。同様に、OEM は自動車ブランドを反映したアクセント カラーを指定できます。OEM のアクセント カラーを指定すると、アプリのアクセント カラーよりも優先されます。

Car UI ライブラリ統合ガイドには、コンポーネントのカスタマイズに関する OEM のガイダンスが記載されています。

色を使用してコンポーネントをカスタマイズする具体的なガイダンスについては、色をご覧ください。

---

例