ĐƯỢC XÂY DỰNG CHO ELECTRON

UI Kit phát trực tiếp cho Electron

Xây dựng studio phát sóng trên máy tính với Electron Live Streaming UI Kit của Tencent RTC. Sắp xếp nguồn camera, màn hình và hình ảnh, xem trước bố cục rồi bắt đầu phát sóng.

TÀI NGUYÊN DÀNH CHO NHÀ PHÁT TRIỂN

Tài liệu & Ví dụ về UI Kit phát trực tiếp cho Electron

Sản xuất sự kiện trực tiếp bằng Electron

Kết hợp nguồn camera và màn hình trong bản xem trước trên máy tính. Chuẩn bị bố cục cho bài thuyết trình trực tiếp trước khi bắt đầu phát sóng.

Kết nối studio với khán giả trên Web

Kết hợp studio phát sóng trên máy tính với phần triển khai dành cho khán giả. Giữ các điều khiển sản xuất trên máy tính và điều khiển xem trong ứng dụng dành cho khán giả.

TÍNH NĂNG ELECTRON LIVE

Tính năng phát trực tiếp trên Electron

Xây dựng bối cảnh

  • Nguồn camera và màn hình
  • Đầu vào hình ảnh và cửa sổ

Chuẩn bị chương trình

  • Xem trước khi phát sóng
  • Sắp xếp bố cục nguồn

Bắt đầu phát trực tiếp

  • Quy trình sản xuất trên máy tính
  • Kết nối ứng dụng khách dành cho khán giả

Khám phá Electron Live Studio

Chuẩn bị buổi phát sóng trên máy tính với các nguồn phương tiện, bố cục cảnh và bản xem trước trước khi phát trực tiếp.

Dự án Studio

Bắt đầu với studio chính thức

Sử dụng mẫu Electron làm nền tảng cho quy trình phát sóng trên máy tính.

Đọc tài liệu
Terminal
git clone https://github.com/Tencent-RTC/ultra-live-electron.git

TÙY CHỈNH

Tùy chỉnh phòng phát sóng Electron của bạn

Sắp xếp các nguồn camera, màn hình và hình ảnh trong bố cục máy tính phù hợp với nhu cầu phát sóng.

Bản sắc hình ảnh của bạn

Điều chỉnh cách trình bày hình ảnh bằng các tùy chọn tùy chỉnh có sẵn trên nền tảng.

Đọc tài liệu

BẮT ĐẦU

Xây dựng studio phát trực tiếp Electron

  1. 01

    Tạo ứng dụng của bạn

    Bật Live cho ứng dụng và người dùng thử nghiệm.

    Mở bảng điều khiển Live
  2. 02

    Thêm UI Kit phát trực tiếp cho Electron

    Làm theo hướng dẫn nền tảng để kết nối dự án của bạn.

    Làm theo Hướng dẫn tích hợp
  3. 03

    Kết nối với phòng đầu tiên của bạn

    Cấu hình mẫu, thêm nguồn và xem trước chương trình phát sóng.

    Thiết lập xác thực
Electron Live UI Kit
Terminal
git clone https://github.com/Tencent-RTC/ultra-live-electron.git
Terminal
cd ultra-live-electron
npm install
npm run start

Câu hỏi thường gặp về UI Kit phát trực tiếp cho Electron

Electron Live Streaming UI Kit là ứng dụng dành cho người xem hay studio phát sóng?

Electron Live Streaming UI Kit là studio phát sóng trên máy tính với nhiều nguồn phương tiện và công cụ điều khiển bố cục. Kết hợp với phần triển khai dành cho khán giả để xem luồng phát trực tiếp được tạo ra.

Tôi cần chuẩn bị gì trước khi dùng thử giao diện?

Bật dịch vụ Live và đăng nhập bằng UserSig hợp lệ. Hoàn tất hướng dẫn dành cho nền tảng, bao gồm quyền của ứng dụng gốc hoặc yêu cầu HTTPS của trình duyệt, rồi kiểm thử bằng các tài khoản riêng cho người dẫn và khán giả.

Làm cách nào để xác thực người dùng Electron Live Streaming UI Kit?

Tạo UserSig trên máy chủ và chuyển cho máy khách sau khi quy trình đăng nhập của riêng bạn hoàn tất. Luôn lưu bí mật của ứng dụng trên máy chủ.

Electron Live Streaming UI Kit có được sử dụng miễn phí không?

Giao diện và dịch vụ Live được lưu trữ đảm nhận các vai trò khác nhau. Hãy kích hoạt dịch vụ cho ứng dụng của bạn, đồng thời xem lại gói hiện tại, tính khả dụng của tính năng và phí sử dụng.

Làm thế nào để tích hợp UI Kit phát trực tiếp Electron với Electron?

Theo yêu cầu gói máy tính và phụ thuộc gốc. Kiểm tra truy cập thiết bị, đổi cửa sổ và giải phóng tài nguyên trong ứng dụng đóng gói.

Làm thế nào để kiểm thử UI Kit phát trực tiếp Electron trước khi phát hành ứng dụng?

Kiểm tra vai trò chủ phát, người xem, sự kiện phát hay xem hỗ trợ và kết nối lại.

Làm thế nào để tùy chỉnh giao diện UI Kit phát trực tiếp Electron?

Tùy chỉnh mã nguồn studio máy tính ultra-live-electron và bố cục các nguồn media. Ví dụ, đặt nguồn ghi màn hình phía sau một khung camera nhỏ hơn, rồi di chuyển, đổi kích thước, xoay hoặc đổi thứ tự các nguồn bằng nút điều khiển của studio. Demo được mô tả trong tài liệu hỗ trợ Windows 10 trở lên và chỉ cung cấp chức năng phát. Hãy xây dựng hoặc tích hợp riêng trải nghiệm người xem; các prop giao diện của UI Kit React hoặc Vue trên trình duyệt không cấu hình mẫu Electron này.

Hỗ trợ tích hợp Electron Live

Trao đổi về ứng dụng của bạn

Trao đổi về sản phẩm, mức sử dụng dự kiến và nhu cầu tích hợp của bạn.

Liên hệ bộ phận kinh doanh

Tạo studio phát sóng Electron

Bắt đầu với dự án Electron Live Streaming UI Kit và chuẩn bị buổi phát sóng đầu tiên.