表示カード切り替わり割り込みのシナリオカード間NowPlayingから表示カード表示カードからNowPlayingNowPlayingからエラーAlexaの表示カードは、音声の応答を補助し、ユーザーにAlexaとの対話に関する追加の情報を提供します。クリックして拡大デバイスにAlexaを実装する場合、表示カードにすべてのコンテンツ、テンプレート、メディアの帰属情報、メディアのコントロールが表示されることが期待されます。以下を満たすことが期待されます。表示カードは、Alexaの応答またはメディアの再生が開始されるとすぐに表示され、表示カードのコンテンツがAlexaの応答やメディアと一致していること。表示カード間の移動、表示カードの表示、表示カードの消去がスムーズにできること。製品のデバイスクラスについての設計ガイドラインに従って、表示カードが画面の操作や音声の発話に応答すること。Alexaのアテンション状態(「Listening」と「Thinking」)が表示カードの最前面に表示され、他のカードの後ろに隠れないこと。上記についての詳細は、すべて以下のガイドラインに記載されています。静的な表示カードグローバル要素Alexaは、特定の非メディアクエリーに応じてカードを表示します。表示カードは、現在ユーザーが視聴している画面の前面にサイドバーとして表示されます。このセクションのすべての表示カードには、以下のグローバル要素が含まれます。すべての表示カードにはタイトルがあります。サブタイトルのある表示カードもあります。この領域(中央のボックス)には常にフォーカスがあり、5ウェイリモコンを使ってスクロールできます。ロゴは非対話的なブランド要素です。表示カードの幅は600pxで、マージンは60pxです。透過度85%の黒で、背景はぼかします。透過度85%が理想ですが、技術的な制約がある場合は不透明の黒を指定できます。このアイコン(右上)は、サードパーティが提供する情報がカードに表示されているときに表示されます。サードパーティから提供されている情報がない場合、このアイコンは表示されません。Chromeは、Listening、Thinking、Respondingといった、Alexaのアテンション状態を視覚的に示すインジケーターです。Chromeを使用する必要があります。Chromeは、画面右下隅に円形のバッジとして表示されます。Chromeを表示する方法とタイミングについては、対話と割り込みのシナリオに関するセクションに記載されています。Chromeの色やアニメーションは、アテンションシステムのドキュメントに記載されているパターンに従ってください。対話Alexaとの対話時、ユーザーには以下のような画面状態が表示されます。呼び出しユーザーは、ウェイクワード“Alexa”か、リモコン上のボタンを使ってAlexaを起動します。Chromeが起動され、AlexaがListeningであると表示されます。Chromeが呼び出されると、ユーザーはAlexaを音声で操作できるようになります。発話を認識した場合、Alexaはインテントを処理してカードを表示します。Chromeは表示されなくなります。応答と消去Alexaは音声で応答します。表示カードがある場合は、表示カードも表示します。Alexaが話している間、表示カードは表示され続け、完了すると自動的に消去されます。Alexaが話し終わる前にユーザーが戻るボタンを押した場合も、表示カードを消去できます。Chromeを表示して、新しいリクエストを聞き取ります。その他の対話シナリオは、割り込みのシナリオに関するセクションを参照してください。BodyTemplate1利用用途BodyTemplate1とBodyTemplate2は、Q&A、Wikipediaの照会やサードパーティスキルのリクエストに使用します。BodyTemplate1が呼び出されるサンプル発話には以下のようなものがあります。テキストは、ロゴの60px上まで表示できます。超えた分のテキストは非表示になりますが、5ウェイリモコンでスクロールすることで表示できる必要があります。}}ロゴのURLhttps://images-na.ssl-images-amazon.com/images/G/01/alexa/avs/gui/large/avs-logo.pngBodyTemplate2BodyTemplate1と同様、BodyTemplate2も、Q&AやWikipediaの照会、サードパーティスキルのリクエストに使用できます。BodyTemplate1と異なるのは、写真を返すことができる点です。BodyTemplate2が呼び出されるサンプル発話には以下のようなものがあります。“ウサイン・ボルトって誰?”“アラバマ物語の著者は?”“ニューメキシコってどこ?”“アンゲラ・メルケルの誕生日はいつ?”クリックして拡大スタイルクリックして拡大レイアウトクリックして拡大メモ画像の高さと幅は、最大317x477pxです。異なるアスペクト比の画像は、このサイズに収まるよう変更する必要があります。テキストは、ロゴの60px上まで表示できます。超えた分のテキストは非表示になりますが、5ウェイリモコンでスクロールすることで表示できる必要があります。}}ListTemplate1利用用途ListTemplate1はカレンダーや買い物リストなど、項目をリスト表示する場合に使用されます。invokeListTemplate1が呼び出されるサンプル発話には以下のようなものがあります。“ToDoリストに何がある?”“買い物リストに卵を追加して。”“次の予定は何?”“カレンダーに“ジェイラとランチ”を追加して。カレンダークリックして拡大WeatherTemplateWeatherTemplateは、以下のような天気関連のすべての発話に使用されます。”“今日は雨が降る?”“[location]の天気を教えて。mainTitlesとsubTitlesの高さは1行分です。テキストがコンテナの幅を超える場合、超える部分のテキストは割愛されて、三点リーダーが表示されます。Playing利用用途NowPlayingカードは、メディアリクエストに使用されます。NowPlayingが呼び出されるサンプル発話には以下のようなものがあります。“ジャズの曲をかけて。Retributionをかけて。”“iHeartRadioでヤバイ経済学をかけて。provider]でカントリーの局をかけて。”クリックして拡大VUI再生コマンドユーザーは、GUIかVUIのいずれかを使って、メディアの再生を操作できます。VUI再生コマンドには、以下のようなものがあります。詳細を見るこれは誰?グローバル要素クリックして拡大グローバル要素には、以下のようなものがあります。メディアのメタデータ。メディアの種類やサービスに応じて異なります。すべての種類のメディアで表示されます。トラックの再生時間と進行状況を示します。Alexaロゴメディアのアートワーク(四角部分)。アルバムの画像、ラジオ局のロゴ、番組のロゴ、本の画像が表示されます。音楽配信プロバイダーのロゴ。メディアを提供するサービスのロゴです。各音楽配信サービスプロバイダーで利用可能なコントロールAlexaは、複数の音楽配信サービスプロバイダーの楽曲を再生できます。プロバイダーによって提供されるコントロールが異なります。ライブラジオ局には、「送る」や「戻る」のコントロールはありません。各サービスに合った正しいコントロールをPlayerInfoディレクティブで指定します。MusicとPandoraは、商用デバイスにのみ利用できます。対話Alexaとの対話時、ユーザーには以下のような画面状態が表示されます。呼び出しユーザーは、ウェイクワード“Alexa”か、リモコンを使ってAlexaを起動します。Chromeが起動され、AlexaがListeningであると表示されます。Chromeが呼び出されると、ユーザーはAlexaを音声で操作できるようになります。発話を認識した場合、Alexaはインテントを処理してカードを表示します。Chromeは表示されなくなります。応答と消去Alexaは音声で応答し、NowPlaying表示カードを表示し、リクエストされたメディアを再生します。ユーザーは音声コマンドまたはGUIでメディアを操作できます。表示カードは、新しい楽曲が再生されるたびに更新されます。ユーザーが以下の操作を行った場合は、次のように動作します。リモコンで複数タスクを実行した場合や“X”を選択した場合、表示カードとオーディオの両方が消去されます。音声またはボタンにより楽曲の一時停止または停止を行った場合、楽曲を停止し、表示カードは表示したままにします。表示カードは、1分間何もアクションがなかった場合に自動消去する必要があります。Chromeを再表示し、次のコマンドを待機します。その他の対話シナリオは、割り込みのシナリオに関するセクションを参照してください。仕様スタイルクリックして拡大レイアウトクリックして拡大クリックして拡大メモ:1行のみのフィールドでコンテナの長さを超えた場合、超えた分のコンテンツは割愛され、三点リーダーで表示されます。Titleが2行以上ある場合、titleSubtext1とtitleSubtext2は下に移動して表示が調整されます。コントロールとプログレスバーは同じ位置に表示されます。データクリックして拡大URL以下のURLは、メディアプレーヤーのコントロールとAlexaロゴです。コントロールには、デフォルト、無効、フォーカスの状態があります。Music”、“プライムラジオ”のいずれかが入ります。Primeが有効でない場合、“name”は“デジタルミュージックストア”になります。Breakdownをかけて。}}フラッシュブリーフィングやその他のメタデータが存在しないシナリオNowPlayingリクエストからメタデータが返されない場合があります。このような場合、最小限のビジュアル要素のセットを含むControls-Onlyテンプレートを使用します。特定の音楽配信プロバイダーでは、PlayerInfoディレクティブがPlaybackStartedイベントの後に送信されます。このようなケースでは、PlayerInfoディレクティブに2秒間待機するロジックを追加することをお勧めします。メタデータがこの2秒を過ぎても返されない場合、Controls-Onlyテンプレートを表示します。表示カード切り替わり表示カード切り替わりはすばやく行い(1秒未満)、スムーズに感じさせるものではなければならない。画面の一部に表示される表示カードは右側から表示し、全画面の表示カードはフェードインします。表示カードをまず表示し、その後でコンテンツをフェードインします。レイテンシーを考慮して、画像が完全に読み込まれて表示が切り替わるまで、背景のプレースホルダーボックスを画像の場所に表示します。表示カードは、表示されたときと逆の方向に消去します。コンテンツをフェードアウトしてから表示カードを消します。画面の一部に表示される表示カードは右側にスライドして消去し、全画面の表示カードはフェードアウトします。Chromeが既存の画面上に重なって表示されます。GUI1Alexaが応答します。Chromeが既存のカード上に重なって表示されます。GUI2Alexaが音声で発話2に応答し、古い表示カードが新しい表示カードに置き換わります。この表示カードは、通常の消去ルールに従って消去されます。Chromeが既存の画面上に重なって表示されます。GUI1Alexaが応答します。GUI上に重なって表示されます。GUI2発話が理解され、表示カードが必要な場合、Alexaは音声と新規の表示カードで発話に応答する必要があります。TTSが完了すると、楽曲は通常の音量に戻ります。消去時にユーザーがNowPlayingの表示カードに戻る場合以外は、通常の消去ルールに従って消去されます。GUIには新しい楽曲が反映される必要があります。Chromeが既存の画面上に重なって表示されます。GUI1Alexaが応答します。Chromeが既存のカード上に重なって表示されます。GUI2Alexaは音声と新規の表示カードで発話2に応答します。TTSが完了すると、楽曲の再生が開始されます。この表示カードは、通常の消去ルールに従って消去されます。Chromeが既存の画面上に重なって表示されます。GUI1Alexaが応答します。GUI上に重なって表示されます。GUIに戻り、楽曲も元の音量に戻ります。