다음을 위해 설계됨: FLUTTER

Flutter 영상 통화 UI Kit

Tencent RTC의 Flutter Video Calling UI Kit으로 통화 화면을 추가하세요. TUICallKit을 위젯 트리와 탐색에 배치하고 수신 통화 제어 및 네이티브 플랫폼 설정을 구성하세요.

빌드 시작 Call 데모 체험

개발자 리소스

Flutter 영상 통화 UI Kit 문서 및 예제

컴포넌트 참고 자료

Flutter 영상 통화 UI Kit 컴포넌트를 살펴보세요.

컴포넌트 살펴보기 사용자 인증

통합 가이드

Flutter 영상 통화 UI Kit를 설치하고 사용자를 연결하세요.

Flutter 통합 빠른 시작

예제 및 소스

제품이 실제로 작동하는 모습을 확인하고 구현 방식을 살펴보세요.

Call 데모 체험 Flutter 소스 코드 보기

Flutter 일대일 영상 통화

개인적인 교류나 상담을 위한 대면 소통 환경을 Flutter 앱에 추가하고 영상과 통화 컨트롤을 하나의 경험으로 제공하세요.

영상 상담 살펴보기

Flutter 그룹 영상 통화

Flutter 통화 화면에서 여러 참가자를 연결하세요. 플랫폼 가이드에 따라 통화 흐름과 지원되는 그룹 레이아웃을 구성하세요.

그룹 통화 살펴보기

FLUTTER CALL 기능

Flutter 영상 통화 기능

사람들을 연결하세요

음성 및 영상 통화
수신 통화 처리

통화 경험을 직접 제어

카메라 및 마이크 컨트롤
통화 수명 주기 이벤트

내 것으로 만들기

애플리케이션 흐름
플랫폼별 통합

Flutter 영상 통화 컴포넌트 살펴보기

TUICallKit을 위젯 트리에 연결한 다음 앱의 작업에서 통화를 시작하세요.

통화 인터페이스

Flutter 통화 인터페이스 임베드

위젯 트리에 TUICallKit을 마운트하고 인증된 사용자로 초기화하세요. 이 컴포넌트는 통화 인터페이스와 제어 기능을 제공합니다.

문서 읽기

MaterialApp(
  navigatorObservers: [TUICallKit.navigatorObserver],
  localizationsDelegates: const [AtomicLocalizations.delegate],
);

통화 시작

Flutter에서 영상 통화 시작

애플리케이션에서 수신자 ID를 통화 API로 전달하세요. 이 작업을 Flutter 인터페이스의 연락처, 대화 또는 통화 버튼에 연결하세요.

문서 읽기

await TUICallKit.instance.calls(
  [recipientID], CallMediaType.video, CallParams(),
);

수신 전화

애플리케이션에 수신 통화 배너를 추가하세요.

문서 읽기

TUICallKit.instance.enableIncomingBanner(true);

커스터마이징

Flutter 통화 UI Kit 사용자 지정

Flutter 통화 화면, 제어 기능, 수신 통화 흐름을 제품에 맞게 조정하세요.

레이아웃 및 제어

플랫폼 가이드의 맞춤 설정 옵션을 사용해 통화 환경을 조정하세요.

문서 읽기

시작하기

Flutter 앱에 영상 통화 추가

01
앱 만들기
애플리케이션과 테스트 사용자를 위해 Call을 활성화하세요.
Call 콘솔 열기
02
Flutter 영상 통화 UI Kit 추가
플랫폼 가이드에 따라 프로젝트를 연결하세요.
통합 가이드 따르기
03
첫 통화 시작
두 테스트 사용자로 로그인한 다음 전화를 걸고 받으세요.
인증 설정

Flutter Call UI Kit

flutter pub add tencent_calls_uikit

import 'package:tencent_calls_uikit/tencent_calls_uikit.dart';

await TUICallKit.instance.login(SDKAppID, userID, userSig);

Flutter 영상 통화 UI Kit 자주 묻는 질문

Flutter Video Calling UI Kit에는 무엇이 포함되어 있나요?

Flutter Video Calling UI Kit은 TUICallKit 화면과 통화 제어 기능을 제공합니다. 이를 사용자 ID 및 widget 트리에 연결하면 Call 서비스가 참여자를 연결합니다.

Flutter 통화 SDK와 UI Kit 중 무엇을 사용해야 하나요?

UI Kit은 기반 서비스 위에 인터페이스 컴포넌트를 제공합니다. 애플리케이션 UI를 더 세밀하게 제어해야 한다면 SDK를 선택하세요.

Flutter 영상 통화 SDK

Flutter 수신 전화는 백그라운드에서 어떻게 작동하나요?

