Transport Controls
Transport Controls
Transport Controlsレイアウトを使うと、再生、一時停止、再開などビデオのコントロール表示を操作できます。
APL応答にレイアウトを追加する方法についての一般的な情報は、レイアウトを参照してください。
Transport Controlsレイアウトを使ってユーザーエクスペリエンスを向上させる方法について詳しくは、デザインガイドのリンクを参照してください。
alexa-layoutsパッケージを読み込む
AlexaTransportControlsを使用するには、alexa-layoutsパッケージを読み込みます。
alexa-layoutsパッケージの最新バージョンは1.1.0です。AlexaTransportControlsはバージョン1.0.0で導入されました。
このページの上部にあるその他のバージョンオプションをクリックすると、別のバージョンのAlexaTransportControlsドキュメントが表示されます。各パラメーターが追加されたalexa-layoutsのバージョンを、パラメーターの表に示します。
Transport Controlsの仕様
次に、Transport Controlsの仕様を示します。
Transport Controlsレイアウトによる操作
Transport Controlsレイアウトには、複数のコントロールが含まれます。secondaryControls、primaryControlSize、secondaryControlSize、mediaComponentId、autoplay、playPauseToggleButtonIdです。
secondaryControls
| 名前 | 型 | 説明 | デフォルト |
|---|---|---|---|
secondaryControls |
列挙 | 使用する第2コントロールの種類です。skipまたはnoneになります。 |
skip |
primaryControlSize
| 名前 | 型 | 説明 | デフォルト |
|---|---|---|---|
primaryControlSize |
ディメンション | 第1ボタンの幅と高さです。 | "@transportPrimaryButtonSize" |
secondaryControlSize
| 名前 | 型 | 説明 | デフォルト |
|---|---|---|---|
secondaryControlSize |
ディメンション | 第2ボタンの幅と高さです。 | "@transportSecondaryButtonSize" |
mediaComponentId
| 名前 | 型 | 説明 | デフォルト |
|---|---|---|---|
mediaComponentId |
文字列 | メディアを再生しているコンポーネントのIDです。 |
autoplay
| 名前 | 型 | 説明 | デフォルト |
|---|---|---|---|
autoplay |
ブール値 | 再生／停止アイコンの開始状態を決定します。この値は、メディア再生コンポーネントの自動再生状態と一致する必要があります。 | false |
playPauseToggleButtonId
| 名前 | 型 | 説明 | デフォルト |
|---|---|---|---|
playPauseToggleButtonId |
文字列 | 再生／停止切り替えボタンに設定する任意のIDです。これは、それぞれ固有のTransport Controlsを持つ複数のビデオを画面上に表示するときに便利です。 | alexaPlayPauseToggleButton |
Transport Controlsレイアウトの例
このAPLドキュメントは、mp4形式のビデオを参照します。
