@azure/communication-react package
클래스
| CallError |
실패한 상태 저장 API 메서드에서 throw된 오류입니다. |
| ChatError |
실패한 StatefulChatClient 메서드에서 throw된 오류입니다. |
인터페이스
| AcceptedTransfer |
피쳐 상태 전송 |
| ActiveErrorMessage |
ErrorBar통해 표시되는 활성 오류 메시지입니다. |
| ActiveNotification |
NotificationStack을 통해 표시할 활성 알림입니다. |
| AdapterError |
오류 이벤트를 통해 보고되고 어댑터 상태에 저장된 오류입니다. |
| AdapterNotification |
어댑터 상태에 저장된 클라이언트 상태를 호출하는 알림입니다. |
| AdapterState |
복합 어댑터 상태와 상호 작용하는 기능입니다. |
| AttachmentMetadata |
채팅 메시지 첨부 파일을 나타내는 데이터 모델로, 첨부 파일을 고유하게 식별하는 ID, 파일 이름을 나타내는 이름 및 첨부 파일을 다운로드할 URL이 포함되어 있습니다. |
| BaseCompositeProps |
이 라이브러리에서 내보낸 모든 복합체에 공통적인 속성입니다. |
| BaseCustomStyles |
이 라이브러리에서 내보낸 모든 구성 요소에 대한 기본 흐름 스타일 소품입니다. |
| BreakoutRoomsState |
소회의실 상태 |
| CallAdapter |
CommonCallAdapter확장하는 Azure Communication ID와 관련된 어댑터 인터페이스입니다. |
| CallAdapterCallManagement |
현재 호출을 관리하거나 새 호출을 시작하는 기능 |
| CallAdapterCallOperations |
현재 호출을 관리하기 위한 기능입니다. |
| CallAdapterDeviceManagement |
통화 내에서 디바이스를 관리하기 위한 기능입니다. |
| CallAdapterSubscribers |
구독할 수 있는 복합 이벤트를 호출합니다. |
| CallAgentProviderProps |
CallAgentProvider초기화하는 인수입니다. |
| CallAgentState |
호출을 제외한 <xref:%40azure%2Fcommunication-calling%23CallAgent> 상태 전용 버전은 CallClientState 직접 자식으로 이동되며 여기에 포함되지 않습니다. CallAgent의 상태가 프록시되는 이유는 displayName에 대한 액세스를 제공하기 위해서입니다. CallAgent.displayName을 평면화하고 CallClientState에 배치하지 않습니다. displayName이 실제로 CallAgent의 생성/존재에 의존하여 사용할 수 있다는 것은 모호하기 때문입니다. |
| CallAndChatLocator |
createAzureCommunicationCallWithChatAdapter 사용하여 연결된 채팅 스레드와 통화에 조인하는 데 사용할 인수입니다. |
| CallClientProviderProps |
CallClientProvider초기화하는 인수입니다. |
| CallClientState |
StatefulCallClient 프록시된 모든 상태 데이터에 대한 컨테이너입니다. callAgent를 만든 경우 호출, callEnded, incomingCalls 및 incomingCallsEnded 상태가 자동으로 제공됩니다. deviceManager는 채워질 때까지 처음에는 비어 DeviceManagerState. userId 상태는 개발자의 편의를 위해 제공되며 개발자가 완전히 제어하고 설정합니다. |
| CallCompositeLoaderProps |
애플리케이션에서 사용할 수 있는 OutboundCallComposite에 대한 속성입니다. 두 개의 옵션 백이 포함되어 있습니다. |
| CallCompositeProps |
CallComposite대한 Props입니다. |
| CallCompositeStrings |
이 문자열은 구성 요소 라이브러리의 구성 요소에서 사용하는 문자열 외에 추가됩니다. |
| CallFeatureStreamState |
상태 전용 버전의 <xref:%40azure%2Fcommunication-calling%23CallFeatureStream>. 호출 기능 스트림 상태를 나타냅니다. |
| CallInfoState |
State를 사용하여 유형을 <xref:CallInfo> 추적하고 <xref:TeamsCallInfo> |
| CallNotification | |
| CallProviderProps |
CallProvider초기화하는 인수입니다. |
| CallState |
상태 전용 버전의 <xref:%40azure%2Fcommunication-calling%23Call>. StatefulCallClient 자동으로 호출의 상태를 검색하고 StatefulCallClient노출된 상태에 추가합니다. |
| CallSurveyImprovementSuggestions |
전화 설문 조사의 개선 제안 부분을 나타냅니다. |
| CallWithChatAdapter |
CallWithChatComposite 어댑터 인터페이스를. |
| CallWithChatAdapterManagement |
채팅을 사용하여 현재 통화를 관리하는 기능입니다. |
| CallWithChatAdapterState |
CallWithChat 상태는 상태 저장 채팅 및 상태 저장 통화 클라이언트의 조합으로, CallWithChat 복합에만 특정한 상태입니다. |
| CallWithChatAdapterSubscriptions |
CallWithChatAdapter구독할 수 있는 통화 및 채팅 이벤트입니다. |
| CallWithChatAdapterUiState |
CallWithChatComposite관련된 UI 상태입니다. |
| CallWithChatClientState | |
| CallWithChatCompositeLoaderProps |
애플리케이션에서 사용할 수 있는 CallWithChatComposite에 대한 속성입니다. 두 개의 옵션 백이 포함되어 있습니다.
|
| CallWithChatCompositeProps |
CallWithChatComposite 필요한 Props |
| CallWithChatCompositeStrings |
CallWithChatComposite에서 사용하는 문자열은 직접. 이 문자열은 구성 요소 라이브러리의 구성 요소에서 사용하는 문자열 외에 추가됩니다. |
| CallWithChatControlOptions |
채팅 경험을 통한 통화의 제어 표시줄에 대한 사용자 지정 옵션. |
| CallingHandlers |
구성 요소를 호출하는 데 필요한 모든 처리기를 포함하는 개체입니다. 이 패키지에서 관련 구성 요소를 호출하면 이 개체에서 관련 처리기를 선택할 수 있습니다. <xref:useHandlers> 및 usePropsFor 참조하세요. |
| CallingTheme |
이 라이브러리에서 관련 구성 요소를 호출하여 사용하는 사용자 지정 Fluent 테마 팔레트입니다. |
| CameraButtonContextualMenuStyles |
CameraButton 메뉴의 스타일입니다. |
| CameraButtonProps |
CameraButton 구성 요소에 대한 Props입니다. |
| CameraButtonStrings |
재정의할 수 있는 CameraButton의 문자열입니다. |
| CameraButtonStyles |
CameraButton 스타일 |
| CapabilitiesFeatureState |
의 상태 전용 버전 <xref:%40azure%2Fcommunication-calling%23CapabilitiesFeature> |
| CapabilityChangedNotificationStrings |
기능 변경 알림에 대한 문자열 |
| CaptionLanguageStrings |
캡션 언어 캡션에 대한 문자열 설정 모달 |
| CaptionsBannerProps |
CaptionsBanner 컴포넌트 소품. |
| CaptionsBannerStrings |
Strings for Captions 배너 |
| CaptionsCallFeatureState | |
| CaptionsInfo | |
| CaptionsSettingsModalProps |
CaptionsSettingsModal 컴포넌트 소품. |
| CaptionsSettingsModalStrings |
캡션 설정 모달을 위한 문자열 |
| ChatAdapterSubscribers |
구독할 수 있는 채팅 복합 이벤트입니다. |
| ChatAdapterThreadManagement |
현재 채팅 스레드를 관리하기 위한 기능입니다. |
| ChatCompositeLoaderProps |
애플리케이션에서 사용할 수 있는 ChatComposite에 대한 속성입니다. ChatCompositeChatCompositeOptions에 대한 옵션을 포함합니다. |
| ChatCompositeProps | |
| ChatCompositeStrings |
이 문자열은 구성 요소 라이브러리의 구성 요소에서 사용하는 문자열 외에 추가됩니다. |
| ChatMessage |
채팅 메시지입니다. |
| CommonCallAdapter |
CallComposite 어댑터 인터페이스를. |
| CommonCallingHandlers |
구성 요소를 호출하는 데 필요한 모든 처리기를 포함하는 개체입니다. 이 패키지에서 관련 구성 요소를 호출하면 이 개체에서 관련 처리기를 선택할 수 있습니다. <xref:useHandlers> 및 usePropsFor 참조하세요. |
| ComponentLocale |
이 라이브러리에서 내보낸 모든 구성 요소에 대한 로캘 정보입니다. |
| ComponentStrings |
이 라이브러리에서 내보낸 모든 구성 요소에서 사용되는 문자열입니다. |
| CompositeLocale |
이 라이브러리에서 내보낸 모든 복합체에 대한 로캘 정보입니다. |
| CompositeStrings |
복합에서 직접 사용되는 문자열입니다. 이러한 문자열은 포함된 구성 요소 대신 복합에서 직접 사용됩니다. |
| ConferencePhoneInfo |
회의 전화 정보에 대한 정보 |
| ContentSystemMessage |
중재 콘텐츠가 포함된 시스템 메시지입니다. |
| ControlBarButtonProps |
ControlBarButton대한 Props입니다. |
| ControlBarButtonStrings |
재정의할 수 있는 ControlBarButton 문자열입니다. |
| ControlBarProps |
ControlBar대한 Props입니다. |
| CreateVideoStreamViewResult |
로컬 또는 원격 VideoStream을 만든 후 반환되는 개체입니다. 여기에는 스트림의 렌더링을 조작하는 도우미 함수가 포함됩니다. |
| CustomCallControlButtonCallbackArgs |
CustomCallControlButtonCallback에 대한 인수입니다. |
| CustomCallControlButtonProps |
CustomCallControlButtonCallback의 응답입니다. ControlBarButton 또는 <xref:DrawerMenuItem>를 렌더링하는 데 필요한 기본 소품을 포함합니다. |
| CustomCallControlButtonStrings |
CustomCallControlButtons에 대한 문자열 |
| CustomMessage |
사용자 지정 메시지 유형입니다. 사용자 지정 메시지는 기본적으로 렌더링되지 않지만 애플리케이션은 사용자 지정 렌더러를 제공할 수 있습니다. |
| DevicesButtonContextualMenuStyles |
DevicesButton 메뉴의 스타일입니다. |
| DevicesButtonProps | |
| DevicesButtonStrings |
재정의할 수 있는 DevicesButton 문자열입니다. |
| DevicesButtonStyles |
디바이스 단추 메뉴 항목에 대한 스타일입니다. |
| DiagnosticsCallFeatureState |
<xref:%40azure%2Fcommunication-calling%23DiagnosticsCallFeature>대한 상태 전용 프록시입니다. |
| DialpadProps |
Dialpad 구성 요소에 대한 소품. |
| DialpadStrings |
재정의할 수 있는 다이얼패드 문자열입니다. |
| DialpadStyles |
Dialpad 구성 요소의 스타일입니다. |
| Disposable |
복합을 올바르게 삭제하는 기능입니다. |
| DtmfDialPadOptions |
CallComposite에서 dtmfDialer의 렌더링 동작을 결정하는 옵션 |
| EndCallButtonProps |
EndCallButton대한 Props입니다. |
| EndCallButtonStrings |
재정의할 수 있는 EndCallButton 문자열입니다. |
| ErrorBarProps |
ErrorBar대한 Props입니다. 다음 외에도 ErrorBar 모든 <xref:%40fluentui%2Freact%23IMessageBarProps> 기본 <xref:%40fluentui%2Freact%23MessageBar>전달합니다. |
| ErrorBarStrings |
ErrorBarUI에 표시될 수 있는 모든 문자열입니다. |
| FluentThemeProviderProps | |
| GridLayoutProps |
GridLayout대한 Props입니다. |
| GridLayoutStyles |
GridLayout 구성 요소 스타일 |
| HoldButtonProps | |
| HoldButtonStrings |
보류 버튼 레이블에 대한 문자열 |
| HorizontalGalleryStyles |
<xref:HorizontalGallery> 구성 요소 스타일입니다. |
| ImageOverlayProps |
ImageOverlay에 대한 소품. |
| ImageOverlayStrings |
재정의할 수 있는 ImageOverlay 의 문자열입니다. |
| IncomingCallNotificationProps |
들어오는 전화 알림 구성 요소에 대한 속성입니다. |
| IncomingCallNotificationStrings |
들어오는 전화 알림 구성 요소에 대한 문자열입니다. |
| IncomingCallNotificationStyles |
들어오는 전화 알림 구성 요소의 스타일입니다. |
| IncomingCallStackCall |
활성 수신 호출을 나타냅니다. |
| IncomingCallStackProps |
IncomingCallManager 컴포넌트에 대한 속성입니다. |
| IncomingCallState |
상태 전용 버전의 <xref:%40azure%2Fcommunication-calling%23IncomingCall>. StatefulCallClient 자동으로 들어오는 호출을 검색하고 StatefulCallClient노출된 상태에 상태를 추가합니다. |
| InlineImage |
UI에 반영된 InlineImage의 상태입니다. |
| InlineImageOptions |
인라인 이미지 시나리오에서 인라인 이미지를 표시하는 옵션입니다. |
| JoinCallOptions |
통화에 참가할 때 마이크와 카메라 상태를 설정하는 옵션 true = 참가할 때 장치 켜기 전화 false = 통화에 참가할 때 장치 끄기 'keep'/undefined = 장치 유지' 사전 호출 상태 |
| JumpToNewMessageButtonProps |
<xref:MessageThreadProps.onRenderJumpToNewMessageButton>인수입니다. |
| LocalVideoCameraCycleButtonProps | |
| LocalVideoStreamState |
상태 전용 버전의 <xref:%40azure%2Fcommunication-calling%23LocalVideoStream>. |
| LocalVideoStreamVideoEffectsState |
LocalVideoStream의 <xref:%40azure%2Fcommunication-calling%23VideoEffectsFeature>. |
| LocalVideoTileOptions |
Call 복합체의 로컬 비디오 타일에 대한 옵션입니다. |
| MediaAccessState |
미디어 액세스 상태 |
| MediaDiagnosticsState |
<xref:%40azure%2Fcommunication-calling%23MediaDiagnostics>대한 상태 전용 프록시입니다. |
| MeetingConferencePhoneInfoModalStrings |
전화 정보 모달에 대한 문자열 |
| MessageCommon |
모든 메시지 유형의 공통 속성입니다. |
| MessageStatusIndicatorProps | |
| MessageStatusIndicatorStrings |
재정의할 수 있는 MessageStatusIndicator 문자열입니다. |
| MessageThreadStrings |
재정의할 수 있는 MessageThread 문자열입니다. |
| MessageThreadStyles |
MessageThread대한 Fluent 스타일입니다. |
| MicrophoneButtonContextualMenuStyles |
MicrophoneButton 메뉴의 스타일입니다. |
| MicrophoneButtonProps | |
| MicrophoneButtonStrings |
재정의할 수 있는 MicrophoneButton 문자열입니다. |
| MicrophoneButtonStyles |
MicrophoneButton 스타일 |
| NetworkDiagnosticsState |
<xref:%40azure%2Fcommunication-calling%23NetworkDiagnostics>대한 상태 전용 프록시입니다. |
| NotificationOptions |
복합에서 알림을 제어하기 위한 옵션입니다. |
| NotificationProps |
Notification에 대한 소품입니다. |
| NotificationStackProps |
NotificationStack에 대한 소품. |
| NotificationStackStrings |
NotificationStack의 UI에 표시될 수 있는 모든 문자열입니다. |
| NotificationStrings |
알림의 UI에 표시될 수 있는 모든 문자열입니다. |
| NotificationStyles |
알림 구성 요소의 스타일입니다. |
| OptimalVideoCountFeatureState |
최적의 비디오 카운트 기능의 <xref:%40azure%2Fcommunication-calling%23OptimalVideoCountCallFeature>상태 전용 버전입니다. |
| OptionsDevice |
DevicesButton 플라이아웃의 디바이스(예: 카메라, 마이크 또는 스피커)입니다. |
| OutboundCallCompositeLoaderProps |
애플리케이션에서 사용할 수 있는 OutboundCallComposite에 대한 속성입니다. 두 개의 옵션 백이 포함되어 있습니다. |
| PPTLiveCallFeatureState |
상태 전용 버전의 <xref:%40azure%2Fcommunication-calling%23PPTLiveCallFeature>. StatefulCallClient 는 통화에서 pptLive를 자동으로 수신 대기하고 그에 따라 StatefulCallClient 에 의해 노출된 상태를 업데이트합니다. |
| ParticipantAddedSystemMessage |
참가자가 채팅 스레드에 추가되었음을 알리는 시스템 메시지입니다. |
| ParticipantItemProps | |
| ParticipantItemStrings |
재정의할 수 있는 ParticipantItem 문자열입니다. |
| ParticipantItemStyles |
ParticipantItem대한 Fluent 스타일입니다. |
| ParticipantListItemStyles |
참가자 목록ParticipantItem스타일입니다. |
| ParticipantListStyles |
참가자 목록스타일입니다. |
| ParticipantRemovedSystemMessage |
참가자가 채팅 스레드에서 제거되었음을 알리는 시스템 메시지입니다. |
| ParticipantsButtonContextualMenuStyles |
ParticipantsButton 메뉴의 스타일입니다. |
| ParticipantsButtonProps | |
| ParticipantsButtonStrings |
재정의할 수 있는 ParticipantsButton 문자열입니다. |
| ParticipantsButtonStyles |
ParticipantsButton대한 스타일 소품입니다. |
| RaiseHandButtonProps |
RaiseHandButton에 대한 소품. |
| RaiseHandButtonStrings |
재정의할 수 있는 RaiseHandButton 의 문자열입니다. |
| RaiseHandCallFeature |
상태 전용 버전의 <xref:%40azure%2Fcommunication-calling%23RaiseHandCallFeature>. StatefulCallClient 는 통화에서 제기된 손을 자동으로 수신하고 그에 따라 StatefulCallClient 에 의해 노출된 상태를 업데이트합니다. |
| ReactionButtonProps |
ReactionButton에 대한 소품. |
| ReactionButtonStrings |
재정의할 수 있는 ReactionButton 의 문자열입니다. |
| ReactionResources |
애니메이션 스프라이트 이미지 및 관련 메타데이터를 위한 인터페이스 |
| RealTimeTextCallFeatureState | |
| RealTimeTextInfo | |
| RealTimeTextModalProps |
RealTimeTextModal 컴포넌트 소품. |
| RealTimeTextModalStrings |
realTimeText 모달용 문자열 |
| RealTimeTextProps |
RealTimeText의 한 줄에 대한 소품입니다. |
| RealTimeTextStrings |
RTT용 문자열 |
| RecordingCallFeature |
상태 전용 버전의 <xref:%40azure%2Fcommunication-calling%23RecordingCallFeature>. StatefulCallClient 자동으로 통화의 기록 상태를 수신 대기하고 그에 따라 StatefulCallClient 의해 노출되는 상태를 업데이트합니다. |
| RemoteParticipantState |
상태 전용 버전의 <xref:%40azure%2Fcommunication-calling%23RemoteParticipant>. StatefulCallClient 자동으로 RemoteParticipants를 검색하고 해당 상태를 StatefulCallClient노출된 상태에 추가합니다. |
| RemoteVideoStreamState |
상태 전용 버전의 <xref:%40azure%2Fcommunication-calling%23RemoteVideoStream>. |
| RemoteVideoTileMenuOptions |
VideoGallery의 원격 비디오 타일에 대한 메뉴 옵션. |
| ScreenShareButtonProps |
ScreenShareButton대한 Props입니다. |
| ScreenShareButtonStrings |
재정의할 수 있는 ScreenShareButton 문자열입니다. |
| SendBoxProps | |
| SendBoxStrings |
재정의할 수 있는 SendBox 문자열입니다. |
| SendBoxStylesProps |
<xref:Sendbox>대한 흐름 스타일입니다. |
| SpokenLanguageStrings |
캡션에 대한 음성 언어 문자열 설정 모달 |
| SpotlightCallFeatureState |
의 상태 전용 버전 <xref:%40azure%2Fcommunication-calling%23SpotlightCallFeature> |
| SpotlightPromptStrings |
스포트라이트와 관련된 프롬프트에 사용되는 문자열 |
| SpotlightState |
순서가 있는 스포트라이트 상태 |
| StartCaptionsAdapterOptions |
adapter.startCaptions에 전달된 옵션 |
| StartCaptionsButtonProps | |
| StartCaptionsButtonStrings |
보류 버튼 레이블에 대한 문자열 |
| StartRealTimeTextButtonProps |
StartRealTimeTextButton 컴포넌트에 대한 속성 |
| StartRealTimeTextButtonStrings |
보류 버튼 레이블에 대한 문자열 |
| StatefulCallClient |
CallClient <xref:%40azure%2Fcommunication-calling%23CallClient> 상태 저장으로 사용할 수 있도록 하는 메서드를 정의합니다. 인터페이스는 프록시된 상태에 대한 액세스를 제공하고 상태 변경 이벤트에 대한 처리기를 등록할 수도 있습니다. 상태 정의는 CallClientState참조하세요. 상태 변경 이벤트는 다음을 통해 구동됩니다.
|
| StatefulChatClient |
{@Link @azure/communication-chat#ChatClient} 중앙 집중식으로 생성된 상태로 사용할 수 있도록 하는 메서드를 정의합니다. 인터페이스는 프록시된 상태에 대한 액세스를 제공하고 상태 변경 이벤트에 대한 처리기를 등록할 수도 있습니다. |
| StatefulDeviceManager |
<xref:%40azure%2Fcommunication-calling%23DeviceManager>위에 상태 저장에 의해 추가된 추가 메서드를 정의합니다. |
| StopCaptionsAdapterOptions |
adapter.stopCaptions에 전달된 옵션 |
| StreamMediaProps |
StreamMedia대한 Props입니다. |
| SurveyIssues |
각 통화 문제에 대한 해당 문자 |
| SurveyIssuesHeadingStrings |
각 통화 문제 범주에 해당하는 텍스트 |
| SystemMessageCommon |
모든 시스템 메시지의 공통 속성입니다. |
| TeamsCallAdapter |
CommonCallAdapter를 확장하는 Teams ID와 관련된 어댑터 인터페이스입니다. |
| TeamsCallingHandlers |
구성 요소를 호출하는 데 필요한 모든 팀 호출 처리기를 포함하는 개체입니다. 이 패키지에서 관련 구성 요소를 호출하면 이 개체에서 관련 처리기를 선택할 수 있습니다. <xref:useHandlers> 및 usePropsFor 참조하세요. |
| TeamsIncomingCallState |
의 상태 전용 버전 <xref:%40azure%2Fcommunication-calling%23TeamsIncomingCall> |
| TogetherModeCallFeatureState |
상태 전용 버전의 <xref:%40azure%2Fcommunication-calling%23TogetherModeCallFeature>. StatefulCallClient를 사용합니다. 함께 모드 기능의 상태를 나타냅니다. |
| TogetherModeSeatingPositionState |
상태 전용 버전의 <xref:%40azure%2Fcommunication-calling%23TogetherModeSeatingMap>. 함께 모드에서 참가자의 좌석 위치를 나타냅니다. |
| TogetherModeStreamOptions |
Together Mode 스트림 뷰의 결과를 나타내는 인터페이스입니다. |
| TogetherModeStreamViewResult |
Together Mode 스트림 뷰의 결과를 나타내는 인터페이스입니다. |
| TogetherModeStreamsState |
함께 모드의 스트림을 나타냅니다. |
| TopicUpdatedSystemMessage |
채팅 스레드 토픽이 업데이트되었음을 알리는 시스템 메시지입니다. |
| TranscriptionCallFeature |
상태 전용 버전의 <xref:%40azure%2Fcommunication-calling%23TranscriptionCallFeature>. StatefulCallClient 자동으로 호출의 전사 상태를 수신 대기하고 그에 따라 StatefulCallClient 의해 노출되는 상태를 업데이트합니다. |
| TransferFeature |
피쳐 상태 전송 |
| TypingIndicatorProps | |
| TypingIndicatorStrings |
재정의할 수 있는 TypingIndicator 문자열입니다. |
| TypingIndicatorStylesProps |
TypingIndicator대한 Fluent 스타일입니다. |
| VerticalGalleryControlBarStyles |
VerticalGallery 구성 요소 내부의 컨트롤 막대 스타일 |
| VerticalGalleryStrings |
세로 갤러리의 지역화를 위한 문자열입니다. |
| VerticalGalleryStyles |
VerticalGallery 구성 요소의 스타일 |
| VideoBackgroundBlurEffect |
흐림 비디오 배경 효과의 특성을 포함합니다. |
| VideoBackgroundImage |
url, name 등과 같은 배경 이미지의 속성을 포함합니다. |
| VideoBackgroundNoEffect |
비디오 배경 효과를 제거하는 기능이 포함되어 있습니다. |
| VideoBackgroundReplacementEffect |
선택한 교체 비디오 배경 효과의 속성을 포함합니다. |
| VideoGalleryLocalParticipant | |
| VideoGalleryProps |
VideoGallery대한 소품입니다. |
| VideoGalleryRemoteParticipant |
VideoGallery원격 참가자의 상태입니다. |
| VideoGalleryStream | |
| VideoGalleryStrings | |
| VideoGalleryStyles |
VideoGallery 구성 요소 스타일을. |
| VideoGalleryTogetherModeSeatingInfo |
투게더 모드의 좌석 정보를 나타내는 인터페이스. |
| VideoGalleryTogetherModeStreams |
함께 모드의 스트림을 나타내는 인터페이스입니다. |
| VideoStreamOptions |
비디오 스트림을 렌더링하는 방법을 제어하는 옵션입니다. |
| VideoStreamRendererViewState |
상태 전용 버전의 <xref:%40azure%2Fcommunication-calling%23VideoStreamRendererView>. 이 속성은 createView StatefulCallClient 노출된 상태에 추가되고 disposeView의해 제거됩니다. |
| VideoTileContextualMenuProps |
VideoGallery에서 원격 VideoTile 구성요소에 대한 컨텍스트 메뉴를 표시하기 위한 속성입니다. |
| VideoTileDrawerMenuProps |
VideoGallery에서 원격 VideoTile 길게 터치할 때 서랍 메뉴를 표시하기 위한 속성입니다. |
| VideoTileProps | |
| VideoTileStrings |
재정의할 수 있는 VideoTile 의 문자열입니다. |
| VideoTileStylesProps |
VideoTile대한 흐름 스타일입니다. |
| VideoTilesOptions |
VideoGallery의 모든 비디오 타일에 적용되는 옵션 |
형식 별칭
| AdapterErrors |
어댑터는 각 작업에 대한 최신 오류를 상태에 저장합니다.
|
| AdapterNotifications |
어댑터는 각 대상에 대한 최신 알림을 저장합니다. |
| AreEqual |
2개의 반응 구성 요소가 정확히 같은지 비교합니다. 결과 형식은 true/false입니다. |
| AreParamEqual |
2개 반응 구성 요소의 props가 같은지 비교합니다. 결과 형식은 true/false입니다. |
| AreTypeEqual |
두 형식이 같은지 비교합니다. 결과 형식은 true/false입니다. |
| AvatarPersonaData |
사용자의 아바타를 표시하기 위한 사용자 지정 데이터 특성입니다. |
| AvatarPersonaDataCallback |
사용자에 대한 아바타를 빌드하기 위해 사용자 지정 데이터를 제공하는 데 사용되는 콜백 함수입니다. |
| AzureCommunicationCallAdapterArgs |
CallAdapterAzure Communication Services 구현을 만들기 위한 인수입니다. 참고: |
| AzureCommunicationCallAdapterOptions | |
| AzureCommunicationCallWithChatAdapterArgs | |
| AzureCommunicationCallWithChatAdapterFromClientArgs |
<xref:createAzureCommunicationCallWithChatAdapterFromClient> 인수 |
| AzureCommunicationChatAdapterArgs |
ChatAdapterAzure Communication Services 구현을 만들기 위한 인수입니다. |
| AzureCommunicationOutboundCallAdapterArgs |
CallAdapterAzure Communication Services 구현을 만들기 위한 인수입니다. 이러한 인수는 아웃바운드 호출 시나리오를 만드는 데 사용됩니다. 참고: |
| CallAdapterCallEndedEvent |
종료된 호출에 대한 세부 정보가 포함된 CallEndedListener 대한 페이로드입니다. |
| CallAdapterClientState |
CommonCallAdapter 상태는 Azure Communication Services 백 엔드에서 유추됩니다. |
| CallAdapterLocator |
createAzureCommunicationCallAdapter 사용하여 조인할 호출을 찾는 데 사용되는 로케이터 |
| CallAdapterState |
commonCallAdapter 상태를. |
| CallAdapterUiState |
순수 UI를 위해 CommonCallAdapter 상태를. |
| CallCompositeIcons | |
| CallCompositeOptions |
CallComposite선택적 기능. |
| CallCompositePage |
CallComposite표시된 주요 UI 화면입니다. |
| CallControlDisplayType |
CallComposite대한 컨트롤 막대 표시 유형입니다. |
| CallControlOptions |
호출 환경의 컨트롤 표시줄에 대한 사용자 지정 옵션입니다. |
| CallEndedListener | |
| CallErrorBarSelector |
ErrorBar 구성 요소의 선택기 유형입니다. |
| CallErrorTarget |
{@Link CallErrors}의 모든 허용 키에 대한 문자열 리터럴 형식입니다. |
| CallErrors |
호출 SDK에 대한 API 호출에서 오류가 발생했습니다. 개체의 각 속성은 특정 SDK API 메서드에 대한 최신 오류를 저장합니다. 이 개체의 오류는 <xref:newClearCallErrorsModifier>사용하여 지울 수 있습니다. 또한 다음과 같은 경우 오류가 자동으로 지워집니다.
|
| CallFeatureStreamName |
통화 기능 스트림의 이름을 나타냅니다 |
| CallIdChangedListener | |
| CallNotifications | |
| CallParticipantListParticipant |
UI 구성 요소에 반영된 대로 참가자의 상태를 호출합니다. |
| CallWithChatCompositeIcons |
CallWithChatComposite재정의할 수 있는 아이콘입니다. |
| CallWithChatCompositeOptions |
CallWithChatComposite선택적 기능. |
| CallWithChatEvent |
CallWithChatAdapter의해 발생한 이벤트입니다. |
| CallingBaseSelectorProps |
호출 선언적 클라이언트 상태를 참조하는 데 사용되는 공통 props입니다. |
| CallingHandlersOptions |
비디오 효과 배경 종속성을 포함하는 구성 옵션입니다. |
| CallingReturnProps |
usePropsFor대한 도우미 유형입니다. |
| CallingSounds |
다양한 호출 이벤트에 사용할 사운드 집합을 나타내는 유형입니다. |
| CameraButtonSelector |
CameraButton 구성 요소의 선택기 유형입니다. |
| CancelEditCallback |
콜백 함수는 메시지 편집이 취소될 때 실행됩니다. |
| CapabilitiesChangedListener |
CallAdapterSubscribers 'capabilitiesChanged' 이벤트에 대한 콜백입니다. |
| CaptionSettingsSelector |
캡션 언어 및 음성 언어 변경을 위한 구성 요소에 대한 선택기 유형 |
| CaptionsBannerSelector |
CaptionsBanner 구성 요소의 선택기 유형입니다. |
| CaptionsInformation |
캡션의 각 줄에 필요한 정보 |
| CaptionsOptions |
캡션을 시작하는 옵션 모음 |
| CaptionsReceivedListener |
CallAdapterSubscribers 'captionsReceived' 이벤트에 대한 콜백입니다. |
| ChatAdapter |
ChatComposite 어댑터 인터페이스를. |
| ChatAdapterOptions |
ChatAdapter를 구성하기 위한 옵션입니다. |
| ChatAdapterState |
chatAdapter 상태를. |
| ChatAdapterUiState |
순수 UI를 위해 ChatAdapter 상태를. |
| ChatAttachmentType |
첨부 파일의 유형을 나타냅니다 |
| ChatBaseSelectorProps |
ChatClientState선택기에 대한 공통 소품입니다. |
| ChatClientProviderProps |
ChatClientProvider초기화하는 인수입니다. |
| ChatClientState |
<xref:%40azure%2Fcommunication-chat%23ChatClient>중앙 집중식 상태입니다. |
| ChatCompositeClientState | |
| ChatCompositeIcons |
ChatComposite재정의할 수 있는 아이콘입니다. |
| ChatCompositeOptions |
ChatComposite선택적 기능. |
| ChatErrorBarSelector |
ErrorBar 구성 요소의 선택기 유형입니다. |
| ChatErrorTarget |
ChatErrors모든 허용 키에 대한 문자열 리터럴 형식입니다. |
| ChatErrors |
채팅 SDK에 대한 API 호출에서 오류가 발생했습니다. 개체의 각 속성은 특정 SDK API 메서드에 대한 최신 오류를 저장합니다. |
| ChatHandlers |
채팅 구성 요소에 필요한 모든 처리기를 포함하는 개체입니다. 이 패키지의 채팅 관련 구성 요소는 이 개체에서 관련 처리기를 선택할 수 있습니다. <xref:useHandlers> 및 usePropsFor 참조하세요. |
| ChatInitializedListener |
'chatInitialized' 이벤트에 대한 <xref:CallWithChatAdapterSubscribers> 콜백입니다. |
| ChatMessageWithStatus |
채팅 메시지에 대한 클라이언트 쪽 전용 메타데이터를 저장하는 <xref:%40azure%2Fcommunication-chat%23ChatMessage> 확장입니다. TODO: 이름이 비트로 작성되었습니다. 이름을 바꿉니다. |
| ChatParticipantListSelector |
ParticipantList 구성 요소에 대한 선택기 유형입니다. |
| ChatProfile |
사용자 또는 봇의 프로필입니다. |
| ChatReturnProps |
usePropsFor대한 도우미 유형입니다. |
| ChatThreadClientProviderProps | |
| ChatThreadClientState |
<xref:%40azure%2Fcommunication-chat%23ChatThreadClient>중앙 집중식 상태입니다. |
| ChatThreadProperties |
채팅 스레드의 속성입니다. 기본 API에서 사용하는 다양한 형식을 숨기는 데 도움이 되는 최소 형식을 정의합니다. |
| ClientState |
<xref:%40azure%2Fcommunication-calling%23CallClient> 또는 <xref:%40azure%2Fcommunication-chat%23ChatClient>대한 중앙 집중식 상태입니다. 참고 항목: CallClientState, ChatClientState. |
| Common |
2개 형식의 상호 교차 형식 반환 |
| CommonCallAdapterOptions |
만들 useAzureCommunicationCallAdapter(Partial<AzureCommunicationCallAdapterArgs | AzureCommunicationOutboundCallAdapterArgs>, (adapter: CallAdapter) => Promise<CallAdapter>, (adapter: CallAdapter) => Promise<void>) 일반적인 선택적 매개 변수 또는 TeamsCallAdapter |
| CommonCallControlOptions |
호출 환경의 컨트롤 표시줄에 대한 사용자 지정 옵션입니다. |
| CommonProperties |
2가지 형식의 교차 속성을 반환합니다. |
| CommunicationParticipant |
UI에 반영된 채팅 또는 통화 참가자의 상태입니다. |
| ComponentIcons |
이 라이브러리에서 내보낸 React 구성 요소에서 사용하는 아이콘입니다. |
| ComponentProps |
usePropsFor대한 도우미 유형입니다. |
| ComponentSlotStyle |
ComponentSlotStyle은 타입입니다 @fluentui/react-northstar . 이 패키지에서 멀어지면서 상호 운용성을 위해 fluent의 보다 일반적인 IRawStyle 형식을 사용했습니다. |
| CompositeIcons |
이 라이브러리에서 내보낸 복합 항목 중 하나에서 재정의할 수 있는 아이콘입니다. 더 많은 대상 유형은 ChatCompositeIcons, CallCompositeIcons 및 CallWithChatCompositeIcons 참조하세요. |
| ControlBarButtonStyles |
모든 ControlBarButton 구현에 대한 스타일입니다. |
| ControlBarLayout |
ControlBar대한 레이아웃을 표시합니다. |
| CreateDefaultCallingHandlers |
createDefaultCallingHandlers의 유형입니다. |
| CreateViewResult |
createView결과를 반환합니다. |
| CustomAvatarOptions |
아바타( |
| CustomCallControlButtonCallback |
사용자 정의 ControlBarButton 및 <xref:DrawerMenuItem>를 렌더링하기 위해 props를 반환하는 콜백입니다. 응답은 사용자 지정 단추를 배치해야 하는 위치를 나타냅니다. 성능 팁: 이 콜백은 콜백 또는 해당 인수가 변경될 때만 호출됩니다. |
| CustomCallControlButtonPlacement |
에 삽입된 사용자 지정 단추에 대한 배치.<xref:CommonCallControlBar> 'primary': 버튼을 중앙 컨트롤 바의 오른쪽 끝에 놓지만 EndCallButton 앞에 놓습니다(rtl 모드의 경우 왼쪽 끝). 'overflow': overflow 메뉴의 끝에 버튼을 놓습니다. 'secondary': 버튼을 측면 컨트롤 바의 왼쪽 끝에 놓습니다(rtl 모드에서는 오른쪽). 동일한 배치가 할당된 여러 버튼이 순서대로 추가됩니다. 예를 들어 두 개의 버튼이 '보조'에 배치되면 제공된 순서대로 둘 다 왼쪽 끝(rtl 모드에서는 오른쪽 끝)에 나타납니다. '기본' 배치만 통화 복합에서 레거시 통화 제어가 활성화된 경우 작동합니다 |
| DeclarativeCallAgent |
|
| DeclarativeTeamsCallAgent |
|
| DeepNoiseSuppressionEffectDependency |
Deep Noise Suppression을 위해 주입할 종속성 유형 |
| DeviceManagerState |
이 형식은 <xref:%40azure%2Fcommunication-calling%23DeviceManager>내의 모든 상태를 캡슐화하기 위한 것입니다. 선택적 매개 변수의 경우 사용자가 사용 권한을 부여할 때까지 사용할 수 없습니다. 카메라, 마이크, 스피커 및 deviceAccess 상태는 해당 <xref:%40azure%2Fcommunication-calling%23DeviceManager>getCameras, getMicrophones, getSpeakers 및 askDevicePermission API가 호출되고 완료될 때까지 비어 있습니다. |
| DevicesButtonSelector |
DevicesButton 구성 요소의 선택기 유형입니다. |
| DiagnosticChangedEventListner | |
| DialpadMode |
다이얼패드 구성 요소의 모드입니다. |
| DisplayNameChangedListener | |
| DtmfTone |
PSTN 호출에 대한 DTMF 톤입니다. |
| EmptySelector |
데이터를 반환하지 않는 간단한 선택기의 형식입니다. 데이터가 필요하지 않은 구성 요소에 대해 usePropsFor 호출되는 경우 기본 반환 값으로 사용됩니다. |
| ErrorType |
ErrorBar표시할 수 있는 모든 오류입니다. |
| GetCallingSelector |
지정된 구성 요소에 적용할 수 있는 선택기의 특정 형식입니다. |
| GetChatSelector |
지정된 구성 요소에 적용할 수 있는 선택기의 특정 형식입니다. |
| HoldButtonSelector |
HoldButton 구성 요소의 선택기 유형입니다. |
| IncomingCallManagement |
여기에는 모든 활성 |
| IncomingCallStackSelector |
선택기를 사용하여 활성 및 제거된 수신 통화를 가져옵니다. |
| IsCaptionLanguageChangedListener |
CallAdapterSubscribers 'isCaptionLanguageChanged' 이벤트에 대한 콜백입니다. |
| IsCaptionsActiveChangedListener |
CallAdapterSubscribers 'isCaptionsActiveChanged' 이벤트에 대한 콜백입니다. |
| IsLocalScreenSharingActiveChangedListener |
'isLocalScreenSharingActiveChanged' 이벤트를 CallAdapterSubscribers에 대한 콜백입니다. |
| IsMutedChangedListener | |
| IsSpeakingChangedListener | |
| IsSpokenLanguageChangedListener |
CallAdapterSubscribers 'isSpokenLanguageChanged' 이벤트에 대한 콜백입니다. |
| LoadingState |
스트림이 로드되고 있는지 여부입니다. |
| LocalScreenShareView | |
| LocalVideoTileSize |
로컬 비디오 타일의 다양한 모드 |
| LocalizationProviderProps |
LocalizationProvider대한 Props입니다. |
| LongPressTrigger |
longpress 핸들러를 티거할 수 있는 모드입니다. |
| MediaAccess |
오디오/비디오 미디어 액세스 상태 |
| MediaDiagnosticChangedEvent | |
| Message |
모든 메시지의 구분된 통합입니다.
|
| MessageAttachedStatus |
채팅 메시지를 메시지 이전/이후와 병합하여 표시할지 여부를 나타냅니다.
인 경우 |
| MessageContentType |
지원되는 유형의 채팅 메시지 콘텐츠입니다. |
| MessageDeletedListener |
ChatAdapterSubscribers 'messageDeleted' 이벤트에 대한 콜백입니다. |
| MessageEditedListener |
ChatAdapterSubscribers 'messageEdited' 이벤트에 대한 콜백입니다. |
| MessageProps |
단일 메시지를 렌더링하는 속성입니다. |
| MessageReadListener | |
| MessageReceivedListener | |
| MessageRenderer |
단일 메시지를 렌더링하는 구성 요소입니다. |
| MessageSentListener | |
| MessageStatus |
보낸 메시지의 클라이언트 쪽 상태입니다. 백 엔드에서 메시지 배달을 확인하기 전에 발생하는 전환 상태를 포함합니다. |
| MessageThreadProps |
MessageThread대한 Props입니다. |
| MessageThreadSelector |
MessageThread 구성 요소의 선택기 유형입니다. |
| MicrophoneButtonSelector |
MicrophoneButton 구성 요소의 선택기 유형입니다. |
| NetworkDiagnosticChangedEvent | |
| NotificationStackSelector |
Notification 구성 요소에 대한 선택기 유형입니다. |
| NotificationTarget | |
| NotificationType |
NotificationStack에 표시할 수 있는 모든 알림입니다. |
| OnFetchChatProfileCallback |
사용자 또는 봇에 대한 프로필을 구축하기 위해 사용자 지정 데이터를 제공하는 데 사용되는 콜백 함수입니다. |
| OnFetchProfileCallback |
사용자 또는 봇에 대한 프로필을 구축하기 위해 사용자 지정 데이터를 제공하는 데 사용되는 콜백 함수입니다. |
| OnRenderAvatarCallback |
사용자가 Persona 구성 요소의 렌더링을 사용자 지정할 수 있도록 하는 사용자 지정 렌더링 콜백입니다. |
| OverflowGalleryPosition |
VideoGallery에서 오버플로 갤러리의 다양한 모드와 위치 |
| ParticipantListParticipant |
참가자가 ParticipantsList표시됩니다. |
| ParticipantListProps | |
| ParticipantListSelector |
ParticipantList 구성 요소에 대한 선택기 유형입니다. |
| ParticipantMenuItemsCallback |
참가자 목록각 참가자에 대한 사용자 지정 메뉴 항목을 제공하기 위한 콜백입니다. |
| ParticipantState |
통화 참가자의 연결 상태입니다. |
| ParticipantsAddedListener | |
| ParticipantsButtonSelector |
ParticipantsButton 구성 요소에 대한 선택기 유형입니다. |
| ParticipantsJoinedListener | |
| ParticipantsLeftListener | |
| ParticipantsRemovedListener | |
| Profile |
사용자 또는 봇의 프로필입니다. |
| RaiseHandButtonSelector |
RaiseHandButton 구성 요소의 선택기 유형입니다. |
| RaisedHand |
명령과 함께 손을 든 상태 |
| RaisedHandState |
명령과 함께 손을 든 상태 |
| Reaction |
렌더링할 반응 유형이 있는 반응 상태 |
| ReactionButtonReaction |
반응 버튼의 반응 유형 |
| ReactionSprite |
애니메이션 스프라이트 이미지 및 관련 메타데이터에 대한 유형 |
| ReactionState |
UI 도우미 props receivedOn이 <xref:%40azure%2Fcommunication-calling%23Call.ReactionMessage> 있는 상태 전용 버전입니다. UI가 그에 따라 반응을 렌더링하기로 결정하는 데 도움이 되는 타임스탬프가 있는 반응 상태입니다. |
| ReadReceiptsBySenderId |
각 보낸 사람의 표시 이름과 마지막 읽기 메시지를 저장하는 키 값 쌍의 배열입니다. |
| RealTimeTextInformation |
실시간 텍스트의 각 줄에 필요한 정보 |
| RealTimeTextReceivedListener |
CallAdapterSubscribers 'realTimeTextReceived' 이벤트에 대한 콜백입니다. |
| ResourceDetails |
캐시할 리소스를 다운로드하는 데 필요한 세부 정보입니다. |
| ResourceFetchResult |
Stateful Client에서 다운로드한 리소스의 결과 |
| ScreenShareButtonSelector |
ScreenShareButton 구성 요소의 선택기 유형입니다. |
| Selector |
ClientState 업데이트를 이 라이브러리의 React 구성 요소에 대한 props로 구체화하는 최적화된 선택기입니다. |
| SendBoxSelector |
SendBox 구성 요소의 선택기 유형입니다. |
| SoundEffect |
호출 이벤트에 사용할 커스텀 사운드를 나타내기 위한 타입입니다 |
| Spotlight |
순서가 있는 스포트라이트 상태 |
| SpotlightChangedListener |
CallAdapterSubscribers 'spotlightChanged' 이벤트에 대한 콜백입니다. |
| StartCallIdentifier |
CallAdapter를 사용하여 통화를 시작하기 위한 식별자 유형 |
| StartCaptionsButtonSelector |
StartCaptionsButton 구성 요소의 선택기 유형입니다. |
| StatefulCallClientArgs |
StatefulCallClient를 생성하는 인수입니다. |
| StatefulCallClientOptions |
StatefulCallClient를 생성하는 옵션입니다. |
| StatefulChatClientArgs |
StatefulChatClient생성하는 인수입니다. |
| StatefulChatClientOptions |
StatefulChatClient구성하는 옵션입니다. |
| SupportedCaptionLanguage | |
| SupportedSpokenLanguage | |
| SystemMessage |
모든 시스템 메시지의 구분된 공용 구조체입니다.
|
| TeamsAdapterOptions |
TeamsCallAdapter를 만들기 위한 선택적 매개 변수 |
| TeamsCallAdapterArgs |
TeamsCallAdapter의 Azure Communication Services 구현을 만들기 위한 인수입니다. |
| TeamsCallAdapterArgsCommon |
TeamsCallAdapter의 Azure Communication Services 구현을 만들기 위한 args의 일반적인 부분입니다. |
| TeamsIncomingCallManagement |
인터페이스를 프록시합니다 <xref:%40azure%2Fcommunication-calling%23TeamsIncomingCall> . |
| TogetherModeParticipantSeatingState |
함께 모드에서 참가자의 좌석 위치를 나타냅니다. |
| TopicChangedListener | |
| TransferAcceptedListener |
CallAdapterSubscribers 'transferRequested' 이벤트에 대한 콜백입니다. |
| TypingIndicatorSelector |
TypingIndicator 구성 요소의 선택기 유형입니다. |
| UpdateMessageCallback |
콜백 함수는 메시지가 업데이트되면 실행됩니다. |
| VideoBackgroundEffect |
선택한 비디오 배경 효과의 속성을 포함합니다. |
| VideoBackgroundEffectsDependency |
비디오 배경 효과를 위해 주입할 종속성 유형 |
| VideoGalleryLayout | |
| VideoGalleryParticipant |
VideoGallery참가자의 상태입니다. |
| VideoGallerySelector |
VideoGallery 구성 요소의 선택기 유형입니다. |
| VideoGalleryTogetherModeParticipantPosition |
함께 모드에서 참가자의 위치를 나타내는 인터페이스입니다. |
| ViewScalingMode |
VideoGalleryStream크기 조정 모드입니다. |
함수
| Call |
<xref:React.Context>저장하는 <xref:%40azure%2Fcommunication-calling%23CallAgent>. 이 패키지의 호출 구성 요소는 CallAgentProvider래핑해야 합니다. |
| Call |
이 패키지의 호출 구성 요소는 CallClientProvider래핑되어야 합니다. |
| Call |
호출 환경을 위한 사용자 지정 가능한 UI 복합체입니다. |
| Call |
<xref:React.Context>저장하는 <xref:%40azure%2Fcommunication-calling%23Call>. 이 패키지의 호출 구성 요소는 CallProvider래핑되어야 합니다. |
| Call |
CallWithChatComposite는 주요 구성 요소를 결합하여 채팅 환경을 통해 전체 통화를 제공합니다. |
| Camera |
카메라를 켜거나 끄는 단추입니다. ControlBar사용할 수 있습니다. |
| Captions |
사용자 아이콘, displayName 및 캡션 텍스트와 함께 CaptionsBanner를 표시하기 위한 구성 요소입니다. |
| Captions |
음성 언어를 설정하기 위한 구성 요소입니다 |
| Chat |
이 패키지의 채팅 구성 요소는 ChatClientProvider래핑되어야 합니다. |
| Chat |
채팅 환경을 위한 사용자 지정 가능한 UI 복합체입니다. |
| Chat |
<xref:React.Context>저장하는 <xref:%40azure%2Fcommunication-chat%23ChatThreadClient>. 이 패키지의 채팅 구성 요소는 ChatThreadClientProvider래핑되어야 합니다. |
| Control |
호출 컨트롤에 대한 다양한 단추에 대한 컨테이너입니다. 이 라이브러리의 다양한 호출 제어 단추(예: cameraButton 또는 ControlBarButton의 사용자 고유 인스턴스가 직접 함께 사용합니다. |
| Control |
ControlBar스타일이 지정된 기본 단추입니다. 이 구성 요소를 사용하여 UI 라이브러리에서 제공하는 다른 단추와 같은 스타일이 지정된 사용자 지정 단추를 만듭니다. |
| Devices |
디바이스 옵션을 제어하는 메뉴를 여는 단추입니다. ControlBar사용할 수 있습니다. |
| Dialpad(Dialpad |
사용자가 다이얼패드 클릭/키보드 사용을 통해 전화번호를 입력할 수 있도록 하는 컴포넌트안정적인 빌드를 위해 빈 컴포넌트를 반환합니다. |
| End |
진행 중인 통화를 종료하는 단추입니다. ControlBar사용할 수 있습니다. |
| Error |
UI에 오류 메시지를 표시하는 구성 요소입니다. 표시할 수 있는 모든 문자열은 지역화할 수 있도록 문자열 허용됩니다. 활성 오류는 activeErrorMessages 선택됩니다. 이 구성 요소는 사용자가 해제한 내부적으로 추적합니다.
<xref:%40fluentui%2Freact%23MessageBar> UI 요소를 사용합니다. |
| Fluent |
이 라이브러리의 react 구성 요소에 Fluent 테마를 적용하는 공급자입니다. |
| Grid |
통화에서 오디오/비디오 참가자 타일을 배치하는 구성 요소입니다. |
| Hold |
진행 중인 통화를 보류하거나 다시 시작하는 버튼입니다. ControlBar와 함께 사용할 수 있습니다. |
| Image |
선택한 이미지에 대한 전체 화면 모달을 렌더링하는 구성 요소입니다. |
| Incoming |
최종 사용자에게 들어오는 호출을 나타내는 데 사용되는 Notification 구성 요소입니다. 사용자가 수신 전화를 수락하거나 거부할 수 있습니다. |
| Incoming |
여러 수신 전화를 관리하는 래퍼 |
| Localization |
이 라이브러리의 react 구성 요소에 대해 지역화된 문자열을 제공하는 공급자입니다. |
| Message |
보낸 메시지의 상태를 표시하는 구성 요소입니다. 메시지 상태에 해당하는 아이콘 및 도구 설명을 추가합니다. |
| Message |
|
| Microphone |
마이크를 켜거나 끄는 단추입니다. ControlBar사용할 수 있습니다. |
| Notification(Notification |
UI에 알림 메시지를 표시하는 구성 요소입니다. |
| Notification |
UI에 알림을 표시하는 구성 요소입니다. 표시할 수 있는 모든 문자열은 지역화할 수 있도록 문자열 허용됩니다. 활성 알림은 activeNotifications에 의해 선택됩니다. 이 구성 요소는 사용자가 해제한 내부적으로 추적합니다.
|
| Participant |
통화 또는 채팅 참가자를 렌더링하는 구성 요소입니다. 참가자의 아바타, displayName 및 상태뿐만 아니라 선택적 아이콘 및 상황에 맞는 메뉴를 표시합니다. |
| Participant |
모든 통화 또는 채팅 참가자를 렌더링하는 구성 요소입니다. 기본적으로 각 참가자는 ParticipantItem함께 렌더링됩니다. 재정의할 <xref:ParticipantListProps.onRenderParticipant> 참조하세요. |
| Participants |
통화 또는 채팅 참가자가 있는 메뉴를 표시하는 단추입니다. ControlBar사용할 수 있습니다. 이 단추에는 속성 |
| Raise |
화면 공유를 시작/중지하는 단추입니다. ControlBar사용할 수 있습니다. |
| Reaction |
반응을 보내는 버튼입니다. ControlBar사용할 수 있습니다. |
| Real |
RealTimeText의 한 줄을 표시하기 위한 구성 요소입니다 |
| Real |
realTimeText 모달의 구성 요소 |
| Screen |
화면 공유를 시작/중지하는 단추입니다. ControlBar사용할 수 있습니다. |
| Send |
메시지를 입력하고 보내기 위한 구성 요소입니다. 사용자가 텍스트를 입력하기 시작할 때 입력 알림 보내기를 지원합니다. 텍스트 입력 필드 아래에 있는 선택적 메시지를 지원합니다. |
| Start |
캡션을 시작하거나 중지하는 단추 ControlBar와 함께 사용할 수 있습니다. |
| Start |
접근성 요구 사항에 따라 RealTimeText를 시작하는 버튼, 실시간 텍스트는 한 번 켜지면 끌 수 없습니다. ControlBar와 함께 사용할 수 있습니다. |
| Stream |
비디오 스트림을 사용하여 HTMLElement를 JSX 요소로 변환하는 유틸리티 구성 요소입니다. 헤드리스 호출 API에서 반환된 HTMLElement를 VideoTile렌더링할 수 있는 구성 요소로 변환하는 데 사용합니다. |
| Typing |
채팅 스레드에서 하나 이상의 참가자가 입력할 때 로컬 사용자에게 알리는 구성 요소입니다. |
| Video |
VideoGallery는 특정 호출에 대한 비디오 타일의 레이아웃을 나타냅니다. 통화에 참가한 각 원격 참가자뿐만 아니라 로컬 사용자에 대한 VideoTile 표시합니다. |
| Video |
단일 통화 참가자에 대한 비디오 스트림을 렌더링하는 구성 요소입니다. VideoGalleryGridLayout 사용합니다. |
| create |
Azure Communication Services에서 지원되는 CallAdapter 만듭니다. 이 라이브러리에서 제공하는 CallAdapter 기본 구현입니다. 참고: |
| create |
Azure Communication Services에서 지원되는 CallAdapter 만듭니다. 이 라이브러리에서 제공하는 CallAdapter 기본 구현입니다. 참고: |
| create |
제공된 StatefulCallClient사용하여 CallAdapter 만듭니다. StatefulCallClient대한 참조를 유지하려는 경우에 유용합니다. 더 간단한 API를 위해 CreateAzureCommunicationCallAdapter 사용하는 것이 좋습니다. |
| create |
제공된 StatefulCallClient사용하여 CallAdapter 만듭니다. StatefulCallClient대한 참조를 유지하려는 경우에 유용합니다. 더 간단한 API를 위해 CreateAzureCommunicationCallAdapter 사용하는 것이 좋습니다. |
| create |
Azure Communication services에서 지원되는 CallWithChatAdapter를 만들어 CallWithChatComposite연결합니다. |
| create |
제공된 StatefulChatClient 및 StatefulCallClient사용하여 CallWithChatAdapter 만듭니다. StatefulChatClient StatefulCallClient 참조를 유지하려는 경우에 유용합니다. chatThreadClient는 chatClient.getChatThreadClient(chatThreadId) API를 통해 StatefulChatClient에 의해 생성되어야 합니다. 더 간단한 API를 위해 CreateAzureCommunicationCallWithChatAdapter 사용하는 것이 좋습니다. |
| create |
Azure Communication Services에서 지원되는 ChatAdapter 만듭니다. 이 라이브러리에서 제공하는 ChatAdapter 기본 구현입니다. |
| create |
제공된 StatefulChatClient사용하여 ChatAdapter 만듭니다. StatefulChatClient대한 참조를 유지하려는 경우에 유용합니다. 더 간단한 API를 위해 CreateAzureCommunicationChatAdapter 사용하는 것이 좋습니다. |
| create |
teams 호출에 대한 CallingHandlers 기본 구현을 만듭니다. 이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다. |
| create |
ChatHandlers기본 구현을 만듭니다. 이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다. 반환된 개체는 React Components의 props로 사용될 때 다시 생성되지 않도록 기억됩니다. |
| create |
팀 호출에 대한 TeamsCallingHandlers 의 기본 구현을 만듭니다. 이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다. |
| create |
CallClient ProxyCallClient <xref:%40azure%2Fcommunication-calling%23CallClient> 프록시하여 StatefulCallClient <xref:ProxyCallClient> 만든 다음 선언적 방식으로 상태에 대한 액세스를 허용합니다. StatefulCallClient에서 얻은 <xref:%40azure%2Fcommunication-calling%23DeviceManager> 및 <xref:%40azure%2Fcommunication-calling%23CallAgent> 및 <xref:%40azure%2Fcommunication-calling%23Call>(등)를 사용하여 상태 변경이 제대로 프록시되도록 하는 것이 중요합니다. |
| create |
ProxyChatClient ChatClient <xref:%40azure%2Fcommunication-chat%23ChatClient> 프록시하여 상태 저장 ChatClient <xref:ProxyChatClient> 만든 다음 선언적 방식으로 상태에 액세스할 수 있습니다. |
| create |
|
| create |
제공된 StatefulCallClient를 사용하여 TeamsCallAdapter를 만듭니다. StatefulCallClient대한 참조를 유지하려는 경우에 유용합니다. 더 간단한 API를 위해 CreateAzureCommunicationCallAdapter 사용하는 것이 좋습니다. |
| from |
toFlatCommunicationIdentifier역방향 작업입니다. |
| get |
지정된 구성 요소에 대한 선택기를 가져옵니다. 이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다. |
| get |
지정된 구성 요소에 대한 선택기를 가져옵니다. 이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다. |
| load |
응용 프로그램에서 사용할 수 있는 CallComposite에 대한 로더 함수입니다. 이 함수는 CallComposite를 제공된 HTML 요소에 로드합니다. 이에 대한 가장 좋은 사용 사례는 React 기반이 아닌 Node UI 프레임워크에 있습니다. |
| load |
애플리케이션에서 사용할 수 있는 CallWithChatComposite에 대한 속성입니다. 이 함수는 CallWithChatComposite를 제공된 HTML 요소에 로드합니다. 이에 대한 가장 좋은 사용 사례는 React 기반이 아닌 Node UI 프레임워크에 있습니다. |
| load |
애플리케이션에서 사용할 수 있는 ChatComposite에 대한 로더 함수입니다. 이 함수는 ChatComposite를 제공된 HTML 요소에 로드합니다. 이에 대한 가장 좋은 사용 사례는 React 기반이 아닌 Node UI 프레임워크에 있습니다. |
| load |
응용 프로그램에서 사용할 수 있는 OutboundCallComposite에 대한 로더 함수입니다. 이 함수는 아웃바운드 호출을 수행하기 위해 제공된 HTML 요소에 CallComposite를 로드합니다. 이에 대한 가장 좋은 사용 사례는 React 기반이 아닌 Node UI 프레임워크에 있습니다. |
| on |
지연 로딩을 사용하는 비디오 배경 효과에 대한 종속성 해결. |
| on |
지연 로딩을 사용하는 비디오 배경 효과에 대한 종속성 해결. |
| on |
비디오 배경 효과에 대한 종속성 해결. |
| on |
지연 로딩을 사용하는 비디오 배경 효과에 대한 종속성 해결. |
| to |
<xref:%40azure%2Fcommunication-common%23CommunicationIdentifier>문자열 표현입니다. CommunicationIdentifier의 이 문자열 표현은 고유한 Communication 사용자에 대해 안정적으로 유지되도록 보장됩니다. 따라서
|
| use |
CallAdapter만들기를 간소화하는 사용자 지정 React 후크입니다. createAzureCommunicationCallAdapter비슷하지만 내부적으로 어댑터의 비동기 생성을 처리합니다. 인수가 만들어질 때 후크 규칙을 준수하고 인수를 전달할 수 있도록 인수를 정의하지 않도록 허용합니다. 어댑터는 모든 인수가 정의된 경우에만 만들어집니다. 각 렌더링에서 어댑터를 다시 만들지 않도록 인수를 기억해야 합니다. 일반적인 사용 예제는 스토리북을 참조하세요. |
| use |
CallWithChatAdapter만들기를 간소화하는 사용자 지정 React 후크입니다. createAzureCommunicationCallWithChatAdapter비슷하지만 내부적으로 어댑터의 비동기 생성을 처리합니다. 인수가 만들어질 때 후크 규칙을 준수하고 인수를 전달할 수 있도록 인수를 정의하지 않도록 허용합니다. 어댑터는 모든 인수가 정의된 경우에만 만들어집니다. 각 렌더링에서 어댑터를 다시 만들지 않도록 인수를 기억해야 합니다. 일반적인 사용 예제는 스토리북을 참조하세요. |
| use |
ChatAdapter만들기를 간소화하는 사용자 지정 React 후크입니다. createAzureCommunicationChatAdapter비슷하지만 내부적으로 어댑터의 비동기 생성을 처리합니다. 인수가 만들어질 때 후크 규칙을 준수하고 인수를 전달할 수 있도록 인수를 정의하지 않도록 허용합니다. 어댑터는 모든 인수가 정의된 경우에만 만들어집니다. 각 렌더링에서 어댑터를 다시 만들지 않도록 인수를 기억해야 합니다. 일반적인 사용 예제는 스토리북을 참조하세요. |
| use |
후크를 사용하여 공급자로부터 <xref:%40azure%2Fcommunication-calling%23Call> 가져옵니다. 이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다. 이 후크를 사용하려면 이전에 Call 개체와 함께 CallProvider를 사용했어야 합니다. |
| use |
후크를 사용하여 공급자로부터 <xref:%40azure%2Fcommunication-calling%23CallAgent> 가져옵니다. 이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다. |
| use |
후크를 사용하여 공급자로부터 StatefulCallClient 가져옵니다. 이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다. |
| use |
후크를 사용하여 공급자로부터 StatefulChatClient 가져옵니다. 이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다. |
| use |
후크를 사용하여 공급자로부터 <xref:%40azure%2Fcommunication-chat%23ChatThreadClient> 가져옵니다. 이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다. |
| use |
후크를 사용하여 공급자로부터 StatefulDeviceManager 가져옵니다. 이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다. |
| use |
이 라이브러리에서 React 구성 요소에 필요한 모든 후크를 가져오는 기본 후크입니다. 이 후크를 호출하려면 구성 요소를 다음 공급자 아래에 래핑해야 합니다.
구성 요소의 가장 간단한 사용은 다음과 같습니다. 예제
|
| use |
후크를 사용하여 지정된 구성 요소에 대한 선택기를 가져옵니다. 이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다. |
| use |
후크를 사용하여 공급자로부터 <xref:%40azure%2Fcommunication-calling%23TeamsCall> 가져옵니다. 이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다. 이 후크를 사용하려면 이전에 TeamsCall 개체와 함께 CallProvider를 사용했어야 합니다 |
| use |
TeamsCallAdapter 생성을 간소화하는 사용자 지정 React 후크입니다. 와 <xref:createTeamsAzureCommunicationCallAdapter>유사하지만 내부적으로 어댑터의 비동기 생성을 처리합니다. 인수가 만들어질 때 후크 규칙을 준수하고 인수를 전달할 수 있도록 인수를 정의하지 않도록 허용합니다. 어댑터는 모든 인수가 정의된 경우에만 만들어집니다. 각 렌더링에서 어댑터를 다시 만들지 않도록 인수를 기억해야 합니다. 일반적인 사용 예제는 스토리북을 참조하세요. |
| use |
후크를 사용하여 공급자로부터 <xref:%40azure%2Fcommunication-calling%23TeamsCallAgent> 가져옵니다. 이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다. |
| use |
테마에 액세스하는 반응 후크 |
변수
함수 세부 정보
CallAgentProvider(CallAgentProviderProps)
<xref:React.Context>저장하는 <xref:%40azure%2Fcommunication-calling%23CallAgent>.
이 패키지의 호출 구성 요소는 CallAgentProvider래핑해야 합니다.
function CallAgentProvider(props: CallAgentProviderProps): Element
매개 변수
- props
- CallAgentProviderProps
반환
Element
CallClientProvider(CallClientProviderProps)
이 패키지의 호출 구성 요소는 CallClientProvider래핑되어야 합니다.
function CallClientProvider(props: CallClientProviderProps): Element
매개 변수
- props
- CallClientProviderProps
반환
Element
CallComposite(CallCompositeProps)
호출 환경을 위한 사용자 지정 가능한 UI 복합체입니다.
function CallComposite(props: CallCompositeProps): Element
매개 변수
- props
- CallCompositeProps
반환
Element
설명
호출 복합 최소 너비/높이는 다음과 같습니다.
- mobile: 17.5rem x 21rem(280px x 336px, 기본 rem은 16px)
- 데스크톱: 30rem x 22rem(480px x 352px, 기본 rem은 16px)
CallProvider(CallProviderProps)
<xref:React.Context>저장하는 <xref:%40azure%2Fcommunication-calling%23Call>.
이 패키지의 호출 구성 요소는 CallProvider래핑되어야 합니다.
function CallProvider(props: CallProviderProps): Element
매개 변수
- props
- CallProviderProps
반환
Element
CallWithChatComposite(CallWithChatCompositeProps)
CallWithChatComposite는 주요 구성 요소를 결합하여 채팅 환경을 통해 전체 통화를 제공합니다.
function CallWithChatComposite(props: CallWithChatCompositeProps): Element
매개 변수
반환
Element
CameraButton(CameraButtonProps)
카메라를 켜거나 끄는 단추입니다.
ControlBar사용할 수 있습니다.
function CameraButton(props: CameraButtonProps): Element
매개 변수
- props
- CameraButtonProps
반환
Element
CaptionsBanner(CaptionsBannerProps)
사용자 아이콘, displayName 및 캡션 텍스트와 함께 CaptionsBanner를 표시하기 위한 구성 요소입니다.
function CaptionsBanner(props: CaptionsBannerProps): Element
매개 변수
- props
- CaptionsBannerProps
반환
Element
CaptionsSettingsModal(CaptionsSettingsModalProps)
음성 언어를 설정하기 위한 구성 요소입니다
function CaptionsSettingsModal(props: CaptionsSettingsModalProps): Element
매개 변수
반환
Element
ChatClientProvider(ChatClientProviderProps)
이 패키지의 채팅 구성 요소는 ChatClientProvider래핑되어야 합니다.
function ChatClientProvider(props: ChatClientProviderProps): Element
매개 변수
- props
- ChatClientProviderProps
반환
Element
ChatComposite(ChatCompositeProps)
채팅 환경을 위한 사용자 지정 가능한 UI 복합체입니다.
function ChatComposite(props: ChatCompositeProps): Element
매개 변수
- props
- ChatCompositeProps
반환
Element
설명
채팅 복합 최소 너비와 높이는 각각 17.5rem 및 20rem(280px 및 320px, 기본 rem은 16px)입니다.
ChatThreadClientProvider(ChatThreadClientProviderProps)
<xref:React.Context>저장하는 <xref:%40azure%2Fcommunication-chat%23ChatThreadClient>.
이 패키지의 채팅 구성 요소는 ChatThreadClientProvider래핑되어야 합니다.
function ChatThreadClientProvider(props: ChatThreadClientProviderProps): Element
매개 변수
반환
Element
ControlBar(ControlBarProps)
호출 컨트롤에 대한 다양한 단추에 대한 컨테이너입니다.
이 라이브러리의 다양한 호출 제어 단추(예: cameraButton 또는 ControlBarButton의 사용자 고유 인스턴스가 직접 함께 사용합니다.
function ControlBar(props: ControlBarProps): Element
매개 변수
- props
- ControlBarProps
반환
Element
ControlBarButton(ControlBarButtonProps)
ControlBar스타일이 지정된 기본 단추입니다.
이 구성 요소를 사용하여 UI 라이브러리에서 제공하는 다른 단추와 같은 스타일이 지정된 사용자 지정 단추를 만듭니다.
function ControlBarButton(props: ControlBarButtonProps): Element
매개 변수
- props
- ControlBarButtonProps
반환
Element
DevicesButton(DevicesButtonProps)
디바이스 옵션을 제어하는 메뉴를 여는 단추입니다.
ControlBar사용할 수 있습니다.
function DevicesButton(props: DevicesButtonProps): Element
매개 변수
- props
- DevicesButtonProps
반환
Element
Dialpad(DialpadProps)
사용자가 다이얼패드 클릭/키보드 사용을 통해 전화번호를 입력할 수 있도록 하는 컴포넌트안정적인 빌드를 위해 빈 컴포넌트를 반환합니다.
function Dialpad(props: DialpadProps): Element
매개 변수
- props
- DialpadProps
반환
Element
EndCallButton(EndCallButtonProps)
진행 중인 통화를 종료하는 단추입니다.
ControlBar사용할 수 있습니다.
function EndCallButton(props: EndCallButtonProps): Element
매개 변수
- props
- EndCallButtonProps
반환
Element
ErrorBar(ErrorBarProps)
UI에 오류 메시지를 표시하는 구성 요소입니다. 표시할 수 있는 모든 문자열은 지역화할 수 있도록 문자열 허용됩니다. 활성 오류는 activeErrorMessages 선택됩니다.
이 구성 요소는 사용자가 해제한 내부적으로 추적합니다.
- 연결된 타임스탬프가 있는 오류: UI가 해제된 후 발생하는 경우 오류가 다시 UI에 표시됩니다.
- 타임스탬프가 없는 오류: 속성에서 사라질 때까지 오류가 해제됩니다. 오류가 재발하면 UI에 표시됩니다.
<xref:%40fluentui%2Freact%23MessageBar> UI 요소를 사용합니다.
function ErrorBar(props: ErrorBarProps): Element
매개 변수
- props
- ErrorBarProps
반환
Element
FluentThemeProvider(FluentThemeProviderProps)
이 라이브러리의 react 구성 요소에 Fluent 테마를 적용하는 공급자입니다.
function FluentThemeProvider(props: FluentThemeProviderProps): Element
매개 변수
- props
- FluentThemeProviderProps
반환
Element
설명
이 라이브러리의 구성 요소는 주로 Fluent UI, 컨트롤, 혼합 v8 및 v9 컨트롤로 구성됩니다. 이 공급자는 기본 Fluent UI 컨트롤에 제공된 모든 테마 적용을 처리합니다. *
GridLayout(GridLayoutProps)
통화에서 오디오/비디오 참가자 타일을 배치하는 구성 요소입니다.
function GridLayout(props: GridLayoutProps): Element
매개 변수
- props
- GridLayoutProps
반환
Element
HoldButton(HoldButtonProps)
진행 중인 통화를 보류하거나 다시 시작하는 버튼입니다.
ControlBar와 함께 사용할 수 있습니다.
function HoldButton(props: HoldButtonProps): Element
매개 변수
- props
- HoldButtonProps
보류 버튼의 속성입니다.
반환
Element
ImageOverlay(ImageOverlayProps)
선택한 이미지에 대한 전체 화면 모달을 렌더링하는 구성 요소입니다.
function ImageOverlay(props: ImageOverlayProps): Element
매개 변수
- props
- ImageOverlayProps
반환
Element
IncomingCallNotification(IncomingCallNotificationProps)
최종 사용자에게 들어오는 호출을 나타내는 데 사용되는 Notification 구성 요소입니다. 사용자가 수신 전화를 수락하거나 거부할 수 있습니다.
function IncomingCallNotification(props: IncomingCallNotificationProps): Element
매개 변수
반환
Element
IncomingCallStack(IncomingCallStackProps)
여러 수신 전화를 관리하는 래퍼
function IncomingCallStack(props: IncomingCallStackProps): Element
매개 변수
- props
- IncomingCallStackProps
<xref:IncomingCallManagerProps>
반환
Element
LocalizationProvider(LocalizationProviderProps)
이 라이브러리의 react 구성 요소에 대해 지역화된 문자열을 제공하는 공급자입니다.
function LocalizationProvider(props: LocalizationProviderProps): Element
매개 변수
반환
Element
설명
구성 요소는 이 공급자를 사용하지 않는 경우 기본적으로 영어(미국)로 지역화된 문자열을 제공합니다.
MessageStatusIndicator(MessageStatusIndicatorProps)
보낸 메시지의 상태를 표시하는 구성 요소입니다.
메시지 상태에 해당하는 아이콘 및 도구 설명을 추가합니다.
function MessageStatusIndicator(props: MessageStatusIndicatorProps): Element
매개 변수
반환
Element
MessageThread(MessageThreadProps)
MessageThread 사용하면 채팅 메시지를 렌더링하고, 새/이전 메시지의 스크롤 동작을 처리하고, 채팅 스레드 내부의 컨트롤을 & 아이콘을 사용자 지정하기 위한 구성 요소를 쉽게 만들 수 있습니다.
function MessageThread(props: MessageThreadProps): Element
매개 변수
- props
- MessageThreadProps
MessageThreadProps 형식의
사용자는 MessageThread 구성 요소를 렌더링하기 위해 적어도 채팅 메시지와 userId를 제공해야 합니다.
또한 사용자는 자신의 아바타, MessageThread 아이콘, MessageStatusIndicator, JumpToNewMessageButton 및 이러한 컨트롤의 동작을 전달하여 LoadPreviousMessagesButton 사용자 지정할 수 있습니다.
MessageThread 의 구성 요소를 Chat@fluentui-contrib/chat내부적으로 사용합니다. 여기에서 이러한 구성 요소에 대한 세부 정보를 확인할 수 있습니다.
반환
Element
MicrophoneButton(MicrophoneButtonProps)
마이크를 켜거나 끄는 단추입니다.
ControlBar사용할 수 있습니다.
function MicrophoneButton(props: MicrophoneButtonProps): Element
매개 변수
- props
- MicrophoneButtonProps
반환
Element
Notification(NotificationProps)
UI에 알림 메시지를 표시하는 구성 요소입니다.
function Notification(props: NotificationProps): Element
매개 변수
- props
- NotificationProps
반환
Element
NotificationStack(NotificationStackProps)
UI에 알림을 표시하는 구성 요소입니다. 표시할 수 있는 모든 문자열은 지역화할 수 있도록 문자열 허용됩니다. 활성 알림은 activeNotifications에 의해 선택됩니다.
이 구성 요소는 사용자가 해제한 내부적으로 추적합니다.
- 연결된 타임스탬프가 있는 알림: 알림이 해제된 후 발생하는 경우 UI에 다시 표시됩니다.
- 타임스탬프가 없는 알림: props에서 사라질 때까지 알림이 해제됩니다. 알림이 반복되면 UI에 표시됩니다.
function NotificationStack(props: NotificationStackProps): Element
매개 변수
- props
- NotificationStackProps
반환
Element
ParticipantItem(ParticipantItemProps)
통화 또는 채팅 참가자를 렌더링하는 구성 요소입니다.
참가자의 아바타, displayName 및 상태뿐만 아니라 선택적 아이콘 및 상황에 맞는 메뉴를 표시합니다.
function ParticipantItem(props: ParticipantItemProps): Element
매개 변수
- props
- ParticipantItemProps
반환
Element
ParticipantList(ParticipantListProps)
모든 통화 또는 채팅 참가자를 렌더링하는 구성 요소입니다.
기본적으로 각 참가자는 ParticipantItem함께 렌더링됩니다. 재정의할 <xref:ParticipantListProps.onRenderParticipant> 참조하세요.
function ParticipantList(props: ParticipantListProps): Element
매개 변수
- props
- ParticipantListProps
반환
Element
ParticipantsButton(ParticipantsButtonProps)
통화 또는 채팅 참가자가 있는 메뉴를 표시하는 단추입니다.
ControlBar사용할 수 있습니다.
이 단추에는 속성 menuProps통해 정의된 드롭다운 메뉴 항목이 포함되어 있습니다. 기본적으로 전체 목록을 하위 메뉴로 사용하고 모든 참가자를 음소거하는 옵션과 통화 초대 URL을 복사하는 클립보드로 복사 단추가 있는 원격 참가자 수를 표시할 수 있습니다.
이 menuProps 완전히 다시 정의할 수 있으며 해당 속성은 IContextualMenuProps 형식입니다.
function ParticipantsButton(props: ParticipantsButtonProps): Element
매개 변수
- props
- ParticipantsButtonProps
반환
Element
RaiseHandButton(RaiseHandButtonProps)
화면 공유를 시작/중지하는 단추입니다.
ControlBar사용할 수 있습니다.
function RaiseHandButton(props: RaiseHandButtonProps): Element
매개 변수
- props
- RaiseHandButtonProps
반환
Element
ReactionButton(ReactionButtonProps)
반응을 보내는 버튼입니다.
ControlBar사용할 수 있습니다.
function ReactionButton(props: ReactionButtonProps): Element
매개 변수
- props
- ReactionButtonProps
반환
Element
RealTimeText(RealTimeTextProps)
RealTimeText의 한 줄을 표시하기 위한 구성 요소입니다
function RealTimeText(props: RealTimeTextProps): Element
매개 변수
- props
- RealTimeTextProps
반환
Element
RealTimeTextModal(RealTimeTextModalProps)
realTimeText 모달의 구성 요소
function RealTimeTextModal(props: RealTimeTextModalProps): Element
매개 변수
- props
- RealTimeTextModalProps
반환
Element
ScreenShareButton(ScreenShareButtonProps)
화면 공유를 시작/중지하는 단추입니다.
ControlBar사용할 수 있습니다.
function ScreenShareButton(props: ScreenShareButtonProps): Element
매개 변수
- props
- ScreenShareButtonProps
반환
Element
SendBox(SendBoxProps)
메시지를 입력하고 보내기 위한 구성 요소입니다.
사용자가 텍스트를 입력하기 시작할 때 입력 알림 보내기를 지원합니다. 텍스트 입력 필드 아래에 있는 선택적 메시지를 지원합니다.
function SendBox(props: SendBoxProps): Element
매개 변수
- props
- SendBoxProps
반환
Element
StartCaptionsButton(StartCaptionsButtonProps)
캡션을 시작하거나 중지하는 단추
ControlBar와 함께 사용할 수 있습니다.
function StartCaptionsButton(props: StartCaptionsButtonProps): Element
매개 변수
- props
- StartCaptionsButtonProps
시작 캡션 단추의 속성입니다.
반환
Element
StartRealTimeTextButton(StartRealTimeTextButtonProps)
접근성 요구 사항에 따라 RealTimeText를 시작하는 버튼, 실시간 텍스트는 한 번 켜지면 끌 수 없습니다.
ControlBar와 함께 사용할 수 있습니다.
function StartRealTimeTextButton(props: StartRealTimeTextButtonProps): Element
매개 변수
RealTimeText 시작 단추의 속성입니다.
반환
Element
StreamMedia(StreamMediaProps)
비디오 스트림을 사용하여 HTMLElement를 JSX 요소로 변환하는 유틸리티 구성 요소입니다.
헤드리스 호출 API에서 반환된 HTMLElement를 VideoTile렌더링할 수 있는 구성 요소로 변환하는 데 사용합니다.
function StreamMedia(props: StreamMediaProps): Element
매개 변수
- props
- StreamMediaProps
반환
Element
TypingIndicator(TypingIndicatorProps)
채팅 스레드에서 하나 이상의 참가자가 입력할 때 로컬 사용자에게 알리는 구성 요소입니다.
function TypingIndicator(props: TypingIndicatorProps): Element
매개 변수
- props
- TypingIndicatorProps
반환
Element
VideoGallery(VideoGalleryProps)
VideoGallery는 특정 호출에 대한 비디오 타일의 레이아웃을 나타냅니다. 통화에 참가한 각 원격 참가자뿐만 아니라 로컬 사용자에 대한 VideoTile 표시합니다.
function VideoGallery(props: VideoGalleryProps): Element
매개 변수
- props
- VideoGalleryProps
반환
Element
VideoTile(VideoTileProps)
단일 통화 참가자에 대한 비디오 스트림을 렌더링하는 구성 요소입니다.
VideoGalleryGridLayout 사용합니다.
function VideoTile(props: VideoTileProps): Element
매개 변수
- props
- VideoTileProps
반환
Element
createAzureCommunicationCallAdapter(AzureCommunicationCallAdapterArgs)
Azure Communication Services에서 지원되는 CallAdapter 만듭니다.
이 라이브러리에서 제공하는 CallAdapter 기본 구현입니다.
참고: displayName 최대 256자일 수 있습니다.
function createAzureCommunicationCallAdapter(args: AzureCommunicationCallAdapterArgs): Promise<CallAdapter>
매개 변수
반환
Promise<CallAdapter>
createAzureCommunicationCallAdapter(AzureCommunicationOutboundCallAdapterArgs)
Azure Communication Services에서 지원되는 CallAdapter 만듭니다.
이 라이브러리에서 제공하는 CallAdapter 기본 구현입니다.
참고: displayName 최대 256자일 수 있습니다.
function createAzureCommunicationCallAdapter(args: AzureCommunicationOutboundCallAdapterArgs): Promise<CallAdapter>
매개 변수
반환
Promise<CallAdapter>
createAzureCommunicationCallAdapterFromClient(StatefulCallClient, CallAgent, CommunicationIdentifier[], CommonCallAdapterOptions)
제공된 StatefulCallClient사용하여 CallAdapter 만듭니다.
StatefulCallClient대한 참조를 유지하려는 경우에 유용합니다. 더 간단한 API를 위해 CreateAzureCommunicationCallAdapter 사용하는 것이 좋습니다.
function createAzureCommunicationCallAdapterFromClient(callClient: StatefulCallClient, callAgent: CallAgent, targetCallees: CommunicationIdentifier[], options?: CommonCallAdapterOptions): Promise<CallAdapter>
매개 변수
- callClient
- StatefulCallClient
- callAgent
- CallAgent
- targetCallees
- options
- CommonCallAdapterOptions
반환
Promise<CallAdapter>
createAzureCommunicationCallAdapterFromClient(StatefulCallClient, CallAgent, CallAdapterLocator, CommonCallAdapterOptions)
제공된 StatefulCallClient사용하여 CallAdapter 만듭니다.
StatefulCallClient대한 참조를 유지하려는 경우에 유용합니다. 더 간단한 API를 위해 CreateAzureCommunicationCallAdapter 사용하는 것이 좋습니다.
function createAzureCommunicationCallAdapterFromClient(callClient: StatefulCallClient, callAgent: CallAgent, locator: CallAdapterLocator, options?: CommonCallAdapterOptions): Promise<CallAdapter>
매개 변수
- callClient
- StatefulCallClient
- callAgent
- CallAgent
- locator
- CallAdapterLocator
- options
- CommonCallAdapterOptions
반환
Promise<CallAdapter>
createAzureCommunicationCallWithChatAdapter(AzureCommunicationCallWithChatAdapterArgs)
Azure Communication services에서 지원되는 CallWithChatAdapter를 만들어 CallWithChatComposite연결합니다.
function createAzureCommunicationCallWithChatAdapter(__namedParameters: AzureCommunicationCallWithChatAdapterArgs): Promise<CallWithChatAdapter>
매개 변수
- __namedParameters
- AzureCommunicationCallWithChatAdapterArgs
반환
Promise<CallWithChatAdapter>
createAzureCommunicationCallWithChatAdapterFromClients(AzureCommunicationCallWithChatAdapterFromClientArgs)
제공된 StatefulChatClient 및 StatefulCallClient사용하여 CallWithChatAdapter 만듭니다.
StatefulChatClient StatefulCallClient 참조를 유지하려는 경우에 유용합니다. chatThreadClient는 chatClient.getChatThreadClient(chatThreadId) API를 통해 StatefulChatClient에 의해 생성되어야 합니다. 더 간단한 API를 위해 CreateAzureCommunicationCallWithChatAdapter 사용하는 것이 좋습니다.
function createAzureCommunicationCallWithChatAdapterFromClients(__namedParameters: AzureCommunicationCallWithChatAdapterFromClientArgs): Promise<CallWithChatAdapter>
매개 변수
- __namedParameters
- AzureCommunicationCallWithChatAdapterFromClientArgs
반환
Promise<CallWithChatAdapter>
createAzureCommunicationChatAdapter(AzureCommunicationChatAdapterArgs)
Azure Communication Services에서 지원되는 ChatAdapter 만듭니다.
이 라이브러리에서 제공하는 ChatAdapter 기본 구현입니다.
function createAzureCommunicationChatAdapter(__namedParameters: AzureCommunicationChatAdapterArgs): Promise<ChatAdapter>
매개 변수
- __namedParameters
- AzureCommunicationChatAdapterArgs
반환
Promise<ChatAdapter>
createAzureCommunicationChatAdapterFromClient(StatefulChatClient, ChatThreadClient, ChatAdapterOptions)
제공된 StatefulChatClient사용하여 ChatAdapter 만듭니다.
StatefulChatClient대한 참조를 유지하려는 경우에 유용합니다. 더 간단한 API를 위해 CreateAzureCommunicationChatAdapter 사용하는 것이 좋습니다.
function createAzureCommunicationChatAdapterFromClient(chatClient: StatefulChatClient, chatThreadClient: ChatThreadClient, chatAdapterOptions?: ChatAdapterOptions): Promise<ChatAdapter>
매개 변수
- chatClient
- StatefulChatClient
- chatThreadClient
- ChatThreadClient
- chatAdapterOptions
- ChatAdapterOptions
반환
Promise<ChatAdapter>
createDefaultCallingHandlers(StatefulCallClient, undefined | CallAgent, undefined | StatefulDeviceManager, undefined | Call, CallingHandlersOptions)
teams 호출에 대한 CallingHandlers 기본 구현을 만듭니다.
이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.
function createDefaultCallingHandlers(callClient: StatefulCallClient, callAgent: undefined | CallAgent, deviceManager: undefined | StatefulDeviceManager, call: undefined | Call, options?: CallingHandlersOptions): CallingHandlers
매개 변수
- callClient
- StatefulCallClient
- callAgent
-
undefined | CallAgent
- deviceManager
-
undefined | StatefulDeviceManager
- call
-
undefined | Call
- options
- CallingHandlersOptions
반환
createDefaultChatHandlers(StatefulChatClient, ChatThreadClient)
ChatHandlers기본 구현을 만듭니다.
이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.
반환된 개체는 React Components의 props로 사용될 때 다시 생성되지 않도록 기억됩니다.
function createDefaultChatHandlers(chatClient: StatefulChatClient, chatThreadClient: ChatThreadClient): ChatHandlers
매개 변수
- chatClient
- StatefulChatClient
- chatThreadClient
- ChatThreadClient
반환
createDefaultTeamsCallingHandlers(StatefulCallClient, TeamsCallAgent, StatefulDeviceManager, TeamsCall, { onResolveDeepNoiseSuppressionDependency?: () => Promise<DeepNoiseSuppressionEffectDependency>, onResolveVideoBackgroundEffectsDependency?: () => Promise<VideoBackgroundEffectsDependency> })
팀 호출에 대한 TeamsCallingHandlers 의 기본 구현을 만듭니다.
이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.
function createDefaultTeamsCallingHandlers(callClient: StatefulCallClient, callAgent?: TeamsCallAgent, deviceManager?: StatefulDeviceManager, call?: TeamsCall, options?: { onResolveDeepNoiseSuppressionDependency?: () => Promise<DeepNoiseSuppressionEffectDependency>, onResolveVideoBackgroundEffectsDependency?: () => Promise<VideoBackgroundEffectsDependency> }): TeamsCallingHandlers
매개 변수
- callClient
- StatefulCallClient
- callAgent
- TeamsCallAgent
- deviceManager
- StatefulDeviceManager
- call
- TeamsCall
- options
-
{ onResolveDeepNoiseSuppressionDependency?: () => Promise<DeepNoiseSuppressionEffectDependency>, onResolveVideoBackgroundEffectsDependency?: () => Promise<VideoBackgroundEffectsDependency> }
반환
createStatefulCallClient(StatefulCallClientArgs, StatefulCallClientOptions)
CallClient ProxyCallClient <xref:%40azure%2Fcommunication-calling%23CallClient> 프록시하여 StatefulCallClient <xref:ProxyCallClient> 만든 다음 선언적 방식으로 상태에 대한 액세스를 허용합니다.
StatefulCallClient에서 얻은 <xref:%40azure%2Fcommunication-calling%23DeviceManager> 및 <xref:%40azure%2Fcommunication-calling%23CallAgent> 및 <xref:%40azure%2Fcommunication-calling%23Call>(등)를 사용하여 상태 변경이 제대로 프록시되도록 하는 것이 중요합니다.
function createStatefulCallClient(args: StatefulCallClientArgs, options?: StatefulCallClientOptions): StatefulCallClient
매개 변수
- options
- StatefulCallClientOptions
반환
createStatefulChatClient(StatefulChatClientArgs, StatefulChatClientOptions)
ProxyChatClient ChatClient <xref:%40azure%2Fcommunication-chat%23ChatClient> 프록시하여 상태 저장 ChatClient <xref:ProxyChatClient> 만든 다음 선언적 방식으로 상태에 액세스할 수 있습니다.
function createStatefulChatClient(args: StatefulChatClientArgs, options?: StatefulChatClientOptions): StatefulChatClient
매개 변수
- options
- StatefulChatClientOptions
반환
createTeamsCallAdapter(TeamsCallAdapterArgs)
function createTeamsCallAdapter(args: TeamsCallAdapterArgs): Promise<TeamsCallAdapter>
매개 변수
- args
- TeamsCallAdapterArgs
반환
Promise<TeamsCallAdapter>
createTeamsCallAdapterFromClient(StatefulCallClient, TeamsCallAgent, CallAdapterLocator, CommonCallAdapterOptions)
제공된 StatefulCallClient를 사용하여 TeamsCallAdapter를 만듭니다.
StatefulCallClient대한 참조를 유지하려는 경우에 유용합니다. 더 간단한 API를 위해 CreateAzureCommunicationCallAdapter 사용하는 것이 좋습니다.
function createTeamsCallAdapterFromClient(callClient: StatefulCallClient, callAgent: TeamsCallAgent, locator: CallAdapterLocator, options?: CommonCallAdapterOptions): Promise<TeamsCallAdapter>
매개 변수
- callClient
- StatefulCallClient
- callAgent
- TeamsCallAgent
- locator
- CallAdapterLocator
- options
- CommonCallAdapterOptions
반환
Promise<TeamsCallAdapter>
fromFlatCommunicationIdentifier(string)
toFlatCommunicationIdentifier역방향 작업입니다.
function fromFlatCommunicationIdentifier(id: string): CommunicationIdentifier
매개 변수
- id
-
string
반환
getCallingSelector<Component>(Component)
지정된 구성 요소에 대한 선택기를 가져옵니다.
이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.
function getCallingSelector<Component>(component: Component): GetCallingSelector<Component>
매개 변수
- component
-
Component
반환
GetCallingSelector<Component>
getChatSelector<Component>(Component)
지정된 구성 요소에 대한 선택기를 가져옵니다.
이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.
function getChatSelector<Component>(component: Component): GetChatSelector<Component>
매개 변수
- component
-
Component
반환
GetChatSelector<Component>
loadCallComposite(CallCompositeLoaderProps, HTMLElement)
응용 프로그램에서 사용할 수 있는 CallComposite에 대한 로더 함수입니다. 이 함수는 CallComposite를 제공된 HTML 요소에 로드합니다. 이에 대한 가장 좋은 사용 사례는 React 기반이 아닌 Node UI 프레임워크에 있습니다.
function loadCallComposite(loaderArgs: CallCompositeLoaderProps, htmlElement: HTMLElement): Promise<undefined | CallAdapter>
매개 변수
- loaderArgs
- CallCompositeLoaderProps
- htmlElement
-
HTMLElement
반환
Promise<undefined | CallAdapter>
loadCallWithChatComposite(CallWithChatCompositeLoaderProps, HTMLElement)
애플리케이션에서 사용할 수 있는 CallWithChatComposite에 대한 속성입니다. 이 함수는 CallWithChatComposite를 제공된 HTML 요소에 로드합니다. 이에 대한 가장 좋은 사용 사례는 React 기반이 아닌 Node UI 프레임워크에 있습니다.
function loadCallWithChatComposite(loaderArgs: CallWithChatCompositeLoaderProps, htmlElement: HTMLElement): Promise<undefined | CallWithChatAdapter>
매개 변수
- loaderArgs
- CallWithChatCompositeLoaderProps
- htmlElement
-
HTMLElement
반환
Promise<undefined | CallWithChatAdapter>
loadChatComposite(ChatCompositeLoaderProps, HTMLElement)
애플리케이션에서 사용할 수 있는 ChatComposite에 대한 로더 함수입니다. 이 함수는 ChatComposite를 제공된 HTML 요소에 로드합니다. 이에 대한 가장 좋은 사용 사례는 React 기반이 아닌 Node UI 프레임워크에 있습니다.
function loadChatComposite(loaderArgs: ChatCompositeLoaderProps, htmlElement: HTMLElement): Promise<undefined | ChatAdapter>
매개 변수
- loaderArgs
- ChatCompositeLoaderProps
- htmlElement
-
HTMLElement
반환
Promise<undefined | ChatAdapter>
loadOutboundCallComposite(OutboundCallCompositeLoaderProps, HTMLElement)
응용 프로그램에서 사용할 수 있는 OutboundCallComposite에 대한 로더 함수입니다. 이 함수는 아웃바운드 호출을 수행하기 위해 제공된 HTML 요소에 CallComposite를 로드합니다. 이에 대한 가장 좋은 사용 사례는 React 기반이 아닌 Node UI 프레임워크에 있습니다.
function loadOutboundCallComposite(loaderArgs: OutboundCallCompositeLoaderProps, htmlElement: HTMLElement): Promise<undefined | CallAdapter>
매개 변수
- loaderArgs
- OutboundCallCompositeLoaderProps
- htmlElement
-
HTMLElement
반환
Promise<undefined | CallAdapter>
onResolveDeepNoiseSuppressionDependency()
지연 로딩을 사용하는 비디오 배경 효과에 대한 종속성 해결.
function onResolveDeepNoiseSuppressionDependency(): Promise<DeepNoiseSuppressionEffectDependency>
반환
Promise<DeepNoiseSuppressionEffectDependency>
onResolveDeepNoiseSuppressionDependencyLazy()
지연 로딩을 사용하는 비디오 배경 효과에 대한 종속성 해결.
function onResolveDeepNoiseSuppressionDependencyLazy(): Promise<DeepNoiseSuppressionEffectDependency>
반환
Promise<DeepNoiseSuppressionEffectDependency>
onResolveVideoEffectDependency()
비디오 배경 효과에 대한 종속성 해결.
function onResolveVideoEffectDependency(): Promise<VideoBackgroundEffectsDependency>
반환
Promise<VideoBackgroundEffectsDependency>
onResolveVideoEffectDependencyLazy()
지연 로딩을 사용하는 비디오 배경 효과에 대한 종속성 해결.
function onResolveVideoEffectDependencyLazy(): Promise<VideoBackgroundEffectsDependency>
반환
Promise<VideoBackgroundEffectsDependency>
toFlatCommunicationIdentifier(CommunicationIdentifier)
<xref:%40azure%2Fcommunication-common%23CommunicationIdentifier>문자열 표현입니다.
CommunicationIdentifier의 이 문자열 표현은 고유한 Communication 사용자에 대해 안정적으로 유지되도록 보장됩니다. 따라서
- 외부 데이터베이스에서 사용자의 ID를 유지하는 데 사용할 수 있습니다.
- 맵에 키로 사용하여 사용자의 데이터를 저장할 수 있습니다.
function toFlatCommunicationIdentifier(identifier: CommunicationIdentifier): string
매개 변수
- identifier
- CommunicationIdentifier
반환
string
useAzureCommunicationCallAdapter(Partial<AzureCommunicationCallAdapterArgs | AzureCommunicationOutboundCallAdapterArgs>, (adapter: CallAdapter) => Promise<CallAdapter>, (adapter: CallAdapter) => Promise<void>)
CallAdapter만들기를 간소화하는 사용자 지정 React 후크입니다.
createAzureCommunicationCallAdapter비슷하지만 내부적으로 어댑터의 비동기 생성을 처리합니다.
인수가 만들어질 때 후크 규칙을 준수하고 인수를 전달할 수 있도록 인수를 정의하지 않도록 허용합니다. 어댑터는 모든 인수가 정의된 경우에만 만들어집니다.
각 렌더링에서 어댑터를 다시 만들지 않도록 인수를 기억해야 합니다. 일반적인 사용 예제는 스토리북을 참조하세요.
function useAzureCommunicationCallAdapter(args: Partial<AzureCommunicationCallAdapterArgs | AzureCommunicationOutboundCallAdapterArgs>, afterCreate?: (adapter: CallAdapter) => Promise<CallAdapter>, beforeDispose?: (adapter: CallAdapter) => Promise<void>): undefined | CallAdapter
매개 변수
- afterCreate
-
(adapter: CallAdapter) => Promise<CallAdapter>
- beforeDispose
-
(adapter: CallAdapter) => Promise<void>
반환
undefined | CallAdapter
useAzureCommunicationCallWithChatAdapter(Partial<AzureCommunicationCallWithChatAdapterArgs>, (adapter: CallWithChatAdapter) => Promise<CallWithChatAdapter>, (adapter: CallWithChatAdapter) => Promise<void>)
CallWithChatAdapter만들기를 간소화하는 사용자 지정 React 후크입니다.
createAzureCommunicationCallWithChatAdapter비슷하지만 내부적으로 어댑터의 비동기 생성을 처리합니다.
인수가 만들어질 때 후크 규칙을 준수하고 인수를 전달할 수 있도록 인수를 정의하지 않도록 허용합니다. 어댑터는 모든 인수가 정의된 경우에만 만들어집니다.
각 렌더링에서 어댑터를 다시 만들지 않도록 인수를 기억해야 합니다. 일반적인 사용 예제는 스토리북을 참조하세요.
function useAzureCommunicationCallWithChatAdapter(args: Partial<AzureCommunicationCallWithChatAdapterArgs>, afterCreate?: (adapter: CallWithChatAdapter) => Promise<CallWithChatAdapter>, beforeDispose?: (adapter: CallWithChatAdapter) => Promise<void>): undefined | CallWithChatAdapter
매개 변수
- args
- afterCreate
-
(adapter: CallWithChatAdapter) => Promise<CallWithChatAdapter>
- beforeDispose
-
(adapter: CallWithChatAdapter) => Promise<void>
반환
undefined | CallWithChatAdapter
useAzureCommunicationChatAdapter(Partial<AzureCommunicationChatAdapterArgs>, (adapter: ChatAdapter) => Promise<ChatAdapter>, (adapter: ChatAdapter) => Promise<void>)
ChatAdapter만들기를 간소화하는 사용자 지정 React 후크입니다.
createAzureCommunicationChatAdapter비슷하지만 내부적으로 어댑터의 비동기 생성을 처리합니다.
인수가 만들어질 때 후크 규칙을 준수하고 인수를 전달할 수 있도록 인수를 정의하지 않도록 허용합니다. 어댑터는 모든 인수가 정의된 경우에만 만들어집니다.
각 렌더링에서 어댑터를 다시 만들지 않도록 인수를 기억해야 합니다. 일반적인 사용 예제는 스토리북을 참조하세요.
function useAzureCommunicationChatAdapter(args: Partial<AzureCommunicationChatAdapterArgs>, afterCreate?: (adapter: ChatAdapter) => Promise<ChatAdapter>, beforeDispose?: (adapter: ChatAdapter) => Promise<void>): undefined | ChatAdapter
매개 변수
- args
-
Partial<AzureCommunicationChatAdapterArgs>
- afterCreate
-
(adapter: ChatAdapter) => Promise<ChatAdapter>
- beforeDispose
-
(adapter: ChatAdapter) => Promise<void>
반환
undefined | ChatAdapter
useCall()
후크를 사용하여 공급자로부터 <xref:%40azure%2Fcommunication-calling%23Call> 가져옵니다.
이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.
이 후크를 사용하려면 이전에 Call 개체와 함께 CallProvider를 사용했어야 합니다.
function useCall(): undefined | Call
반환
undefined | Call
useCallAgent()
후크를 사용하여 공급자로부터 <xref:%40azure%2Fcommunication-calling%23CallAgent> 가져옵니다.
이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.
function useCallAgent(): undefined | CallAgent
반환
undefined | CallAgent
useCallClient()
후크를 사용하여 공급자로부터 StatefulCallClient 가져옵니다.
이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.
function useCallClient(): StatefulCallClient
반환
useChatClient()
후크를 사용하여 공급자로부터 StatefulChatClient 가져옵니다.
이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.
function useChatClient(): StatefulChatClient
반환
useChatThreadClient()
후크를 사용하여 공급자로부터 <xref:%40azure%2Fcommunication-chat%23ChatThreadClient> 가져옵니다.
이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.
function useChatThreadClient(): ChatThreadClient
반환
useDeviceManager()
후크를 사용하여 공급자로부터 StatefulDeviceManager 가져옵니다.
이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.
function useDeviceManager(): undefined | StatefulDeviceManager
반환
undefined | StatefulDeviceManager
usePropsFor<Component>(Component, "chat" | "calling")
이 라이브러리에서 React 구성 요소에 필요한 모든 후크를 가져오는 기본 후크입니다.
이 후크를 호출하려면 구성 요소를 다음 공급자 아래에 래핑해야 합니다.
호출 구성 요소의 경우: CallClientProvider, CallAgentProvider 및 CallAgentProvider.
구성 요소의 가장 간단한 사용은 다음과 같습니다.
예제
import { ParticipantList, usePropsFor } from '@azure/communication-react';
const App = (): JSX.Element => {
// ... code to setup Providers ...
return <ParticipantList {...usePropsFor(ParticipantList)}/>
}
function usePropsFor<Component>(component: Component, type?: "chat" | "calling"): ComponentProps<Component>
매개 변수
- component
-
Component
- type
-
"chat" | "calling"
반환
ComponentProps<Component>
useSelector<ParamT>(ParamT, (ParamT extends Selector ? Parameters<ParamT>[1] : undefined), "chat" | "calling")
후크를 사용하여 지정된 구성 요소에 대한 선택기를 가져옵니다.
이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.
function useSelector<ParamT>(selector: ParamT, selectorProps?: (ParamT extends Selector ? Parameters<ParamT>[1] : undefined), type?: "chat" | "calling"): (ParamT extends Selector ? ReturnType<ParamT> : undefined)
매개 변수
- selector
-
ParamT
- selectorProps
-
(ParamT extends Selector ? Parameters<ParamT>[1] : undefined)
- type
-
"chat" | "calling"
반환
(ParamT extends Selector ? ReturnType<ParamT> : undefined)
useTeamsCall()
후크를 사용하여 공급자로부터 <xref:%40azure%2Fcommunication-calling%23TeamsCall> 가져옵니다.
이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.
이 후크를 사용하려면 이전에 TeamsCall 개체와 함께 CallProvider를 사용했어야 합니다
function useTeamsCall(): undefined | TeamsCall
반환
undefined | TeamsCall
useTeamsCallAdapter(Partial<TeamsCallAdapterArgs>, (adapter: TeamsCallAdapter) => Promise<TeamsCallAdapter>, (adapter: TeamsCallAdapter) => Promise<void>)
TeamsCallAdapter 생성을 간소화하는 사용자 지정 React 후크입니다.
와 <xref:createTeamsAzureCommunicationCallAdapter>유사하지만 내부적으로 어댑터의 비동기 생성을 처리합니다.
인수가 만들어질 때 후크 규칙을 준수하고 인수를 전달할 수 있도록 인수를 정의하지 않도록 허용합니다. 어댑터는 모든 인수가 정의된 경우에만 만들어집니다.
각 렌더링에서 어댑터를 다시 만들지 않도록 인수를 기억해야 합니다. 일반적인 사용 예제는 스토리북을 참조하세요.
function useTeamsCallAdapter(args: Partial<TeamsCallAdapterArgs>, afterCreate?: (adapter: TeamsCallAdapter) => Promise<TeamsCallAdapter>, beforeDispose?: (adapter: TeamsCallAdapter) => Promise<void>): undefined | TeamsCallAdapter
매개 변수
- args
-
Partial<TeamsCallAdapterArgs>
- afterCreate
-
(adapter: TeamsCallAdapter) => Promise<TeamsCallAdapter>
- beforeDispose
-
(adapter: TeamsCallAdapter) => Promise<void>
반환
undefined | TeamsCallAdapter
useTeamsCallAgent()
후크를 사용하여 공급자로부터 <xref:%40azure%2Fcommunication-calling%23TeamsCallAgent> 가져옵니다.
이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.
function useTeamsCallAgent(): undefined | TeamsCallAgent
반환
undefined | TeamsCallAgent
useTheme()
테마에 액세스하는 반응 후크
function useTheme(): Theme
반환
Theme
Variable Details
COMPONENT_LOCALE_AR_SA
COMPONENT_LOCALE_CS_CZ
COMPONENT_LOCALE_CY_GB
COMPONENT_LOCALE_DE_DE
COMPONENT_LOCALE_EN_GB
COMPONENT_LOCALE_EN_US
COMPONENT_LOCALE_ES_ES
COMPONENT_LOCALE_ES_MX
COMPONENT_LOCALE_FI_FI
COMPONENT_LOCALE_FR_CA
COMPONENT_LOCALE_FR_FR
COMPONENT_LOCALE_HE_IL
COMPONENT_LOCALE_IT_IT
COMPONENT_LOCALE_JA_JP
COMPONENT_LOCALE_KO_KR
COMPONENT_LOCALE_NB_NO
COMPONENT_LOCALE_NL_NL
COMPONENT_LOCALE_PL_PL
COMPONENT_LOCALE_PT_BR
COMPONENT_LOCALE_RU_RU
COMPONENT_LOCALE_SV_SE
COMPONENT_LOCALE_TR_TR
COMPONENT_LOCALE_ZH_CN
COMPONENT_LOCALE_ZH_TW
COMPOSITE_LOCALE_AR_SA
COMPOSITE_LOCALE_CS_CZ
COMPOSITE_LOCALE_CY_GB
COMPOSITE_LOCALE_DE_DE
COMPOSITE_LOCALE_EN_GB
COMPOSITE_LOCALE_EN_US
COMPOSITE_LOCALE_ES_ES
COMPOSITE_LOCALE_ES_MX
COMPOSITE_LOCALE_FI_FI
COMPOSITE_LOCALE_FR_CA
COMPOSITE_LOCALE_FR_FR
COMPOSITE_LOCALE_HE_IL
COMPOSITE_LOCALE_IT_IT
COMPOSITE_LOCALE_JA_JP
COMPOSITE_LOCALE_KO_KR
COMPOSITE_LOCALE_NB_NO
COMPOSITE_LOCALE_NL_NL
COMPOSITE_LOCALE_PL_PL
COMPOSITE_LOCALE_PT_BR
COMPOSITE_LOCALE_RU_RU
COMPOSITE_LOCALE_SV_SE
COMPOSITE_LOCALE_TR_TR
COMPOSITE_LOCALE_ZH_CN
COMPOSITE_LOCALE_ZH_TW
COMPOSITE_ONLY_ICONS
합성체가 직접 사용하는 기본 아이콘 집합(즉, 이 라이브러리에서 정의된 컴포넌트를 통해서가 아님).
COMPOSITE_ONLY_ICONS: CompositeIcons
형식
DEFAULT_COMPONENT_ICONS
UI 컴포넌트에서 사용할 수 있는 기본 아이콘 집합입니다.
DEFAULT_COMPONENT_ICONS: { CaptionsIcon: React_2.JSX.Element, CaptionsOffIcon: React_2.JSX.Element, CaptionsSettingsIcon: React_2.JSX.Element, ChangeCaptionLanguageIcon: React_2.JSX.Element, ChangeSpokenLanguageIcon: React_2.JSX.Element, ChatMessageOptions: React_2.JSX.Element, ConfigurationScreenVideoEffectsButton: React_2.JSX.Element, ContextMenuCameraIcon: React_2.JSX.Element, ContextMenuMicIcon: React_2.JSX.Element, ContextMenuRemoveParticipant: React_2.JSX.Element, ContextMenuSpeakerIcon: React_2.JSX.Element, ContextualMenuMicMutedIcon: React_2.JSX.Element, ControlButtonCameraOff: React_2.JSX.Element, ControlButtonCameraOn: React_2.JSX.Element, ControlButtonCameraProhibited: React_2.JSX.Element, ControlButtonCameraProhibitedSmall: React_2.JSX.Element, ControlButtonEndCall: React_2.JSX.Element, ControlButtonLowerHand: React_2.JSX.Element, ControlButtonMicOff: React_2.JSX.Element, ControlButtonMicOn: React_2.JSX.Element, ControlButtonMicProhibited: React_2.JSX.Element, ControlButtonMicProhibitedSmall: React_2.JSX.Element, ControlButtonOptions: React_2.JSX.Element, ControlButtonParticipants: React_2.JSX.Element, ControlButtonParticipantsContextualMenuItem: React_2.JSX.Element, ControlButtonRaiseHand: React_2.JSX.Element, ControlButtonScreenShareStart: React_2.JSX.Element, ControlButtonScreenShareStop: React_2.JSX.Element, ControlButtonVideoEffectsOption: React_2.JSX.Element, DialpadBackspace: React_2.JSX.Element, EditBoxCancel: React_2.JSX.Element, EditBoxSubmit: React_2.JSX.Element, ErrorBarCallCameraAccessDenied: React_2.JSX.Element, ErrorBarCallCameraAlreadyInUse: React_2.JSX.Element, ErrorBarCallLocalVideoFreeze: React_2.JSX.Element, ErrorBarCallMacOsCameraAccessDenied: React_2.JSX.Element, ErrorBarCallMacOsMicrophoneAccessDenied: React_2.JSX.Element, ErrorBarCallMicrophoneAccessDenied: React_2.JSX.Element, ErrorBarCallMicrophoneMutedBySystem: React_2.JSX.Element, ErrorBarCallMicrophoneUnmutedBySystem: React_2.JSX.Element, ErrorBarCallNetworkQualityLow: React_2.JSX.Element, ErrorBarCallNoMicrophoneFound: React_2.JSX.Element, ErrorBarCallNoSpeakerFound: React_2.JSX.Element, ErrorBarCallVideoRecoveredBySystem: React_2.JSX.Element, ErrorBarCallVideoStoppedBySystem: React_2.JSX.Element, ErrorBarClear: React_2.JSX.Element, ErrorBarMutedByRemoteParticipant: React_2.JSX.Element, ExpandIcon: React_2.JSX.Element, HoldCallButton: React_2.JSX.Element, HoldCallContextualMenuItem: React_2.JSX.Element, HorizontalGalleryLeftButton: React_2.JSX.Element, HorizontalGalleryRightButton: React_2.JSX.Element, IncomingCallNotificationAcceptIcon: React_2.JSX.Element, IncomingCallNotificationAcceptWithVideoIcon: React_2.JSX.Element, IncomingCallNotificationRejectIcon: React_2.JSX.Element, LowerHandContextualMenuItem: React_2.JSX.Element, MessageDelivered: React_2.JSX.Element, MessageEdit: React_2.JSX.Element, MessageFailed: React_2.JSX.Element, MessageRemove: React_2.JSX.Element, MessageResend: React_2.JSX.Element, MessageSeen: React_2.JSX.Element, MessageSending: React_2.JSX.Element, MinimizeIcon: React_2.JSX.Element, NotificationBarBreakoutRoomChanged: React_2.JSX.Element, NotificationBarBreakoutRoomClosed: React_2.JSX.Element, NotificationBarBreakoutRoomClosingSoon: React_2.JSX.Element, NotificationBarBreakoutRoomJoined: React_2.JSX.Element, NotificationBarBreakoutRoomOpened: React_2.JSX.Element, NotificationBarBreakoutRoomPromptJoin: React_2.JSX.Element, NotificationBarRecording: React_2.JSX.Element, NotificationBarTogetherModeIcon: React_2.JSX.Element, NotificationBarTranscriptionError: React_2.JSX.Element, NotificationBarTranscriptionStartedByYou: React_2.JSX.Element, OpenAttachment: React_2.JSX.Element, OptionsCamera: React_2.JSX.Element, OptionsMic: React_2.JSX.Element, OptionsSpeaker: React_2.JSX.Element, ParticipantItemMicOff: React_2.JSX.Element, ParticipantItemOptions: React_2.JSX.Element, ParticipantItemOptionsHovered: React_2.JSX.Element, ParticipantItemPinned: React_2.JSX.Element, ParticipantItemScreenShareStart: React_2.JSX.Element, ParticipantItemSpotlighted: React_2.JSX.Element, PinParticipant: React_2.JSX.Element, RaiseHandContextualMenuItem: React_2.JSX.Element, ReactionButtonIcon: React_2.JSX.Element, RealTimeTextIcon: React_2.JSX.Element, ResumeCall: React_2.JSX.Element, SendBoxSend: React_2.JSX.Element, SendBoxSendHovered: React_2.JSX.Element, SplitButtonPrimaryActionCameraOff: React_2.JSX.Element, SplitButtonPrimaryActionCameraOn: React_2.JSX.Element, SplitButtonPrimaryActionMicMuted: React_2.JSX.Element, SplitButtonPrimaryActionMicUnmuted: React_2.JSX.Element, StartSpotlightContextualMenuItem: React_2.JSX.Element, StopSpotlightContextualMenuItem: React_2.JSX.Element, SurveyStarIcon: React_2.JSX.Element, SurveyStarIconFilled: React_2.JSX.Element, UnpinParticipant: React_2.JSX.Element, VerticalGalleryLeftButton: React_2.JSX.Element, VerticalGalleryRightButton: React_2.JSX.Element, VideoTileCameraOff: React_2.JSX.Element, VideoTileMicOff: React_2.JSX.Element, VideoTileMoreOptions: React_2.JSX.Element, VideoTilePinned: React_2.JSX.Element, VideoTileScaleFill: React_2.JSX.Element, VideoTileScaleFit: React_2.JSX.Element, VideoTileSpotlighted: React_2.JSX.Element }
형식
{ CaptionsIcon: React_2.JSX.Element, CaptionsOffIcon: React_2.JSX.Element, CaptionsSettingsIcon: React_2.JSX.Element, ChangeCaptionLanguageIcon: React_2.JSX.Element, ChangeSpokenLanguageIcon: React_2.JSX.Element, ChatMessageOptions: React_2.JSX.Element, ConfigurationScreenVideoEffectsButton: React_2.JSX.Element, ContextMenuCameraIcon: React_2.JSX.Element, ContextMenuMicIcon: React_2.JSX.Element, ContextMenuRemoveParticipant: React_2.JSX.Element, ContextMenuSpeakerIcon: React_2.JSX.Element, ContextualMenuMicMutedIcon: React_2.JSX.Element, ControlButtonCameraOff: React_2.JSX.Element, ControlButtonCameraOn: React_2.JSX.Element, ControlButtonCameraProhibited: React_2.JSX.Element, ControlButtonCameraProhibitedSmall: React_2.JSX.Element, ControlButtonEndCall: React_2.JSX.Element, ControlButtonLowerHand: React_2.JSX.Element, ControlButtonMicOff: React_2.JSX.Element, ControlButtonMicOn: React_2.JSX.Element, ControlButtonMicProhibited: React_2.JSX.Element, ControlButtonMicProhibitedSmall: React_2.JSX.Element, ControlButtonOptions: React_2.JSX.Element, ControlButtonParticipants: React_2.JSX.Element, ControlButtonParticipantsContextualMenuItem: React_2.JSX.Element, ControlButtonRaiseHand: React_2.JSX.Element, ControlButtonScreenShareStart: React_2.JSX.Element, ControlButtonScreenShareStop: React_2.JSX.Element, ControlButtonVideoEffectsOption: React_2.JSX.Element, DialpadBackspace: React_2.JSX.Element, EditBoxCancel: React_2.JSX.Element, EditBoxSubmit: React_2.JSX.Element, ErrorBarCallCameraAccessDenied: React_2.JSX.Element, ErrorBarCallCameraAlreadyInUse: React_2.JSX.Element, ErrorBarCallLocalVideoFreeze: React_2.JSX.Element, ErrorBarCallMacOsCameraAccessDenied: React_2.JSX.Element, ErrorBarCallMacOsMicrophoneAccessDenied: React_2.JSX.Element, ErrorBarCallMicrophoneAccessDenied: React_2.JSX.Element, ErrorBarCallMicrophoneMutedBySystem: React_2.JSX.Element, ErrorBarCallMicrophoneUnmutedBySystem: React_2.JSX.Element, ErrorBarCallNetworkQualityLow: React_2.JSX.Element, ErrorBarCallNoMicrophoneFound: React_2.JSX.Element, ErrorBarCallNoSpeakerFound: React_2.JSX.Element, ErrorBarCallVideoRecoveredBySystem: React_2.JSX.Element, ErrorBarCallVideoStoppedBySystem: React_2.JSX.Element, ErrorBarClear: React_2.JSX.Element, ErrorBarMutedByRemoteParticipant: React_2.JSX.Element, ExpandIcon: React_2.JSX.Element, HoldCallButton: React_2.JSX.Element, HoldCallContextualMenuItem: React_2.JSX.Element, HorizontalGalleryLeftButton: React_2.JSX.Element, HorizontalGalleryRightButton: React_2.JSX.Element, IncomingCallNotificationAcceptIcon: React_2.JSX.Element, IncomingCallNotificationAcceptWithVideoIcon: React_2.JSX.Element, IncomingCallNotificationRejectIcon: React_2.JSX.Element, LowerHandContextualMenuItem: React_2.JSX.Element, MessageDelivered: React_2.JSX.Element, MessageEdit: React_2.JSX.Element, MessageFailed: React_2.JSX.Element, MessageRemove: React_2.JSX.Element, MessageResend: React_2.JSX.Element, MessageSeen: React_2.JSX.Element, MessageSending: React_2.JSX.Element, MinimizeIcon: React_2.JSX.Element, NotificationBarBreakoutRoomChanged: React_2.JSX.Element, NotificationBarBreakoutRoomClosed: React_2.JSX.Element, NotificationBarBreakoutRoomClosingSoon: React_2.JSX.Element, NotificationBarBreakoutRoomJoined: React_2.JSX.Element, NotificationBarBreakoutRoomOpened: React_2.JSX.Element, NotificationBarBreakoutRoomPromptJoin: React_2.JSX.Element, NotificationBarRecording: React_2.JSX.Element, NotificationBarTogetherModeIcon: React_2.JSX.Element, NotificationBarTranscriptionError: React_2.JSX.Element, NotificationBarTranscriptionStartedByYou: React_2.JSX.Element, OpenAttachment: React_2.JSX.Element, OptionsCamera: React_2.JSX.Element, OptionsMic: React_2.JSX.Element, OptionsSpeaker: React_2.JSX.Element, ParticipantItemMicOff: React_2.JSX.Element, ParticipantItemOptions: React_2.JSX.Element, ParticipantItemOptionsHovered: React_2.JSX.Element, ParticipantItemPinned: React_2.JSX.Element, ParticipantItemScreenShareStart: React_2.JSX.Element, ParticipantItemSpotlighted: React_2.JSX.Element, PinParticipant: React_2.JSX.Element, RaiseHandContextualMenuItem: React_2.JSX.Element, ReactionButtonIcon: React_2.JSX.Element, RealTimeTextIcon: React_2.JSX.Element, ResumeCall: React_2.JSX.Element, SendBoxSend: React_2.JSX.Element, SendBoxSendHovered: React_2.JSX.Element, SplitButtonPrimaryActionCameraOff: React_2.JSX.Element, SplitButtonPrimaryActionCameraOn: React_2.JSX.Element, SplitButtonPrimaryActionMicMuted: React_2.JSX.Element, SplitButtonPrimaryActionMicUnmuted: React_2.JSX.Element, StartSpotlightContextualMenuItem: React_2.JSX.Element, StopSpotlightContextualMenuItem: React_2.JSX.Element, SurveyStarIcon: React_2.JSX.Element, SurveyStarIconFilled: React_2.JSX.Element, UnpinParticipant: React_2.JSX.Element, VerticalGalleryLeftButton: React_2.JSX.Element, VerticalGalleryRightButton: React_2.JSX.Element, VideoTileCameraOff: React_2.JSX.Element, VideoTileMicOff: React_2.JSX.Element, VideoTileMoreOptions: React_2.JSX.Element, VideoTilePinned: React_2.JSX.Element, VideoTileScaleFill: React_2.JSX.Element, VideoTileScaleFit: React_2.JSX.Element, VideoTileSpotlighted: React_2.JSX.Element }
DEFAULT_COMPOSITE_ICONS
합성 이미지에서 사용할 수 있는 기본 아이콘 집합입니다.
DEFAULT_COMPOSITE_ICONS: { BlurVideoBackground?: JSX.Element, CaptionsIcon: React_2.JSX.Element, CaptionsOffIcon: React_2.JSX.Element, CaptionsSettingsIcon: React_2.JSX.Element, ChangeCaptionLanguageIcon: React_2.JSX.Element, ChangeSpokenLanguageIcon: React_2.JSX.Element, ChatMessageOptions: React_2.JSX.Element, ChevronLeft?: JSX.Element, ConfigurationScreenVideoEffectsButton: React_2.JSX.Element, ContextMenuCameraIcon: React_2.JSX.Element, ContextMenuMicIcon: React_2.JSX.Element, ContextMenuRemoveParticipant: React_2.JSX.Element, ContextMenuSpeakerIcon: React_2.JSX.Element, ContextualMenuMicMutedIcon: React_2.JSX.Element, ControlBarChatButtonActive?: JSX.Element, ControlBarChatButtonInactive?: JSX.Element, ControlBarPeopleButton?: JSX.Element, ControlButtonCameraOff: JSX.Element, ControlButtonCameraOn: JSX.Element, ControlButtonCameraProhibited: JSX.Element, ControlButtonCameraProhibitedSmall: JSX.Element, ControlButtonEndCall: JSX.Element, ControlButtonExitSpotlight?: JSX.Element, ControlButtonLowerHand: JSX.Element, ControlButtonMicOff: JSX.Element, ControlButtonMicOn: JSX.Element, ControlButtonMicProhibited: JSX.Element, ControlButtonMicProhibitedSmall: JSX.Element, ControlButtonOptions: JSX.Element, ControlButtonParticipants: JSX.Element, ControlButtonParticipantsContextualMenuItem: React_2.JSX.Element, ControlButtonRaiseHand: JSX.Element, ControlButtonScreenShareStart: JSX.Element, ControlButtonScreenShareStop: JSX.Element, ControlButtonVideoEffectsOption: React_2.JSX.Element, DefaultCustomButton?: JSX.Element, DefaultGalleryLayout?: JSX.Element, DialpadBackspace: React_2.JSX.Element, DialpadStartCall?: JSX.Element, DtmfDialpadButton?: JSX.Element, EditBoxCancel: JSX.Element, EditBoxSubmit: JSX.Element, ErrorBarCallCameraAccessDenied: JSX.Element, ErrorBarCallCameraAlreadyInUse: JSX.Element, ErrorBarCallLocalVideoFreeze: JSX.Element, ErrorBarCallMacOsCameraAccessDenied: JSX.Element, ErrorBarCallMacOsMicrophoneAccessDenied: JSX.Element, ErrorBarCallMicrophoneAccessDenied: JSX.Element, ErrorBarCallMicrophoneMutedBySystem: JSX.Element, ErrorBarCallMicrophoneUnmutedBySystem: JSX.Element, ErrorBarCallNetworkQualityLow: JSX.Element, ErrorBarCallNoMicrophoneFound: JSX.Element, ErrorBarCallNoSpeakerFound: JSX.Element, ErrorBarCallVideoRecoveredBySystem: React_2.JSX.Element, ErrorBarCallVideoStoppedBySystem: React_2.JSX.Element, ErrorBarClear: JSX.Element, ErrorBarMutedByRemoteParticipant: React_2.JSX.Element, ExpandIcon: React_2.JSX.Element, FloatingLocalVideoGalleryLayout?: JSX.Element, FocusedContentGalleryLayout?: JSX.Element, GalleryOptions?: JSX.Element, HoldCallButton: React_2.JSX.Element, HoldCallContextualMenuItem: React_2.JSX.Element, HorizontalGalleryLeftButton: JSX.Element, HorizontalGalleryRightButton: JSX.Element, IncomingCallNotificationAcceptIcon: React_2.JSX.Element, IncomingCallNotificationAcceptWithVideoIcon: React_2.JSX.Element, IncomingCallNotificationRejectIcon: React_2.JSX.Element, JoinByPhoneConferenceIdIcon?: JSX.Element, JoinByPhoneDialStepIcon?: JSX.Element, JoinByPhoneWaitToBeAdmittedIcon?: JSX.Element, LargeGalleryLayout?: JSX.Element, Link?: JSX.Element, LobbyScreenConnectingToCall?: JSX.Element, LobbyScreenWaitingToBeAdmitted?: JSX.Element, LocalCameraSwitch?: JSX.Element, LocalDeviceSettingsCamera?: JSX.Element, LocalDeviceSettingsMic?: JSX.Element, LocalDeviceSettingsSpeaker?: JSX.Element, LocalPreviewPlaceholder?: JSX.Element, LowerHandContextualMenuItem: JSX.Element, MessageDelivered: JSX.Element, MessageEdit: JSX.Element, MessageFailed: JSX.Element, MessageRemove: JSX.Element, MessageResend: React_2.JSX.Element, MessageSeen: JSX.Element, MessageSending: JSX.Element, MinimizeIcon: React_2.JSX.Element, MoreDrawerMicrophones?: JSX.Element, MoreDrawerPeople?: JSX.Element, MoreDrawerSelectedMicrophone?: JSX.Element, MoreDrawerSelectedSpeaker?: JSX.Element, MoreDrawerSpeakers?: JSX.Element, Muted?: JSX.Element, NetworkReconnectIcon?: JSX.Element, NoticePageAccessDeniedTeamsMeeting?: JSX.Element, NoticePageCallRejected?: JSX.Element, NoticePageCallTimeout?: JSX.Element, NoticePageInviteToRoomRemoved?: JSX.Element, NoticePageJoinCallFailedDueToNoNetwork?: JSX.Element, NoticePageLeftCall?: JSX.Element, NoticePageNotInvitedToRoom?: JSX.Element, NoticePageRemovedFromCall?: JSX.Element, NoticePageRoomNotFound?: JSX.Element, NoticePageRoomNotValid?: JSX.Element, NotificationBarBreakoutRoomChanged: React_2.JSX.Element, NotificationBarBreakoutRoomClosed: React_2.JSX.Element, NotificationBarBreakoutRoomClosingSoon: React_2.JSX.Element, NotificationBarBreakoutRoomJoined: React_2.JSX.Element, NotificationBarBreakoutRoomOpened: React_2.JSX.Element, NotificationBarBreakoutRoomPromptJoin: React_2.JSX.Element, NotificationBarRecording: React_2.JSX.Element, NotificationBarTogetherModeIcon: React_2.JSX.Element, NotificationBarTranscriptionError: React_2.JSX.Element, NotificationBarTranscriptionStartedByYou: React_2.JSX.Element, OpenAttachment: React_2.JSX.Element, OptionsCamera: JSX.Element, OptionsMic: JSX.Element, OptionsSpeaker: JSX.Element, OverflowGalleryTop?: JSX.Element, ParticipantItemMicOff: JSX.Element, ParticipantItemOptions: JSX.Element, ParticipantItemOptionsHovered: JSX.Element, ParticipantItemPinned: React_2.JSX.Element, ParticipantItemScreenShareStart: JSX.Element, ParticipantItemSpotlighted: React_2.JSX.Element, PeoplePaneAddPerson?: JSX.Element, PeoplePaneMoreButton?: JSX.Element, PeoplePaneOpenDialpad?: JSX.Element, PhoneNumberButton?: JSX.Element, PinParticipant: React_2.JSX.Element, RaiseHandContextualMenuItem: JSX.Element, ReactionButtonIcon: JSX.Element, ReactionContextualMenuItem?: JSX.Element, RealTimeTextIcon: React_2.JSX.Element, RemoveVideoBackgroundEffect?: JSX.Element, ResumeCall: React_2.JSX.Element, SendBoxAttachFile?: JSX.Element, SendBoxSend: JSX.Element, SendBoxSendHovered: JSX.Element, SpeakerGalleryLayout?: JSX.Element, SplitButtonPrimaryActionCameraOff: React_2.JSX.Element, SplitButtonPrimaryActionCameraOn: React_2.JSX.Element, SplitButtonPrimaryActionMicMuted: React_2.JSX.Element, SplitButtonPrimaryActionMicUnmuted: React_2.JSX.Element, StartSpotlightContextualMenuItem: React_2.JSX.Element, StopAllSpotlightMenuButton?: JSX.Element, StopSpotlightContextualMenuItem: React_2.JSX.Element, SurveyStarIcon: React_2.JSX.Element, SurveyStarIconFilled: React_2.JSX.Element, TogetherModeLayout?: JSX.Element, UnpinParticipant: React_2.JSX.Element, VerticalGalleryLeftButton: React_2.JSX.Element, VerticalGalleryRightButton: React_2.JSX.Element, VideoTileCameraOff: React_2.JSX.Element, VideoTileMicOff: JSX.Element, VideoTileMoreOptions: React_2.JSX.Element, VideoTilePinned: React_2.JSX.Element, VideoTileScaleFill: React_2.JSX.Element, VideoTileScaleFit: React_2.JSX.Element, VideoTileSpotlighted: React_2.JSX.Element }
형식
{ BlurVideoBackground?: JSX.Element, CaptionsIcon: React_2.JSX.Element, CaptionsOffIcon: React_2.JSX.Element, CaptionsSettingsIcon: React_2.JSX.Element, ChangeCaptionLanguageIcon: React_2.JSX.Element, ChangeSpokenLanguageIcon: React_2.JSX.Element, ChatMessageOptions: React_2.JSX.Element, ChevronLeft?: JSX.Element, ConfigurationScreenVideoEffectsButton: React_2.JSX.Element, ContextMenuCameraIcon: React_2.JSX.Element, ContextMenuMicIcon: React_2.JSX.Element, ContextMenuRemoveParticipant: React_2.JSX.Element, ContextMenuSpeakerIcon: React_2.JSX.Element, ContextualMenuMicMutedIcon: React_2.JSX.Element, ControlBarChatButtonActive?: JSX.Element, ControlBarChatButtonInactive?: JSX.Element, ControlBarPeopleButton?: JSX.Element, ControlButtonCameraOff: JSX.Element, ControlButtonCameraOn: JSX.Element, ControlButtonCameraProhibited: JSX.Element, ControlButtonCameraProhibitedSmall: JSX.Element, ControlButtonEndCall: JSX.Element, ControlButtonExitSpotlight?: JSX.Element, ControlButtonLowerHand: JSX.Element, ControlButtonMicOff: JSX.Element, ControlButtonMicOn: JSX.Element, ControlButtonMicProhibited: JSX.Element, ControlButtonMicProhibitedSmall: JSX.Element, ControlButtonOptions: JSX.Element, ControlButtonParticipants: JSX.Element, ControlButtonParticipantsContextualMenuItem: React_2.JSX.Element, ControlButtonRaiseHand: JSX.Element, ControlButtonScreenShareStart: JSX.Element, ControlButtonScreenShareStop: JSX.Element, ControlButtonVideoEffectsOption: React_2.JSX.Element, DefaultCustomButton?: JSX.Element, DefaultGalleryLayout?: JSX.Element, DialpadBackspace: React_2.JSX.Element, DialpadStartCall?: JSX.Element, DtmfDialpadButton?: JSX.Element, EditBoxCancel: JSX.Element, EditBoxSubmit: JSX.Element, ErrorBarCallCameraAccessDenied: JSX.Element, ErrorBarCallCameraAlreadyInUse: JSX.Element, ErrorBarCallLocalVideoFreeze: JSX.Element, ErrorBarCallMacOsCameraAccessDenied: JSX.Element, ErrorBarCallMacOsMicrophoneAccessDenied: JSX.Element, ErrorBarCallMicrophoneAccessDenied: JSX.Element, ErrorBarCallMicrophoneMutedBySystem: JSX.Element, ErrorBarCallMicrophoneUnmutedBySystem: JSX.Element, ErrorBarCallNetworkQualityLow: JSX.Element, ErrorBarCallNoMicrophoneFound: JSX.Element, ErrorBarCallNoSpeakerFound: JSX.Element, ErrorBarCallVideoRecoveredBySystem: React_2.JSX.Element, ErrorBarCallVideoStoppedBySystem: React_2.JSX.Element, ErrorBarClear: JSX.Element, ErrorBarMutedByRemoteParticipant: React_2.JSX.Element, ExpandIcon: React_2.JSX.Element, FloatingLocalVideoGalleryLayout?: JSX.Element, FocusedContentGalleryLayout?: JSX.Element, GalleryOptions?: JSX.Element, HoldCallButton: React_2.JSX.Element, HoldCallContextualMenuItem: React_2.JSX.Element, HorizontalGalleryLeftButton: JSX.Element, HorizontalGalleryRightButton: JSX.Element, IncomingCallNotificationAcceptIcon: React_2.JSX.Element, IncomingCallNotificationAcceptWithVideoIcon: React_2.JSX.Element, IncomingCallNotificationRejectIcon: React_2.JSX.Element, JoinByPhoneConferenceIdIcon?: JSX.Element, JoinByPhoneDialStepIcon?: JSX.Element, JoinByPhoneWaitToBeAdmittedIcon?: JSX.Element, LargeGalleryLayout?: JSX.Element, Link?: JSX.Element, LobbyScreenConnectingToCall?: JSX.Element, LobbyScreenWaitingToBeAdmitted?: JSX.Element, LocalCameraSwitch?: JSX.Element, LocalDeviceSettingsCamera?: JSX.Element, LocalDeviceSettingsMic?: JSX.Element, LocalDeviceSettingsSpeaker?: JSX.Element, LocalPreviewPlaceholder?: JSX.Element, LowerHandContextualMenuItem: JSX.Element, MessageDelivered: JSX.Element, MessageEdit: JSX.Element, MessageFailed: JSX.Element, MessageRemove: JSX.Element, MessageResend: React_2.JSX.Element, MessageSeen: JSX.Element, MessageSending: JSX.Element, MinimizeIcon: React_2.JSX.Element, MoreDrawerMicrophones?: JSX.Element, MoreDrawerPeople?: JSX.Element, MoreDrawerSelectedMicrophone?: JSX.Element, MoreDrawerSelectedSpeaker?: JSX.Element, MoreDrawerSpeakers?: JSX.Element, Muted?: JSX.Element, NetworkReconnectIcon?: JSX.Element, NoticePageAccessDeniedTeamsMeeting?: JSX.Element, NoticePageCallRejected?: JSX.Element, NoticePageCallTimeout?: JSX.Element, NoticePageInviteToRoomRemoved?: JSX.Element, NoticePageJoinCallFailedDueToNoNetwork?: JSX.Element, NoticePageLeftCall?: JSX.Element, NoticePageNotInvitedToRoom?: JSX.Element, NoticePageRemovedFromCall?: JSX.Element, NoticePageRoomNotFound?: JSX.Element, NoticePageRoomNotValid?: JSX.Element, NotificationBarBreakoutRoomChanged: React_2.JSX.Element, NotificationBarBreakoutRoomClosed: React_2.JSX.Element, NotificationBarBreakoutRoomClosingSoon: React_2.JSX.Element, NotificationBarBreakoutRoomJoined: React_2.JSX.Element, NotificationBarBreakoutRoomOpened: React_2.JSX.Element, NotificationBarBreakoutRoomPromptJoin: React_2.JSX.Element, NotificationBarRecording: React_2.JSX.Element, NotificationBarTogetherModeIcon: React_2.JSX.Element, NotificationBarTranscriptionError: React_2.JSX.Element, NotificationBarTranscriptionStartedByYou: React_2.JSX.Element, OpenAttachment: React_2.JSX.Element, OptionsCamera: JSX.Element, OptionsMic: JSX.Element, OptionsSpeaker: JSX.Element, OverflowGalleryTop?: JSX.Element, ParticipantItemMicOff: JSX.Element, ParticipantItemOptions: JSX.Element, ParticipantItemOptionsHovered: JSX.Element, ParticipantItemPinned: React_2.JSX.Element, ParticipantItemScreenShareStart: JSX.Element, ParticipantItemSpotlighted: React_2.JSX.Element, PeoplePaneAddPerson?: JSX.Element, PeoplePaneMoreButton?: JSX.Element, PeoplePaneOpenDialpad?: JSX.Element, PhoneNumberButton?: JSX.Element, PinParticipant: React_2.JSX.Element, RaiseHandContextualMenuItem: JSX.Element, ReactionButtonIcon: JSX.Element, ReactionContextualMenuItem?: JSX.Element, RealTimeTextIcon: React_2.JSX.Element, RemoveVideoBackgroundEffect?: JSX.Element, ResumeCall: React_2.JSX.Element, SendBoxAttachFile?: JSX.Element, SendBoxSend: JSX.Element, SendBoxSendHovered: JSX.Element, SpeakerGalleryLayout?: JSX.Element, SplitButtonPrimaryActionCameraOff: React_2.JSX.Element, SplitButtonPrimaryActionCameraOn: React_2.JSX.Element, SplitButtonPrimaryActionMicMuted: React_2.JSX.Element, SplitButtonPrimaryActionMicUnmuted: React_2.JSX.Element, StartSpotlightContextualMenuItem: React_2.JSX.Element, StopAllSpotlightMenuButton?: JSX.Element, StopSpotlightContextualMenuItem: React_2.JSX.Element, SurveyStarIcon: React_2.JSX.Element, SurveyStarIconFilled: React_2.JSX.Element, TogetherModeLayout?: JSX.Element, UnpinParticipant: React_2.JSX.Element, VerticalGalleryLeftButton: React_2.JSX.Element, VerticalGalleryRightButton: React_2.JSX.Element, VideoTileCameraOff: React_2.JSX.Element, VideoTileMicOff: JSX.Element, VideoTileMoreOptions: React_2.JSX.Element, VideoTilePinned: React_2.JSX.Element, VideoTileScaleFill: React_2.JSX.Element, VideoTileScaleFit: React_2.JSX.Element, VideoTileSpotlighted: React_2.JSX.Element }
darkTheme
이 라이브러리에서 내보내는 컴포넌트용 다크 테마를 미리 설정하세요.
darkTheme: PartialTheme & CallingTheme
형식
PartialTheme & CallingTheme
lightTheme
이 라이브러리에서 내보내는 컴포넌트용 프리셋 라이트 테마.
lightTheme: PartialTheme & CallingTheme
형식
PartialTheme & CallingTheme