다음을 위해 설계됨: WEB

Web 영상 통화 SDK

Tencent RTC의 Web Video Calling SDK로 브라우저 음성 및 영상 통화를 구축하세요. 초대와 통화 이벤트에는 TUICallEngine을 사용하고, 인터페이스는 앱에서 관리합니다.

개발자 리소스

Web 영상 통화 SDK 문서 및 예제

Web 일대일 영상 통화

개인적인 교류나 상담을 위한 대면 대화를 Web 앱에 도입하고 영상 및 통화 컨트롤을 하나의 경험으로 제공하세요.

Web 그룹 영상 통화

브라우저 통화 인터페이스에서 여러 참가자를 연결하세요. 플랫폼 가이드에 따라 통화 흐름과 지원되는 그룹 레이아웃을 구성합니다.

WEB CALL 기능

Web 영상 통화 기능

사람들을 연결하세요

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

통화 경험을 직접 제어

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

내 것으로 만들기

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

Web Video Call API 살펴보기

TUICallEngine을 사용해 사용자를 연결하고 통화를 시작하며, 통화 상태가 변경될 때 브라우저의 통화 인터페이스를 업데이트하세요.

사용자 연결

사용자를 Web Call SDK에 연결

사용자가 애플리케이션에 로그인한 후 TUICallEngine에 로그인하세요. JavaScript 통화 이벤트를 수신 및 진행 중인 통화를 처리하는 화면으로 전달하세요.

문서 읽기
call.ts
import { TUICallEngine } from '@trtc/call-engine-lite-js';

const call = TUICallEngine.createInstance({ SDKAppID });
await call.login({ userID, userSig });

커스터마이징

Web 통화 인터페이스 맞춤 설정

브라우저 통화 인터페이스, 컨트롤 및 수신 전화 흐름을 제품에 맞게 조정하세요.

통화 UI

영상 뷰와 수명 주기 이벤트를 기반으로 자체 통화 화면을 구축하세요.

문서 읽기

시작하기

Web 앱에 영상 통화 추가

  1. 01

    앱 만들기

    애플리케이션과 테스트 사용자를 위해 Call을 활성화하세요.

    Call 콘솔 열기
  2. 02

    Web 영상 통화 SDK 추가

    플랫폼 가이드에 따라 프로젝트를 연결하세요.

    통합 가이드 따르기
  3. 03

    첫 통화 시작

    두 테스트 사용자로 로그인한 다음 전화를 걸고 받으세요.

    인증 설정
Web Call SDK
터미널
npm install @trtc/call-engine-lite-js
call.ts
import { 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를 중심으로 통화 컨트롤과 참여자 뷰를 구축하세요. 인터페이스는 앱에서 담당합니다.

Web Call 통합 지원

Web 앱에 영상 통화 도입

Web Video Calling SDK로 시작해 두 테스트 사용자를 연결하고 첫 통화를 만드세요.