다음을 위해 설계됨: WEB
Web 영상 통화 SDK
Tencent RTC의 Web Video Calling SDK로 브라우저 음성 및 영상 통화를 구축하세요. 초대와 통화 이벤트에는 TUICallEngine을 사용하고, 인터페이스는 앱에서 관리합니다.
개발자 리소스
Web 영상 통화 SDK 문서 및 예제
WEB CALL 기능
Web 영상 통화 기능
사람들을 연결하세요
- 음성 및 영상 통화
- 수신 통화 처리
통화 경험을 직접 제어
- 카메라 및 마이크 컨트롤
- 통화 수명 주기 이벤트
내 것으로 만들기
- 애플리케이션 흐름
- 플랫폼별 통합
Web Video Call API 살펴보기
TUICallEngine을 사용해 사용자를 연결하고 통화를 시작하며, 통화 상태가 변경될 때 브라우저의 통화 인터페이스를 업데이트하세요.
사용자를 Web Call SDK에 연결
사용자가 애플리케이션에 로그인한 후 TUICallEngine에 로그인하세요. JavaScript 통화 이벤트를 수신 및 진행 중인 통화를 처리하는 화면으로 전달하세요.
문서 읽기import { TUICallEngine } from '@trtc/call-engine-lite-js';
const call = TUICallEngine.createInstance({ SDKAppID });
await call.login({ userID, userSig });Web에서 영상 통화 시작
애플리케이션의 수신자 ID를 통화 API에 전달하세요. 이 작업을 Web 인터페이스의 연락처, 대화 또는 통화 버튼에 연결합니다.
문서 읽기await call.calls({
userIDList: [recipientID],
type: 2,
});통화 흐름을 직접 제어하세요
사용자에게 익숙한 인터페이스에 통화 제어 기능을 통합하세요.
문서 읽기await call.accept();
// When the user ends the call:
await call.hangup();시작하기
Web 앱에 영상 통화 추가
- 01
- 02
- 03
npm install @trtc/call-engine-lite-jsimport { TUICallEngine } from '@trtc/call-engine-lite-js';
const call = TUICallEngine.createInstance({ SDKAppID });
await call.login({ userID, userSig });Web 영상 통화 SDK 자주 묻는 질문
Web Video Calling SDK에는 무엇이 포함되나요?
Web Video Calling SDK는 통화 초대, 이벤트 및 미디어 제어를 위한 TUICallEngine API를 제공합니다. 애플리케이션에서 브라우저 통화 인터페이스를 구축하고 JavaScript 통화 이벤트에 연결합니다.
Web 통화 SDK와 UI Kit 중 무엇을 사용해야 하나요?
SDK API를 사용해 자체 인터페이스를 구축하세요. 바로 사용할 수 있는 화면과 컨트롤이 필요하면 UI Kit을 선택하세요.
브라우저 통화에는 무엇이 필요한가요?
HTTPS 또는 localhost를 사용하고, 필요할 때 카메라와 마이크 권한을 요청하며, 브라우저의 기기 및 자동 재생 제한을 처리하세요.
Web 영상 통화 SDK 사용자는 어떻게 인증하나요?
서버에서 UserSig를 생성하고 자체 로그인 흐름을 완료한 후 클라이언트에 전달하세요. 애플리케이션 시크릿은 항상 서버에 보관하세요.
Web Video Calling SDK를 무료로 사용할 수 있나요?
인터페이스와 호스팅형 Call 서비스는 서로 다른 역할을 합니다. 애플리케이션에서 서비스를 활성화하고 현재 요금제, 기능 제공 여부 및 사용 요금을 확인하세요.
브라우저 앱 프로젝트에 Web 영상 통화 SDK를 통합하려면 어떻게 해야 하나요?
브라우저 설정과 지원 환경 요구 사항을 따르세요. 지원할 실제 브라우저에서 사용하는 권한, 탐색, 정리를 테스트하세요.
앱 출시 전에 Web 영상 통화 SDK를 어떻게 테스트하나요?
서로 다른 사용자 간의 초대, 수락, 거절, 통화 종료 상태를 테스트하고 권한 거부 상황도 포함하세요.
Web 영상 통화 SDK의 인터페이스를 어떻게 맞춤 설정하나요?
지원되는 상태 및 미디어 API를 중심으로 통화 컨트롤과 참여자 뷰를 구축하세요. 인터페이스는 앱에서 담당합니다.

