VideoTileProps interface

패키지:

@azure/communication-react

videoTile 대한 소품입니다.

속성

alwaysShowLabelBackground	VideoTile에 레이블 배경 표시
children	React 자식 구성 요소입니다. 자식 구성 요소는 VideoTile에 오버레이 구성 요소로 표시됩니다.
contextualMenu	VideoTile의 상황에 맞는 메뉴에 사용자 지정 메뉴 항목을 표시합니다. Fluent UI ContextualMenu를 사용합니다. 이 prop이 정의된 경우 상황에 맞는 메뉴를 열기 위해 줄임표 아이콘이 표시됩니다.
displayName	레이블에 표시할 참가자의 표시 이름입니다.
initialsName	이니셜을 생성하는 데 사용되는 참가자의 이름입니다. 예를 들어 이름 John DoeJD 이니셜로 표시합니다.
isMirrored	비디오가 미러링되는지 여부를 확인합니다.
isMuted	비디오가 음소거되었는지 여부입니다.
isPinned	true인 경우 비디오 타일에 핀 아이콘이 표시됩니다.
isSpeaking	videoTile의 참가자가 말하는지 여부입니다. 말하기 표시기(테두리)를 표시합니다.
isSpotlighted	true인 경우 비디오 타일에 스포트라이트 아이콘이 표시됩니다.
mediaAccess	참가자의 미디어 액세스 상태입니다.
noVideoAvailableAriaLabel	사용 가능한 스트림이 없는 경우 비디오 타일의 aria 레이블을 설정하는 선택적 속성입니다.
onLongTouch	콜백은 길게 터치할 때 비디오 타일에 의해 트리거됩니다.
onRenderPlaceholder	비디오를 사용할 수 없는 사용자 지정 렌더링 구성 요소 함수입니다. 정의되지 않은 경우 가상 사용자 아이콘을 렌더링합니다.
overlay	렌더링 반응을 담당하는 오버레이 구성 요소
participantState	참가자의 통화 연결 상태입니다. 예를 들어 Hold 참가자가 보류 중임을 의미합니다.
personaMaxSize	개인 아바타의 최대 크기(px)입니다. 가상 사용자 아바타는 비디오 스트림을 사용할 수 없을 때 표시되는 기본 자리 표시자입니다. 자세한 내용은 https://developer.microsoft.com/en-us/fluentui#/controls/web/persona 참조하세요.
personaMinSize	px의 가상 아바타 최소 크기입니다. 가상 사용자 아바타는 비디오 스트림을 사용할 수 없을 때 표시되는 기본 자리 표시자입니다. 자세한 내용은 https://developer.microsoft.com/en-us/fluentui#/controls/web/persona 참조하세요.
raisedHand	참가자가 손을 들었는지 여부입니다. 순서와 함께 표시기(테두리)와 아이콘을 표시합니다.
reactionResources	반응 리소스의 URL 및 메타데이터.
renderElement	비디오 스트림을 사용한 구성 요소입니다.
showLabel	VideoTile에 레이블 표시
showMuteIndicator	사용자의 표시 이름 옆에 음소거 아이콘을 표시할지 여부입니다.
strings	구성 요소에서 재정의할 문자열입니다.
styles	사용자가 사용자 지정 CSS 스타일을 포함하는 개체를 전달할 수 있습니다.
userId	VideoTile 자리 표시자의 사용자 ID입니다.

속성 세부 정보

alwaysShowLabelBackground

VideoTile에 레이블 배경 표시

alwaysShowLabelBackground?: boolean

속성 값

boolean

children

React 자식 구성 요소입니다. 자식 구성 요소는 VideoTile에 오버레이 구성 요소로 표시됩니다.

children?: ReactNode

속성 값

ReactNode

contextualMenu

VideoTile의 상황에 맞는 메뉴에 사용자 지정 메뉴 항목을 표시합니다. Fluent UI ContextualMenu를 사용합니다. 이 prop이 정의된 경우 상황에 맞는 메뉴를 열기 위해 줄임표 아이콘이 표시됩니다.

contextualMenu?: IContextualMenuProps

속성 값

IContextualMenuProps

displayName

레이블에 표시할 참가자의 표시 이름입니다.

