レイアウト構成の使用 - Amazon Chime SDK

翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。

レイアウト構成の使用

以下のトピックでは、さまざまな構成レイアウトの使用方法を説明します。レイアウトは、参加者がコンテンツ共有を開始したときにのみ有効になります。詳細については、各セクションを展開してください。

ActiveSpeakerOnlyConfiguration では、共有コンテンツと発言中のスピーカーの動画を表示します。つまり、話している人がコンテンツ共有ストリームに重なる小さな動画タイルに表示されます。

次の図は、スピーカータイルの構成と利用可能な位置を示しています。

ウィンドウの中央に大きな動画タイル、左上に小さなタイルがある画像。

次の例は、ActiveSpeakerOnly レイアウトをプログラムで実装する方法を示しています。この場合、プレゼンタータイルは左上隅に表示されます。

{ "CompositedVideo":{ "Layout":"GridView", "Resolution":"FHD", "GridViewConfiguration":{ "ContentShareLayout":"ActiveSpeakerOnly", "ActiveSpeakerOnlyConfiguration":{ "ActiveSpeakerPosition":"TopLeft" } } } }
ActiveSpeakerOnlyConfiguration

説明 – ActiveSpeakerOnly 動画タイルの構成の設定

タイプ — ActiveSpeakerOnlyConfiguration オブジェクト

必須 – いいえ

ActiveSpeakerOnlyConfiguration.ActiveSpeakerPosition

説明 – 発言中のスピーカーの動画タイルの位置

タイプ – 文字列

有効な値 – TopLeft | TopRight | BottomLeft | BottomRight

必須 – いいえ

デフォルト – TopRight

PresenterOnlyConfiguration では、発言者を問わず、共有コンテンツとプレゼンターの動画のみを表示します。次の画像は、構成を示しています。

4 つの画面の画像。各画面の中央には共有ウィンドウがあり、それぞれの隅に動画タイルがあります。

次の例は、プレゼンターを右上に配置してレイアウトをプログラムで実装する方法を示しています。

{ "CompositedVideo": { "Layout": "GridView", "Resolution": "FHD", "GridViewConfiguration": { "ContentShareLayout": "PresenterOnly", "PresenterOnlyConfiguration": { "PresenterPosition": "TopRight" } } } }
PresenterOnlyConfiguration

説明 – PresenterOnly レイアウトの構成の設定

タイプ – PresenterOnlyConfiguration オブジェクト

必須 – いいえ

PresenterOnlyConfiguration.PresenterPosition

説明 – プレゼンターの動画タイルの位置

タイプ – 文字列

有効な値 – TopLeft | TopRight | BottomLeft | BottomRight

必須 – いいえ

デフォルト – TopRight

HorizontalLayoutConfiguration では、共有コンテンツと動画ストリームを水平に表示します。TilePosition 設定を使用して、コンテンツ共有ストリームの上または下にタイルを表示することができます。プレゼンターは常に左側に表示されます。追加のタイルは、JoinSequence で指定された順序で表示されます。

次の図は、コンテンツ共有ストリームの下のタイルを示しています。

中央に大きなタイルが 1 つあり、その下にある線に 4 つの小さなタイルが並んでいる画像。

次の例は、水平レイアウトをプログラムで実装する方法を示しています。この場合、レイアウトではタイルを SpeakerSequence の順番に並べ替えたうえで、共有画面の下に配置します。このレイアウトでは最大 4 つのタイルを使用でき、16/9 のアスペクト比が適用されます。

{ "CompositedVideo":{ "Layout":"GridView", "Resolution":"FHD", "GridViewConfiguration":{ "ContentShareLayout":"Horizontal", "HorizontalLayoutConfiguration":{ "TileOrder":"SpeakerSequence", "TilePosition":"Bottom", "TileCount":4, "TileAspectRatio":"16/9" } } } }
HorizontalLayoutConfiguration

説明 – 水平レイアウトの構成の設定

タイプ — HorizontalLayoutConfiguration オブジェクト

必須 – いいえ

HorizontalLayoutConfiguration.TilePosition

説明 – 共有コンテンツの上または下にタイルを配置します。

タイプ - 文字列

有効な値 – Bottom | Top

必須 – いいえ

デフォルト — 下部

HorizontalLayoutConfiguration.TileOrder

説明 – ユーザーが参加したとき、または発言したときにタイルの順番を並べ替えます。

タイプ – 文字列

有効な値 – JoinSequence | SpeakerSequence

必須 – いいえ

デフォルト — JoinSequence

HorizontalLayoutConfiguration.TileCount

説明 – 画面共有中に引き続き表示されるタイルの数を指定します

タイプ – 整数

有効な値 – 1~10

必須 – いいえ

デフォルト – 4

HorizontalLayoutConfiguration.TileAspectRatio

説明 – タイルのアスペクト比を指定します

タイプ – 整数

有効な値 – n/n

必須 – いいえ

デフォルト – 16/9、値はすべてのタイルに適用されます

VerticalLayoutConfiguration では、共有コンテンツと最新の 4 つの動画を右側に積み重ねて表示します。プレゼンターは常に一番上に表示されます。他の出席者はで指定された順序で表示されます。TileOrder

ウィンドウの中央に大きな動画タイルがあり、右側に 4 つの小さなタイルが積み重なっている画像。

次の例は、垂直レイアウトをプログラムで実装する方法を示しています。この場合、 JoinSequence レイアウトはタイルを並べて画面共有の右に配置します。このレイアウトでは最大 4 つのタイルを使用でき、16/9 のアスペクト比が適用されます。

{ "CompositedVideo":{ "Layout": "GridView", "Resolution": "FHD", "GridViewConfiguration":{ "ContentShareLayout": "Vertical", "VerticalLayoutConfiguration":{ "TileOrder": "JoinSequence", "TilePosition": "Right", "TileCount": 4, "TileAspectRatio": "16/9" } } } }
VerticalLayoutConfiguration

説明 – 垂直レイアウトの構成の設定

タイプ — VerticalLayoutConfiguration オブジェクト

必須 – いいえ

VerticalLayoutConfiguration.TilePosition

説明 – 共有コンテンツの右または左にタイルを配置します。

タイプ – 文字列

有効な値 – Bottom | Top

必須 – いいえ

デフォルト — 下部

VerticalLayoutConfiguration.TileOrder

説明 – ユーザーが参加したとき、または発言したときにタイルの順番を並べ替えます。

タイプ – 文字列

有効な値 – JoinSequence | SpeakerSequence

必須 – いいえ

デフォルト — JoinSequence

VerticalLayoutConfiguration.TileCount

説明 – タイルの数を指定します

タイプ – 整数

有効な値 – 1~10

必須 – いいえ

デフォルト – 4

VerticalLayoutConfiguration.TileAspectRatio

説明 – タイルのアスペクト比を指定します

タイプ – 整数

有効な値 – n/n

必須 – いいえ

デフォルト – 9/16、値はすべてのタイルに適用されます