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

# Amazon Chime SDK ミーティングでの合成にレイアウト設定を使用する
<a name="compositing-layouts"></a>

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

## ActiveSpeakerOnlyConfiguration
<a name="active-speaker-only"></a>

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

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

![ウィンドウの中央に大きな動画タイル、左上に小さなタイルがある画像。](http://docs.aws.amazon.com/ja_jp/chime-sdk/latest/dg/images/compositing-active-speaker-4x.png)


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

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

**ActiveSpeakerOnlyConfiguration**  
説明 – `ActiveSpeakerOnly` 動画タイルの構成の設定  
タイプ – ActiveSpeakerOnlyConfiguration オブジェクト  
*必須* – いいえ

**ActiveSpeakerOnlyConfiguration.ActiveSpeakerPosition**  
説明 – 発言中のスピーカーの動画タイルの位置  
タイプ – 文字列  
有効な値 – `TopLeft` \| `TopRight` \| `BottomLeft` \| `BottomRight`  
*必須* – いいえ  
デフォルト – `TopRight`

## PresenterOnlyConfiguration
<a name="presenter-only"></a>

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

![4 つの画面の画像。各画面の中央には共有ウィンドウがあり、それぞれの隅に動画タイルがあります。](http://docs.aws.amazon.com/ja_jp/chime-sdk/latest/dg/images/compositing-presenter-only-4x.png)


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

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

**PresenterOnlyConfiguration**  
説明 – `PresenterOnly` レイアウトの構成の設定  
タイプ – `PresenterOnlyConfiguration` オブジェクト  
*必須* – いいえ

**PresenterOnlyConfiguration.PresenterPosition**  
説明 – プレゼンターの動画タイルの位置  
タイプ – 文字列  
有効な値 – `TopLeft` \| `TopRight` \| `BottomLeft` \| `BottomRight`  
*必須* – いいえ  
デフォルト – `TopRight`

## HorizontalLayoutConfiguration
<a name="horizontal-layout"></a>

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

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

![中央に大きなタイルが 1 つあり、その下にある線に 4 つの小さなタイルが並んでいる画像。](http://docs.aws.amazon.com/ja_jp/chime-sdk/latest/dg/images/compositing-horizontal-bottom.png)


次の例は、水平レイアウトをプログラムで実装する方法を示しています。この場合、レイアウトではタイルを `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
<a name="vertical-layout"></a>

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

![ウィンドウの中央に大きな動画タイルがあり、右側に 4 つの小さなタイルが積み重なっている画像。](http://docs.aws.amazon.com/ja_jp/chime-sdk/latest/dg/images/grid-vertical.png)


次の例は、垂直レイアウトをプログラムで実装する方法を示しています。この場合、レイアウトではタイルを 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、値はすべてのタイルに適用されます