Flutter 가이드에 따라 네이티브 푸시 및 애플리케이션 수명 주기 요구 사항을 구성하세요. 실제 기기에서 포그라운드, 백그라운드, 오프라인 상태의 수신 통화를 테스트하세요. 통화 화면을 표시하는 것만으로는 설정이 완료되지 않습니다.

플랫폼 가이드 보기

Flutter Video Calling UI Kit 사용자를 어떻게 인증하나요?

서버에서 UserSig를 생성하고 자체 로그인 흐름을 완료한 후 클라이언트에 전달하세요. 애플리케이션 시크릿은 항상 서버에 보관하세요.

인증 가이드 보기

Flutter 영상 통화 UI Kit를 무료로 사용할 수 있나요?

인터페이스와 호스팅형 Call 서비스는 서로 다른 역할을 합니다. 애플리케이션에서 서비스를 활성화하고 현재 요금제, 기능 제공 여부 및 사용 요금을 확인하세요.

Call 요금 보기

Dart 프로젝트에 Flutter 영상 통화 UI Kit를 통합하려면 어떻게 해야 하나요?

문서에 명시된 Flutter 패키지를 설치하고 각 대상의 네이티브 프로젝트 설정을 완료하세요. 기반 iOS와 Android 동작과 함께 위젯 수명 주기를 테스트하세요.

플랫폼 가이드 읽기

앱 출시 전에 Flutter 영상 통화 UI Kit를 어떻게 테스트하나요?

서로 다른 사용자 간의 초대, 수락, 거절, 통화 종료 상태를 테스트하고 권한 거부 상황도 포함하세요.

플랫폼 가이드 읽기

Flutter 영상 통화 UI Kit의 인터페이스를 어떻게 맞춤 설정하나요?

UI Kit의 assets/images 리소스로 Flutter 통화 컨트롤을 맞춤 설정할 수 있습니다. 예를 들어 에셋 참조를 유지하면서 camera_off.png를 자체 카메라 끄기 이미지로 교체하세요. pub 캐시를 직접 수정하지 말고 지속적으로 관리하는 소스 사본에 변경 사항을 보관하세요. MaterialApp에는 TUICallKit.navigatorObserver와 로컬라이제이션 델리게이트를 유지해야 합니다. 화면 디자인을 변경해도 라우팅, 수명 주기, 네이티브 권한 설정은 별도로 필요합니다.

맞춤 설정 가이드 보기

Flutter Call 통합 지원

통합 관련 질문

Flutter 영상 통화 UI Kit 설정에 대한 도움을 받으세요.

개발자 문서 보기

애플리케이션 상담

제품, 예상 사용량 및 통합 요구 사항을 상담하세요.

판매원에게 연락하기

Flutter 앱에 영상 통화 추가

Flutter Video Calling UI Kit로 시작하여 두 명의 테스트 사용자를 연결하고 첫 통화를 구축하세요.

무료로 시작하기 UI Kit 가이드 보기

Flutter 영상 통화 UI Kit

Flutter 영상 통화 UI Kit 문서 및 예제

컴포넌트 참고 자료

통합 가이드

예제 및 소스

Flutter 일대일 영상 통화

Flutter 그룹 영상 통화

Flutter 영상 통화 기능

사람들을 연결하세요

통화 경험을 직접 제어

내 것으로 만들기

Flutter 영상 통화 컴포넌트 살펴보기

Flutter 통화 인터페이스 임베드

Flutter에서 영상 통화 시작

수신 전화

Flutter 통화 UI Kit 사용자 지정

레이아웃 및 제어

벨소리 및 발신자 정보

Flutter 앱에 영상 통화 추가

앱 만들기

Flutter 영상 통화 UI Kit 추가

첫 통화 시작

Flutter 영상 통화 UI Kit 자주 묻는 질문

Flutter Video Calling UI Kit에는 무엇이 포함되어 있나요?

Flutter 통화 SDK와 UI Kit 중 무엇을 사용해야 하나요?

Flutter 수신 전화는 백그라운드에서 어떻게 작동하나요?

Flutter Video Calling UI Kit 사용자를 어떻게 인증하나요?

Flutter 영상 통화 UI Kit를 무료로 사용할 수 있나요?

Dart 프로젝트에 Flutter 영상 통화 UI Kit를 통합하려면 어떻게 해야 하나요?

앱 출시 전에 Flutter 영상 통화 UI Kit를 어떻게 테스트하나요?

Flutter 영상 통화 UI Kit의 인터페이스를 어떻게 맞춤 설정하나요?

Flutter Call 통합 지원

통합 관련 질문

애플리케이션 상담

Flutter 앱에 영상 통화 추가