ผลิตภัณฑ์
Call
สร้างฟังก์ชันการโทรผ่านวิดีโอและเสียงภายในแอปได้อย่างง่ายดาย
Room
เพิ่มฟีเจอร์การประชุมลงในแอปของคุณด้วย Room SDK
Live
เพิ่มการไลฟ์สตรีมวิดีโอและเสียงแบบโต้ตอบลงในแอปของคุณ
Chat
เพิ่มประสบการณ์การรับส่งข้อความให้กับแอปของคุณด้วย Chat API
Push
เข้าถึงและกระตุ้นให้ผู้ใช้กลับมามีส่วนร่วมอีกครั้งได้ทันทีด้วย App Push และ Web Push
RTC Engine
ยกระดับการสื่อสารแบบเรียลไทม์ภายในแอปด้วย RTC SDK
In-game Voice Chat
สร้างแชตเสียงในเกมที่สมจริงด้วย GVoice SDK
Beauty AR
ผสานรวม Beauty AR สำหรับภาพและวิดีโอแบบเรียลไทม์
โซลูชัน

สร้างขึ้นเพื่อ ELECTRON

UI Kit ถ่ายทอดสดสำหรับ Electron

สร้างสตูดิโอออกอากาศบนเดสก์ท็อปด้วย Electron Live Streaming UI Kit ของ Tencent RTC จัดวางแหล่งสัญญาณจากกล้อง หน้าจอ และรูปภาพ ดูตัวอย่างเลย์เอาต์ แล้วเริ่มออกอากาศ

แหล่งข้อมูลสำหรับนักพัฒนา

เอกสารและตัวอย่าง UI Kit ถ่ายทอดสดสำหรับ Electron

สร้างกิจกรรมสดด้วย 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

    เพิ่ม UI Kit ถ่ายทอดสดสำหรับ Electron

    ทำตามคู่มือแพลตฟอร์มเพื่อเชื่อมต่อโปรเจกต์ของคุณ

    ทำตามคู่มือการผสานรวม
  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

คำถามที่พบบ่อยเกี่ยวกับ UI Kit ถ่ายทอดสดสำหรับ Electron

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 แบบโฮสต์มีบทบาทแตกต่างกัน เปิดใช้งานบริการสำหรับแอปพลิเคชันของคุณ แล้วตรวจสอบแพ็กเกจปัจจุบัน ความพร้อมใช้งานของฟีเจอร์ และค่าบริการตามการใช้งาน

จะผสานรวม UI Kit ไลฟ์สตรีม Electron กับ Electron ได้อย่างไร?

ทำตามข้อกำหนดแพ็กเกจเดสก์ท็อปและ dependencies เนทีฟ ทดสอบเข้าถึงอุปกรณ์ เปลี่ยนหน้าต่าง และคืนทรัพยากรในแอปที่แพ็ก

จะทดสอบ UI Kit ไลฟ์สตรีม Electron ก่อนเผยแพร่แอปได้อย่างไร?

ทดสอบบทบาทผู้จัดและผู้ชม เหตุการณ์ส่งหรือเล่นที่รองรับ และเชื่อมใหม่

จะปรับแต่งอินเทอร์เฟซของ UI Kit ไลฟ์สตรีม Electron ได้อย่างไร?

ปรับแต่งซอร์สโค้ดสตูดิโอบนเดสก์ท็อป ultra-live-electron และเลย์เอาต์ของแหล่งสื่อ เช่น วางภาพจับหน้าจอไว้ด้านหลังภาพกล้องขนาดเล็กกว่า แล้วใช้ปุ่มควบคุมในสตูดิโอเพื่อย้าย ปรับขนาด หมุน หรือจัดลำดับแหล่งสื่อ เดโมตามเอกสารรองรับ Windows 10 ขึ้นไปและมีเฉพาะการออกอากาศ คุณต้องพัฒนาหรือผสานส่วนสำหรับผู้ชมแยกต่างหาก props สำหรับธีมของ UI Kit บนเบราว์เซอร์ React หรือ Vue ไม่ได้ใช้ตั้งค่าตัวอย่าง Electron นี้

การสนับสนุนด้านการผสานรวมสำหรับ Electron Live

พูดคุยเกี่ยวกับแอปพลิเคชันของคุณ

พูดคุยเกี่ยวกับผลิตภัณฑ์ ปริมาณการใช้งานที่คาดการณ์ และความต้องการด้านการผสานรวมของคุณ

ติดต่อฝ่ายขาย

สร้างสตูดิโอออกอากาศ Electron ของคุณ

เริ่มต้นด้วยโปรเจกต์ Electron Live Streaming UI Kit และเตรียมการออกอากาศครั้งแรกของคุณ