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形式のビデオを参照します。