displayName?: string

속성 값

string

설명

displayName initialsName 제공되지 않은 경우 아바타 이니셜을 생성하는 데 사용됩니다.

initialsName

이니셜을 생성하는 데 사용되는 참가자의 이름입니다. 예를 들어 이름 John DoeJD 이니셜로 표시합니다.

initialsName?: string

속성 값

string

설명

이 속성을 지정하지 않으면 displayName 사용됩니다.

isMirrored

비디오가 미러링되는지 여부를 확인합니다.

isMirrored?: boolean

속성 값

boolean

isMuted

비디오가 음소거되었는지 여부입니다.

isMuted?: boolean

속성 값

boolean

isPinned

true인 경우 비디오 타일에 핀 아이콘이 표시됩니다.

isPinned?: boolean

속성 값

boolean

isSpeaking

videoTile의 참가자가 말하는지 여부입니다. 말하기 표시기(테두리)를 표시합니다.

isSpeaking?: boolean

속성 값

boolean

isSpotlighted

true인 경우 비디오 타일에 스포트라이트 아이콘이 표시됩니다.

isSpotlighted?: boolean

속성 값

boolean

mediaAccess

참가자의 미디어 액세스 상태입니다.

mediaAccess?: MediaAccess

속성 값

MediaAccess

noVideoAvailableAriaLabel

사용 가능한 스트림이 없는 경우 비디오 타일의 aria 레이블을 설정하는 선택적 속성입니다.

noVideoAvailableAriaLabel?: string

속성 값

string

onLongTouch

콜백은 길게 터치할 때 비디오 타일에 의해 트리거됩니다.

onLongTouch?: () => void

속성 값

() => void

onRenderPlaceholder

비디오를 사용할 수 없는 사용자 지정 렌더링 구성 요소 함수입니다. 정의되지 않은 경우 가상 사용자 아이콘을 렌더링합니다.

onRenderPlaceholder?: OnRenderAvatarCallback

속성 값

OnRenderAvatarCallback

overlay

렌더링 반응을 담당하는 오버레이 구성 요소

overlay?: null | Element

속성 값

null | Element

participantState

참가자의 통화 연결 상태입니다. 예를 들어 Hold 참가자가 보류 중임을 의미합니다.

participantState?: ParticipantState

속성 값

ParticipantState

personaMaxSize

개인 아바타의 최대 크기(px)입니다. 가상 사용자 아바타는 비디오 스트림을 사용할 수 없을 때 표시되는 기본 자리 표시자입니다. 자세한 내용은 https://developer.microsoft.com/en-us/fluentui#/controls/web/persona 참조하세요.

personaMaxSize?: number

속성 값

number

personaMinSize

px의 가상 아바타 최소 크기입니다. 가상 사용자 아바타는 비디오 스트림을 사용할 수 없을 때 표시되는 기본 자리 표시자입니다. 자세한 내용은 https://developer.microsoft.com/en-us/fluentui#/controls/web/persona 참조하세요.

personaMinSize?: number

속성 값

number

raisedHand

참가자가 손을 들었는지 여부입니다. 순서와 함께 표시기(테두리)와 아이콘을 표시합니다.

raisedHand?: RaisedHand

속성 값

RaisedHand

reactionResources

반응 리소스의 URL 및 메타데이터.

reactionResources?: ReactionResources

속성 값

ReactionResources

renderElement

비디오 스트림을 사용한 구성 요소입니다.

renderElement?: null | Element

속성 값

null | Element

showLabel

VideoTile에 레이블 표시

showLabel?: boolean

속성 값

boolean

showMuteIndicator

사용자의 표시 이름 옆에 음소거 아이콘을 표시할지 여부입니다.

showMuteIndicator?: boolean

속성 값

boolean

strings

구성 요소에서 재정의할 문자열입니다.

strings?: VideoTileStrings

속성 값

VideoTileStrings

styles

사용자가 사용자 지정 CSS 스타일을 포함하는 개체를 전달할 수 있습니다.

styles?: VideoTileStylesProps

속성 값

VideoTileStylesProps

userId

VideoTile 자리 표시자의 사용자 ID입니다.

userId?: string

속성 값

string