레이아웃 구성 사용 - 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은 누가 말하든 상관없이 컨텐츠 공유와 발표자의 비디오만 표시합니다. 다음 이지미는 해당 구성을 보여줍니다.

네 개의 화면 이미지입니다. 각 화면 가운데에는 공유 창이 있고 각 모서리에는 동영상 타일이 있습니다.

다음 예에서는 발표자를 오른쪽 상단에 두고 프로그래밍 방식으로 레이아웃을 구현하는 방법을 보여줍니다.

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

설명 - PresenterOnly 레이아웃의 구성 설정입니다.

유형 – PresenterOnlyConfiguration 객체

필수 - 아니요

PresenterOnlyConfiguration.PresenterPosition

설명 – 발표자 비디오 타일의 위치입니다.

유형 - 문자열

유효한 값 – TopLeft | TopRight | BottomLeft | BottomRight

필수 – 아니요

기본값 - TopRight

HorizontalLayoutConfiguration는 콘텐츠 공유 및 비디오 스트림을 가로로 표시합니다. TilePosition 설정을 사용하여 콘텐츠 공유 스트림 위 또는 아래에 타일을 표시할 수 있습니다. 발표자는 항상 왼쪽에 표시됩니다. 추가 타일은 JoinSequence에 지정된 순서대로 표시됩니다.

다음 이미지는 콘텐츠 공유 스트림 아래의 타일을 보여줍니다.

큰 중앙 타일과 작은 타일 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

필수 - 아니요

기본값 – Bottom

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

필수 - 아니요

기본값 – Bottom

VerticalLayoutConfiguration.TileOrder

설명 – 사용자가 참여하는 시점 또는 발언 시점을 기준으로 타일을 정렬합니다.

유형 - 문자열

유효한 값 – JoinSequence | SpeakerSequence

필수 - 아니요

기본값 — JoinSequence

VerticalLayoutConfiguration.TileCount

설명 – 타일 수를 지정합니다.

유형 - 정수

유효한 값 – 1~10

필수 - 아니요

기본값 – 4

VerticalLayoutConfiguration.TileAspectRatio

설명 – 타일의 종횡비를 지정합니다.

유형 - 정수

유효한 값 – n/n

필수 - 아니요

기본값 – 9/16, 값은 모든 타일에 적용됩니다.