다음을 위해 설계됨: ELECTRON

Electron 라이브 스트리밍 UI Kit

Tencent RTC의 Electron Live Streaming UI Kit로 데스크톱 방송 스튜디오를 구축하세요. 카메라, 화면 및 이미지 소스를 배치하고 레이아웃을 미리 본 후 방송을 시작하세요.

개발자 리소스

Electron 라이브 스트리밍 UI Kit 문서 및 예제

Electron으로 라이브 이벤트 제작

데스크톱 미리보기에서 카메라와 화면 소스를 결합하세요. 방송을 시작하기 전에 라이브 프레젠테이션 레이아웃을 준비하세요.

스튜디오와 Web 시청자 연결

데스크톱 방송 스튜디오를 시청자용 구현과 연동하세요. 제작 제어 기능은 데스크톱에 두고 시청 제어 기능은 시청자 앱에 제공하세요.

ELECTRON LIVE 기능

Electron 라이브 방송 기능

장면 구성

  • 카메라 및 화면 소스
  • 이미지 및 창 입력

방송 준비

  • 방송 전 미리보기
  • 소스 레이아웃 구성

라이브 시작

  • 데스크톱 프로덕션 워크플로
  • 시청자 클라이언트 연결

Electron Live Studio 살펴보기

미디어 소스, 장면 레이아웃, 미리보기를 활용해 데스크톱 방송을 준비한 후 라이브를 시작하세요.

Studio 프로젝트

공식 스튜디오로 시작하기

Electron 샘플을 기반으로 데스크톱 방송 워크플로를 구축하세요.

문서 읽기
Terminal
git clone https://github.com/Tencent-RTC/ultra-live-electron.git

커스터마이징

Electron 방송 스튜디오 사용자 지정

방송에 필요한 카메라, 화면, 이미지 소스를 데스크톱 레이아웃에 배치하세요.

브랜드 시각 아이덴티티

플랫폼에서 제공하는 사용자 지정 옵션으로 시각적 표현을 조정하세요.

문서 읽기

시작하기

Electron 라이브 스트리밍 스튜디오 구축

  1. 01

    앱 만들기

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

    Live 콘솔 열기
  2. 02

    Electron 라이브 스트리밍 UI Kit 추가

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

    통합 가이드 따르기
  3. 03

    첫 번째 룸에 연결

    샘플을 구성하고 소스를 추가한 후 방송을 미리 보세요.

    인증 설정
Electron Live UI Kit
터미널
git clone https://github.com/Tencent-RTC/ultra-live-electron.git
Terminal
cd ultra-live-electron
npm install
npm run start

Electron 라이브 스트리밍 UI Kit 자주 묻는 질문

Electron Live Streaming UI Kit는 시청자 앱인가요, 아니면 방송 스튜디오인가요?

Electron Live Streaming UI Kit은 여러 미디어 소스와 레이아웃 제어 기능을 갖춘 데스크톱 방송 스튜디오입니다. 시청자용 구현과 연동하여 생성된 라이브 스트림을 시청할 수 있습니다.

인터페이스를 사용해 보려면 무엇이 필요한가요?

Live 서비스를 활성화하고 유효한 UserSig로 로그인하세요. 네이티브 권한 또는 브라우저 HTTPS 요구사항을 포함한 플랫폼 가이드를 완료하고 별도의 호스트 및 시청자 계정으로 테스트하세요.

Electron Live Streaming UI Kit 사용자를 인증하려면 어떻게 해야 하나요?

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

Electron Live Streaming UI Kit은 무료로 사용할 수 있나요?

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

Electron 프로젝트에 Electron 라이브 스트리밍 UI Kit를 통합하려면 어떻게 해야 하나요?

데스크톱 패키지와 네이티브 의존성 요구를 따르세요. 패키징된 앱에서 기기 접근, 창 변경과 리소스 정리를 테스트하세요.

앱 출시 전에 Electron 라이브 스트리밍 UI Kit를 어떻게 테스트하나요?

호스트·시청자 역할, 지원 송출·재생 이벤트와 재연결을 테스트하세요.

Electron 라이브 스트리밍 UI Kit의 인터페이스를 어떻게 맞춤 설정하나요?

ultra-live-electron 데스크톱 방송 스튜디오 소스와 미디어 소스 레이아웃을 맞춤 설정하세요. 예를 들어 작은 카메라 화면 뒤에 화면 캡처를 배치한 다음 스튜디오 컨트롤로 소스를 이동, 크기 조정, 회전하거나 순서를 바꿀 수 있습니다. 문서의 데모는 Windows 10 이상을 지원하며 방송 송출 기능만 제공합니다. 시청자 경험은 별도로 구현하거나 통합해야 합니다. React 또는 Vue 브라우저 UI Kit의 테마 props로는 이 Electron 예제를 설정할 수 없습니다.

Electron Live 통합 지원

통합 관련 질문

Electron 라이브 스트리밍 UI Kit 설정에 대한 도움을 받으세요.

개발자 문서 보기

Electron 방송 스튜디오 만들기

Electron Live Streaming UI Kit 프로젝트로 시작하여 첫 방송을 준비하세요.