ĐƯỢ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
Hướng dẫn tích hợp
Cài UI Kit phát trực tiếp cho Electron và kết nối người dùng.
Ví dụ & mã nguồn
Xem sản phẩm hoạt động thực tế và khám phá cách triển khai.
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.
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ệugit clone https://github.com/Tencent-RTC/ultra-live-electron.gitĐưa studio lên máy tính của bạn
Cài đặt các phần phụ thuộc của dự án trước khi cấu hình ứng dụng.
Đọc tài liệucd ultra-live-electron
npm installXem trước khi phát sóng
Khởi động ứng dụng đã cấu hình, thêm các nguồn và chọn bố cục.
Đọc tài liệunpm run startTÙ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ệuBình luận & nội dung
Sắp xếp các nguồn camera, màn hình, cửa sổ và hình ảnh cho buổi phát sóng.
Đọc tài liệuBẮT ĐẦU
Xây dựng studio phát trực tiếp Electron
- 01
- 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 - 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
git clone https://github.com/Tencent-RTC/ultra-live-electron.gitcd ultra-live-electron
npm install
npm run startCâ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
Câu hỏi về tích hợp
Nhận hỗ trợ thiết lập UI Kit phát trực tiếp cho Electron.
Xem tài liệu dành cho nhà phát triểnTrao đổ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 doanhTạ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.

