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

