다음을 위해 설계됨: ELECTRON
Electron 라이브 스트리밍 UI Kit
Tencent RTC의 Electron Live Streaming UI Kit로 데스크톱 방송 스튜디오를 구축하세요. 카메라, 화면 및 이미지 소스를 배치하고 레이아웃을 미리 본 후 방송을 시작하세요.
개발자 리소스
Electron 라이브 스트리밍 UI Kit 문서 및 예제
Electron으로 라이브 이벤트 제작
데스크톱 미리보기에서 카메라와 화면 소스를 결합하세요. 방송을 시작하기 전에 라이브 프레젠테이션 레이아웃을 준비하세요.
스튜디오와 Web 시청자 연결
데스크톱 방송 스튜디오를 시청자용 구현과 연동하세요. 제작 제어 기능은 데스크톱에 두고 시청 제어 기능은 시청자 앱에 제공하세요.
ELECTRON LIVE 기능
Electron 라이브 방송 기능
장면 구성
- 카메라 및 화면 소스
- 이미지 및 창 입력
방송 준비
- 방송 전 미리보기
- 소스 레이아웃 구성
라이브 시작
- 데스크톱 프로덕션 워크플로
- 시청자 클라이언트 연결
Electron Live Studio 살펴보기
미디어 소스, 장면 레이아웃, 미리보기를 활용해 데스크톱 방송을 준비한 후 라이브를 시작하세요.
공식 스튜디오로 시작하기
Electron 샘플을 기반으로 데스크톱 방송 워크플로를 구축하세요.
문서 읽기git clone https://github.com/Tencent-RTC/ultra-live-electron.git스튜디오를 데스크톱으로 가져오기
애플리케이션을 구성하기 전에 프로젝트 종속성을 설치하세요.
문서 읽기cd ultra-live-electron
npm install시작하기
Electron 라이브 스트리밍 스튜디오 구축
- 01
- 02
- 03
git clone https://github.com/Tencent-RTC/ultra-live-electron.gitcd ultra-live-electron
npm install
npm run startElectron 라이브 스트리밍 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 예제를 설정할 수 없습니다.

