소식 및 공지 사항

제품 업데이트

Tencent Cloud 오디오/비디오 단말 SDK 재생 업그레이드 및 권한 부여 인증 추가

TRTC 월간 구독 패키지 출시 관련 안내

제품 소개

제품 개요

기본 개념

제품 기능

제품 장점

응용 시나리오

성능 데이터

구매 가이드

Billing Overview

무료 시간 안내

Monthly subscription

Pay-as-you-go

TRTC Overdue and Suspension Policy

과금 FAQ

Refund Instructions

신규 사용자 가이드

Demo 체험

Call

개요(TUICallKit)

Activate the Service

Run Demo

빠른 통합(TUICallKit)

오프라인 푸시

Conversational Chat

온클라우드 녹화(TUICallKit)

AI Noise Reduction

UI 사용자 정의

Calls integration to Chat

Additional Features

No UI Integration

Server APIs

Client APIs

Solution

ErrorCode

릴리스 노트

FAQs

라이브 스트리밍

Billing of Video Live Component

Overview

Activating the Service (TUILiveKit)

Demo 실행

No UI Integration

UI Customization

Live Broadcast Monitoring

Video Live Streaming

Voice Chat Room

Advanced Features

Client APIs

Server APIs

Error Codes

Release Notes

FAQs

RTC Engine

Activate Service

SDK 다운로드

API 코드 예시

Usage Guidelines

API 클라이언트 API

고급 기능

RTC RESTFUL API

History

Introduction

API Category

Room Management APIs

Stream mixing and relay APIs

On-cloud recording APIs

Data Monitoring APIs

Pull stream Relay Related interface

Web Record APIs

AI Service APIs

Cloud Slicing APIs

Cloud Moderation APIs

Making API Requests

Call Quality Monitoring APIs

Usage Statistics APIs

Data Types

Appendix

Error Codes

콘솔 가이드

애플리케이션 관리

사용량 통계

모니터링 대시보드

개발 보조

Solution

Real-Time Chorus

FAQs

과금 개요

기능 관련

UserSig 관련

방화벽 제한 처리

설치 패키지 용량 축소 관련 질문

Andriod 및 iOS 관련

Web 관련

Flutter 관련

Electron 관련

TRTCCalling Web 관련

멀티미디어 품질 관련

기타 질문

Protocols and Policies

컴플라이언스 인증

보안 백서

정보 보안에 관한 참고 사항

Service Level Agreement

Apple Privacy Policy: PrivacyInfo.xcprivacy

TRTC 정책

개인 정보 보호 정책

데이터 처리 및 보안 계약

용어집

Web

PDF

포커스 모드

폰트 크기

마지막 업데이트 시간: 2025-05-08 15:38:41

본 문서는 오디오/비디오 통화 데모를 빠르게 구현하는 방법을 소개합니다. 10분 이내에 다음과 같은 주요 단계를 완료하고 최종적으로 포괄적인 사용자 인터페이스를 갖춘 비디오 통화 기능을 얻게 됩니다.
﻿
환경준비
Node.js version 16+.
Modern browser, supporting WebRTC API.
단계 1: Demo 다운로드
1. 단말기를 열고 리포지토리를 복제합니다.
git clone %!s(<nil>)
2. 종속성을 설치합니다.
React
Vue3
 cd ./TUICallKit/Web/basic-react
 cd ./TUICallKit/Web/basic-vue3
 npm install
단계 2: Demo 구성
서비스 활성화 페이지로 들어가기 SDKAppID、SDKSecretKey 을 획득하고, GenerateTestUserSig-es.js 파일에 기입합니다.
React
Vue3
파일 경로: TUICallKit/Web/basic-react/src/debug/GenerateTestUserSig-es.js
﻿
파일 경로: TUICallKit/Web/basic-vue3/src/debug/GenerateTestUserSig-es.js
﻿
단계 3: Demo 실행
단말기를 열고 예시 명령을 복사하여 Demo를 실행합니다.
TUICallKit/Web/basic-react
TUICallKit/Web/basic-vue3
npm run dev
npm run dev
경고:
로컬 환경의 경우 localhost 프로토콜로 액세스하며, 공중망 경험을 위해 HTTPS 프로토콜로 액세스하며, 자세한 내용은 네트워크 액세스 프로토콜 설명을 참고하시기 바랍니다.
단계 4: 첫 번째 통화를 하기
1. 브라우저 페이지를 열고 프로젝트 실행 주소를 입력하고, userID(사용자 정의)로 로그인합니다.
﻿
﻿
2. 피호출자의 userID를 입력하고, Call을 클릭하여 첫 번째 통화를 경험합니다.
﻿
﻿