다음을 위해 설계됨: REACT NATIVE
React Native 영상 통화 UI Kit
Tencent RTC의 React Native 영상 통화 UI Kit로 모바일 사용자를 연결하세요. 즉시 사용할 수 있는 수신 전화 및 통화 중 화면을 추가한 다음 네이티브 통합과 인터페이스 언어를 구성하세요.
개발자 리소스
React Native 영상 통화 UI Kit 문서 및 예제
React Native 일대일 영상 통화
개인적인 교류나 상담을 위한 대면 대화를 React Native 앱에 도입하고 하나의 경험 안에서 영상과 통화를 제어하세요.
React Native에서의 그룹 영상 통화
React Native 통화 화면에서 여러 참가자를 연결하세요. 플랫폼 가이드에 따라 통화 흐름과 지원되는 그룹 레이아웃을 구성하세요.
REACT NATIVE CALL 기능
React Native 영상 통화 기능
사람들을 연결하세요
- 음성 및 영상 통화
- 수신 통화 처리
통화 경험을 직접 제어
- 카메라 및 마이크 컨트롤
- 통화 수명 주기 이벤트
내 것으로 만들기
- 애플리케이션 흐름
- 플랫폼별 통합
React Native 영상 통화 컴포넌트 살펴보기
TUICallKit을 모바일 탐색에 연결한 다음 앱의 작업에서 통화를 시작하세요.
React Native 통화 인터페이스 삽입
모바일 내비게이션에 TUICallKit을 마운트하고 인증된 사용자로 초기화하세요. 이 컴포넌트는 통화 인터페이스와 컨트롤을 제공합니다.
문서 읽기import { TUICallKit, MediaType } from
'@tencentcloud/call-uikit-react-native';
await TUICallKit.calls({
userIdList: [recipientID], mediaType: MediaType.Video,
});React Native에서 영상 통화 시작
애플리케이션의 수신자 ID를 통화 API에 전달하세요. 이 작업을 React Native 인터페이스의 연락처, 대화 또는 통화 버튼에 연결합니다.
문서 읽기import { TUICallKit, MediaType } from
'@tencentcloud/call-uikit-react-native';
await TUICallKit.calls({
userIdList: [recipientID], mediaType: MediaType.Video,
});언어
통화 인터페이스 언어를 애플리케이션에 맞게 설정하세요.
문서 읽기import { TUICallKit, Language } from
'@tencentcloud/call-uikit-react-native';
TUICallKit.setLanguage(Language.EN);시작하기
React Native 앱에 영상 통화 추가
- 01
- 02
- 03
npm install @tencentcloud/call-uikit-react-nativeimport { TUICallKit } from
'@tencentcloud/call-uikit-react-native';
await TUICallKit.login({
sdkAppId: SDKAppID, userId: userID, userSig,
});React Native 영상 통화 UI Kit 자주 묻는 질문
React Native Video Calling UI Kit에는 무엇이 포함되어 있나요?
React Native Video Calling UI Kit은 TUICallKit 화면과 통화 컨트롤을 제공합니다. 사용자 ID 시스템 및 모바일 내비게이션에 연결하면 Call 서비스가 참가자를 연결합니다.
React Native 통화 SDK와 UI Kit 중 무엇을 사용해야 하나요?
UI Kit은 기반 서비스 위에 인터페이스 컴포넌트를 제공합니다. 애플리케이션 UI를 더 세밀하게 제어해야 한다면 SDK를 선택하세요.
수신 통화에 응답하려면 무엇이 필요한가요?
사용자가 인증되어야 하며 Call 서비스가 활성화되어 있어야 합니다. 네이티브 백그라운드 및 오프라인 동작에는 문서에 안내된 푸시 구성도 필요합니다.
React Native 영상 통화 UI Kit 사용자를 인증하려면 어떻게 해야 하나요?
서버에서 UserSig를 생성하고 자체 로그인 흐름을 완료한 후 클라이언트에 전달하세요. 애플리케이션 시크릿은 항상 서버에 보관하세요.
React Native Video Calling UI Kit은 무료로 사용할 수 있나요?
인터페이스와 호스팅형 Call 서비스는 서로 다른 역할을 합니다. 애플리케이션에서 서비스를 활성화하고 현재 요금제, 기능 제공 여부 및 사용 요금을 확인하세요.
React Native 프로젝트에 React Native 영상 통화 UI Kit를 통합하려면 어떻게 해야 하나요?
문서화된 패키지와 네이티브 의존성을 설치한 뒤 네이티브 앱을 다시 빌드하세요. JavaScript만으로 실행된다고 가정하지 말고 권한, 수명 주기와 네이티브 콜백을 확인하세요.
앱 출시 전에 React Native 영상 통화 UI Kit를 어떻게 테스트하나요?
서로 다른 사용자 간의 초대, 수락, 거절, 통화 종료 상태를 테스트하고 권한 거부 상황도 포함하세요.
React Native 영상 통화 UI Kit의 인터페이스를 어떻게 맞춤 설정하나요?
네이티브 UI Kit에서 제공하는 메서드로 통화 표시 방식을 조정하세요. 예를 들어 @tencentcloud/call-uikit-react-native에서 Language를 가져온 다음 TUICallKit.setLanguage(Language.EN)을 호출할 수 있습니다. setCallingBell은 수신 벨소리를 변경하고, enableMuteMode(true)는 벨소리를 음소거합니다. React 웹 CSS와 provider props로는 이 네이티브 인터페이스를 설정할 수 없습니다. Android 및 iOS 권한 설정을 유지하고 각 메서드를 React Native 가이드와 대조해 확인하세요.
React Native Call 통합 지원
React Native 앱에 영상 통화 도입
React Native Video Calling UI Kit으로 시작해 두 명의 테스트 사용자를 연결하고 첫 통화를 구현하세요.

