หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ซอร์สโค้ดแฟลช
ดาวน์โหลด

โลโก้ Red5 Pro

ข้อกำหนด•การเผยแพร่•การสมัครสมาชิก

RED5 PRO HTML สตรีมมิ่งทดสอบ

ที่เก็บนี้มีโครงการง่าย ๆ ที่มีตัวอย่างจำนวนมากที่สามารถใช้สำหรับการทดสอบและการอ้างอิงสำหรับ Red5 Pro WebRTC SDK

ความต้องการ

คุณจะต้องใช้ประโยชน์จากเว็บเซิร์ฟเวอร์ RED5 PRO ที่ใช้งานได้สำหรับเบราว์เซอร์ไคลเอนต์ (มือถือและเดสก์ท็อป) เพื่อเชื่อมต่อ

สำหรับข้อมูลเพิ่มเติมโปรดเยี่ยมชม https://www.red5.net/

การรวบรวมเบราว์เซอร์

RED5 PRO WEBRTC SDK มีจุดมุ่งหมายที่จะใช้ WEBRTC สำหรับโซลูชันการสตรีม (ทั้งการเผยแพร่และการสมัครสมาชิก) แต่ยังให้การสนับสนุน HLS สำหรับเบราว์เซอร์ที่รองรับมัน (เช่นมือถือและเดสก์ท็อป Safari)

ข้อมูลเพิ่มเติมเกี่ยวกับการรวบรวมเบราว์เซอร์สามารถดูได้ที่ข้อมูลการเชื่อมต่อแบบเพียร์ WebRTC บน caniuse.com

ผู้จัดพิมพ์

คำว่า ผู้เผยแพร่ ในบริบทของ RED5 PRO หมายถึงลูกค้าที่สร้างกระแสการออกอากาศ มีสองประเภทของอินสแตนซ์จาก SDK ที่สามารถใช้เพื่อเริ่มต้น ผู้เผยแพร่ :

  1. WHIPClient - WHIPClient อาศัย Protocl การกลืนกิน WebRTC -HTTP เพื่อสร้างการเชื่อมต่อผ่านชุดคำขอ HTTP/S
  2. RTCPublisher - RTCPublisher อาศัยการเชื่อมต่อ WebSocket เพื่อสร้างเซสชันการออกอากาศ

ลำดับการเชื่อมต่อ WHEPClient นั้นเร็วมาก - ~ 1 วินาที - ในขณะที่ RTCPublisher เนื่องจากการพึ่งพา WebSocket อาจใช้เวลาประมาณ 3 - 5 วินาทีสำหรับการเชื่อมต่อกับสตรีม

ผู้สมัครสมาชิก

คำว่า สมาชิก ในบริบทของ Red5 Pro หมายถึงลูกค้าที่ใช้และเล่นกระแสการถ่ายทอดสดที่มีอยู่แล้ว มีสามประเภทของอินสแตนซ์จาก SDK ที่สามารถนำไปใช้ในการเริ่มต้น สมาชิก :

  1. WHEPClient - WHEPClient อาศัยโปรโตคอล Egress WebRTC -HTTP เพื่อสร้างการเชื่อมต่อผ่านชุดคำขอ HTTP/S
  2. RTCSubscriber - RTCSubscriber อาศัยการเชื่อมต่อ WebSocket เพื่อสร้างเซสชันการออกอากาศ
  3. HLSSubscriber - HLSSubscriber ขึ้นอยู่กับความสามารถดั้งเดิมในการเล่นสตรีม HLS (เช่นมือถือและเดสก์ท็อป Safari)

ลำดับการเชื่อมต่อ WHEPClient นั้นเร็วมาก - ~ 1 วินาที - ในขณะที่ RTCPublisher เนื่องจากการพึ่งพา WebSocket อาจใช้เวลาประมาณ 3 - 5 วินาทีสำหรับการเชื่อมต่อกับสตรีม

HLSSubscriber ไม่ผ่านลำดับการเชื่อมต่อและสตรีม HLS โดยตรงจากเซิร์ฟเวอร์ แต่มีเวลาแฝงสูงสุด 6 วินาทีเนื่องจากความยาวของเซ็กเมนต์สด

หมายเหตุ : มีการแนะนำ WHIPClient และ WHEPClient ในการเปิดตัว 11.0.0 ของ Red5 Pro Webrtc SDK

การตั้งค่า

คุณจะต้องแก้ไขฟิลด์ โฮสต์ จากหน้า การตั้งค่า เพื่อชี้ไปที่ที่อยู่ IP ของอินสแตนซ์เซิร์ฟเวอร์ของคุณ หากคุณไม่ทำตัวอย่างจะไม่ทำงานเมื่อคุณสร้าง หากคุณใช้งานเซิร์ฟเวอร์ในเครื่องเครื่องและอุปกรณ์มือถือของคุณจะต้องอยู่ในเครือข่าย WiFi เดียวกัน

หมายเหตุเกี่ยวกับ TLS และ CORS

เป็นสิ่งสำคัญที่จะต้องทราบว่าตัวอย่างเหล่านี้บางอย่าง - โดยเฉพาะอย่างยิ่งที่เกี่ยวข้องกับการเผยแพร่โดยใช้ WEBRTC - จำเป็นต้องทำงานบน TLS และทำหน้าที่ผ่าน HTTPS หากเรียกใช้ตัวอย่างใน localhost คุณไม่ควรเห็นปัญหา แต่หากเซิร์ฟเวอร์ของคุณถูกปรับใช้จากระยะไกลคุณจะต้องแน่ใจว่าตัวอย่างเหล่านี้จะถูกเสิร์ฟผ่าน HTTPS และการตั้งค่าการแชร์ทรัพยากรข้ามต้นกำเนิดที่เหมาะสม (CORS) ถูกกำหนดไว้สำหรับเซิร์ฟเวอร์

  • อ่านเพิ่มเติมเกี่ยวกับ Red5 Pro และ SSL
  • ข้อมูลเพิ่มเติมเกี่ยวกับ Cors

คำแนะนำ

ในการกำหนดที่อยู่ IP ของอินสแตนซ์ของเซิร์ฟเวอร์ให้เปิด WebApp Testbed ในเบราว์เซอร์และนำทางไปยังหน้า การตั้งค่า หากไม่ได้นำเสนอเมื่อเปิดตัว ในการเข้าถึง การตั้งค่า กลับให้เลือกรายการ โฮม จากรายการตัวอย่างที่อยู่ด้านบน

ในการกำหนด โฮสต์ ด้วย IP ของอินสแตนซ์เซิร์ฟเวอร์ให้คลิกฟิลด์ โฮสต์ f แบบฟอร์มและป้อนในที่อยู่ IP ในพื้นที่หรือระยะไกล - เช่น 10.0.0.5 , 76.199.199.199

คำแนะนำ: คุณสามารถเปิดหน้า Landing Page ของอินสแตนซ์เซิร์ฟเวอร์ของคุณที่พอร์ต 5080 (เช่น http://localhost:5080 หากเปิดตัวในเครื่อง) และหน้าจะแสดง IP ของมันในมุมขวาบน

ตัวเลือกการตั้งค่า WHIP/WHEP

คุณสามารถเลือกที่จะชอบ whip/whep จากหน้า การตั้งค่า โดยการเลือกตัวเลือกนี้การทดสอบทั้งหมดจะใช้ประโยชน์ WHEPClient และ WHIPClient สำหรับการเผยแพร่และสมัครสมาชิกตามลำดับ

หากคุณตัดสินใจที่จะเลือกเลือกตัวเลือก Whip/Whep การทดสอบทั้งหมดจะกลับไปใช้ RTCPublisher และ RTCSubscriber สำหรับการเผยแพร่และการย่อยตามลำดับ อินสแตนซ์เหล่านี้ต้องการการสนับสนุน WebSocket ในเบราว์เซอร์ในระหว่างขั้นตอนการเจรจา เมื่อทำการเชื่อมต่อแล้วระบบการส่งข้อความจะเปลี่ยนเป็น RTCDataChannel และปิด WebSocket

ตัวอย่าง

สำนักพิมพ์

ผู้จัดพิมพ์
ตัวอย่างของผู้เผยแพร่ขั้นพื้นฐานที่ใช้ WEBRTC พร้อมตัวเลือกในการใช้ประโยชน์จากการกลืนกิน WebRTC-HTTP (aka, WHIP ) หรือ WebSockets เพื่อสร้างการเชื่อมต่อออกอากาศ
1080p
ผู้เผยแพร่ที่มีคุณภาพสูง
ผนวก
แสดงให้เห็นถึงการบันทึกสตรีมไปยังเซิร์ฟเวอร์ที่มีตัวเลือกภาคผนวก
การรับรองความถูกต้อง
แสดงให้เห็นถึงการรับรองความถูกต้องด้วย Simple-Auth-Plugin สำหรับการเผยแพร่
แหล่งที่มาของกล้อง
แสดงให้เห็นถึงการเลือกกล้องที่ต้องการเพื่อเผยแพร่ด้วย
การแลกเปลี่ยนกล้องถ่ายรูป
แสดงให้เห็นถึงการร้องขอสำหรับ MediaStream ที่มีแหล่ง video ที่กำหนดไว้สำหรับข้อ จำกัด ตามกล้องด้านหลังและด้านหน้าของอุปกรณ์มือถือและเบราว์เซอร์ที่รองรับข้อโต้แย้งของสื่อ facingMode
การตั้งค่าที่กำหนดเอง
อนุญาตให้คุณปรับแต่งการตั้งค่าการออกอากาศของสื่อสำหรับผู้เผยแพร่ WebRTC
การตั้งค่าเสียงที่กำหนดเอง
อนุญาตให้คุณปรับแต่งการตั้งค่าเสียงสำหรับผู้เผยแพร่ WebRTC
การแลกเปลี่ยน Mediastream
แสดงให้เห็นว่าการใช้ replaceTrack เพื่อแลกเปลี่ยนในแหล่งกล้องที่แตกต่างกันแบบไดนามิกสำหรับผู้เผยแพร่ที่ใช้ WEBRTC
การจับภาพ
แสดงให้เห็นถึงการจับภาพวิดีโอสดที่เผยแพร่
ปิดเสียง
เสียงปิดเสียงและการถอดเสียงสำหรับวิดีโอสดที่เผยแพร่
บันทึก
แสดงให้เห็นถึงการบันทึกสตรีมไปยังเซิร์ฟเวอร์สำหรับการเล่น VOD (วิดีโอตามความต้องการ)
ผนวก
แสดงให้เห็นถึงฟังก์ชั่นบันทึกการบันทึกการสตรีมไปยังเซิร์ฟเวอร์สำหรับการเล่น VOD (วิดีโอตามความต้องการ)
โทรระยะไกล
แสดงให้เห็นถึงการส่งข้อความระยะไกลไปยังลูกค้าที่สมัครรับข้อมูลทั้งหมด
การรับรองความถูกต้อง
ตัวอย่างของการใช้การรับรองความถูกต้องไปกลับด้วย Red5 Pro
แบ่งปันหน้าจอ
ตัวอย่างของการใช้ประโยชน์จากความสามารถในการแบ่งปันหน้าจอของ Chrome และ Firefox
สำหรับใช้กับตัวอย่างการแชร์หน้าจอสมัครสมาชิก
วัตถุที่ใช้ร่วมกัน
สาธิตการใช้วัตถุที่ใช้ร่วมกันระยะไกลเพื่อส่งและรับข้อมูลระหว่างไคลเอนต์ที่เชื่อมต่อ
สตรีมโซเชียลมีเดียผลักดัน
ตัวอย่างของการเปิดสอนสตรีมสดใหม่ไปยังแพลตฟอร์มโซเชียลมีเดีย
VP8
ตัวอย่างสำหรับการร้องขอตัวแปลงสัญญาณวิดีโอ VP8 ในการเผยแพร่

การเผยแพร่ - ตัวอย่างผู้จัดการสตรีม

ผู้จัดการสตรีม
แสดงให้เห็นถึงการใช้ประโยชน์จาก Red5 Pro Stream Manager API เพื่อเผยแพร่ไปยังแหล่งกำเนิดของคลัสเตอร์อัตโนมัติ
พร็อกซีผู้จัดการสตรีม
แสดงให้เห็นถึงการใช้ Red5 Pro Stream Manager เป็นพร็อกซี SSL WebSocket เพื่อเผยแพร่ WEBRTC ไปยังแหล่งกำเนิดของคลัสเตอร์อัตโนมัติ
ตัวจัดการสตรีมตัวจัดการกล้องพร็อกซีเลือก
แสดงให้เห็นถึงการใช้ Red5 Pro Stream Manager เป็นพร็อกซี SSL WebSocket เพื่อเผยแพร่ WEBRTC ไปยังแหล่งกำเนิดของคลัสเตอร์อัตโนมัติพร้อมกล้องเลือก
การตั้งค่าพร็อกซีของสตรีม Manager
แสดงให้เห็นถึงการใช้ Red5 Pro Stream Manager เป็นพร็อกซี SSL WebSocket เพื่อเผยแพร่ WEBRTC ด้วยการตั้งค่าวิดีโอที่กำหนดเองไปยังแหล่งกำเนิดของคลัสเตอร์อัตโนมัติ
การตั้งค่าพร็อกซีของ Manager Manager ด้วยเสียง
แสดงให้เห็นถึงการใช้ Red5 Pro Stream Manager เป็นพร็อกซี SSL WebSocket เพื่อเผยแพร่ WEBRTC ด้วยการตั้งค่าเสียงที่กำหนดเองไปยังแหล่งกำเนิดของคลัสเตอร์อัตโนมัติ
สตรีมผู้จัดการพร็อกซีไปกลับ
ตัวอย่างของการใช้การรับรองความถูกต้องไปกลับด้วย Red5 Pro ผ่านพร็อกซีสตรีม Manager
แชร์หน้าจอพร็อกซี
ตัวอย่างของการใช้ประโยชน์จากความสามารถในการแบ่งปันหน้าจอของ Chrome และ Firefox สำหรับใช้กับ Stream Manager Proxy Screen Scree Screen Schare ตัวอย่าง
สตรีมสตรีมพร็อกซีสื่อสังคมออนไลน์
ตัวอย่างของการเปิดสอนสตรีมสดใหม่ไปยังแพลตฟอร์มโซเชียลมีเดีย
แบบฟอร์มการจัดเตรียมรหัสสตรีมตัวจัดการสตรีม
จัดทำแบบฟอร์มง่าย ๆ ในการโพสต์บทบัญญัติใหม่ไปยัง Stream Manager สำหรับการออกอากาศ ABR เมื่อโพสต์บทบัญญัติให้ใช้ตัวเข้ารหัสสื่อที่คุณชื่นชอบเพื่อออกอากาศตัวแปร
สตรีมผู้จัดการพร็อกซีตัวแปลงสัญญาณ
จัดทำแบบฟอร์มง่าย ๆ ในการโพสต์บทบัญญัติใหม่ไปยังสตรีม Manager สำหรับการออกอากาศ ABR และเพื่อเริ่มการออกอากาศแบบตัวแปรเดียวโดยใช้ Transcoder
สตรีมผู้จัดการพร็อกซีตัวแปลงสัญญาณพร้อมการรับรองความถูกต้อง
จัดทำแบบฟอร์มง่าย ๆ ในการโพสต์บทบัญญัติใหม่ไปยังสตรีม Manager สำหรับการออกอากาศ ABR และเพื่อเริ่มการออกอากาศแบบตัวแปรเดียวโดยใช้ TransCoder รวมถึงการรับรองความถูกต้อง
การตรวจสอบพร็อกซีของสตรีม Manager
ตัวอย่างของการใช้พารามิเตอร์การตรวจสอบความถูกต้องกับ RED5 PRO ผ่านพร็อกซีสตรีม Manager

หลาย

สองทาง
แสดงให้เห็นถึงการเผยแพร่พร้อมกันในขณะที่สมัครสมาชิก - อนุญาตให้มีการสนทนา รวมถึงการตรวจจับสตรีมและการเชื่อมต่ออัตโนมัติ
พร็อกซีผู้จัดการสตรีมสองทาง
ตัวอย่างสองทางผ่านตัวจัดการสตรีม - รวมถึงการใช้พร็อกซี รวมถึงการตรวจจับสตรีมและการเชื่อมต่ออัตโนมัติ
การประชุม
แสดงให้เห็นถึงการสื่อสารที่หลากหลายโดยใช้ Red5 Pro นอกจากนี้ยังแสดงให้เห็นถึงการใช้วัตถุที่ใช้ร่วมกันเป็นการแจ้งเตือนเพื่อรับรู้ถึงการเพิ่มและการลบออกจากการออกอากาศของฝ่ายต่างๆ
การประชุม - ผู้จัดการสตรีม
แสดงให้เห็นถึงการสื่อสารที่หลากหลายโดยใช้ RED5 Pro ผ่าน Stream Manager นอกจากนี้ยังแสดงให้เห็นถึงการใช้วัตถุที่ใช้ร่วมกันเป็นการแจ้งเตือนเพื่อรับรู้ถึงการเพิ่มและการลบออกจากการออกอากาศของฝ่ายต่างๆ
Object ที่ใช้ร่วมกัน (WebSockets เท่านั้น)
แสดงให้เห็นถึงการใช้วัตถุที่ใช้ร่วมกันผ่าน WebSocket Proxy จาก Red5 Pro HTML SDK

การสมัครสมาชิก

ผู้สมัครสมาชิก
ตัวอย่างสมาชิกพื้นฐานที่มีความล้มเหลว
 คือถ้าไม่มีการรองรับเบราว์เซอร์ WebRTC แล้วจะตรวจพบเครื่องเล่นแฟลชแรกแล้ว HLS
360
ตัวอย่างสำหรับการสมัครรับสตรีมกล้อง 360
เสียงเท่านั้น
แสดงให้เห็นถึงการเล่นของสตรีมเสียงเท่านั้น
การรับรองความถูกต้อง
แสดงให้เห็นถึงการรับรองความถูกต้องด้วย Simple-Auth-Plugin สำหรับการสมัครสมาชิก
การจับภาพ
แสดงให้เห็นถึงการจับภาพวิดีโอสดที่ถูกบริโภค
กลุ่ม
แสดงให้เห็นถึงการเข้าถึง IP จาก Red5 Pro Cluster API เพื่อ subcribe ไปยังสตรีมสด
HLS
นี่คือตัวอย่างของการสมัครรับสตรีมโดยใช้ HLS เท่านั้น ในกรณีที่ HLS ไม่ได้รับการสนับสนุนโดยเบราว์เซอร์โดยใช้ห้องสมุด HLS.JS 3
การจับภาพ
ตัวอย่างนี้แสดงให้เห็นถึงการจับภาพการเล่นโดยใช้ API drawImage ของ CanvasRenderingContext2D
เชื่อมต่อใหม่
แสดงให้เห็นถึงกลไกการล้มเหลวของ RED5 PRO HTML SDK เพื่อเลือกสมาชิกตามการสนับสนุนเบราว์เซอร์และการเชื่อมต่ออัตโนมัติเมื่อปิดการออกอากาศหรือการสูญเสียการเชื่อมต่อ
โทรระยะไกล
แสดงให้เห็นถึงการรับข้อความระยะไกลจากผู้ประกาศ
ลองอีกครั้งในชื่อที่ไม่ถูกต้อง
แสดงให้เห็นถึงการใช้ประโยชน์จากคุณสมบัติการกำหนดค่าการกำหนด maintainConnectionOnSubscribeErrors ของผู้สมัครสมาชิกเพื่อรักษาการเชื่อมต่อ WebSocket เมื่อเกิดข้อผิดพลาดจากคำขอ subscribe หลังจากการปรับสภาพ ..
การรับรองความถูกต้อง
ตัวอย่างของการใช้การรับรองความถูกต้องไปกลับกับ Red5 Pro ผ่านพร็อกซีสตรีมตัวจัดการสตรีม
แบ่งปันหน้าจอ
ตัวอย่างของการใช้ประโยชน์จากความสามารถในการแบ่งปันหน้าจอของ Chrome และ Firefox สำหรับใช้กับตัวอย่างการแชร์หน้าจอเผยแพร่
วัตถุที่ใช้ร่วมกัน
สาธิตการใช้วัตถุที่ใช้ร่วมกันระยะไกลเพื่อส่งและรับข้อมูลระหว่างไคลเอนต์ที่เชื่อมต่อ
สแตนด์บาย
ตัวอย่างของการใช้ API สแตนด์บายเพื่อขอ "หยุดชั่วคราว" ในการรับข้อมูลวิดีโอและเสียงบน MediaStream ในขณะที่ยังคงเชื่อมต่อกับไคลเอนต์กับเซิร์ฟเวอร์
สวิตช์สตรีม
ตัวอย่างที่แสดงให้เห็นถึงการเปลี่ยนสตรีมของสมาชิกปัจจุบันไปยังสตรีมสดอื่นผ่าน WEBRTC
สองสตรีม
ตัวอย่างที่สมัครสมาชิกสองสตรีมโดยใช้ Stream1 Name และตัวแปร Stream 2 Name จากหน้าการตั้งค่า
วิดีโอใบ้
ตัวอย่างเพื่อแสดงให้เห็นถึงการสมัครรับการออกอากาศซึ่งมีสตรีมวิดีโอ "ปิดเสียง"
VP8
แสดงให้เห็นถึงการร้องขอการเข้ารหัสวิดีโอ VP8 สำหรับสตรีมการเล่น

การสมัครสมาชิก - ตัวอย่างผู้จัดการสตรีม

ผู้จัดการสตรีม
แสดงให้เห็นถึงการใช้ Red5 Pro Stream Manager API และทำหน้าที่เป็น SSL WebSocket Proxy เพื่อเข้าถึง Edge Server IP เพื่อสมัครรับสตรีมสด
พร็อกซีผู้จัดการสตรีม
แสดงให้เห็นถึงการใช้ Red5 Pro Stream Manager API เพื่อเข้าถึง Edge Server IP เพื่อสมัครรับสตรีมสด
การเชื่อมต่อพร็อกซีตัวจัดการสตรีมใหม่
แสดงให้เห็นถึงกลไกการล้มเหลวของ RED5 PRO HTML SDK เพื่อเลือกสมาชิกตามการสนับสนุนเบราว์เซอร์และการเชื่อมต่ออัตโนมัติเมื่อปิดการออกอากาศหรือการสูญเสียการเชื่อมต่อ
พร็อกซีผู้จัดการสตรีม
แสดงให้เห็นถึงการใช้ Red5 Pro Stream Manager API เพื่อเข้าถึง Edge Server IP เพื่อสมัครรับสตรีมสด
สตรีมผู้จัดการการรับรองความถูกต้อง
แสดงให้เห็นถึงการสมัครสมาชิกโดยใช้การรับรองความถูกต้องไปกลับภูมิภาคที่ระบุ
สตรีมผู้จัดการพร็อกซี Transcoder (RTC)
แสดงให้เห็นถึงการใช้ Red5 Pro Stream Manager API เพื่อเข้าถึงบทบัญญัติและ IP ของ Edge Server เพื่อสมัครรับสตรีมที่ใช้ WebRTC แบบสดพร้อมการควบคุมบิตเรตแบบปรับตัว
สตรีม Manager Proxy Transcoder (RTMP)
แสดงให้เห็นถึงการใช้ Red5 Pro Stream Manager API เพื่อเข้าถึงบทบัญญัติและ IP ของ Edge Server เพื่อสมัครรับสตรีมแบบใช้แฟลชที่มีการควบคุมบิตเรตแบบปรับตัว
สตรีมผู้จัดการพร็อกซี Transcoder (HLS)
แสดงให้เห็นถึงการใช้ Red5 Pro Stream Manager API เพื่อเข้าถึงบทบัญญัติและ IP ของ Edge Server เพื่อสมัครรับสตรีมที่ใช้ HLS แบบสดพร้อมการควบคุมบิตเรตแบบปรับตัว
แชร์หน้าจอพร็อกซี
ตัวอย่างของการใช้ประโยชน์จากความสามารถในการแบ่งปันหน้าจอของ Chrome และ Firefox สำหรับใช้กับตัวอย่างการแชร์หน้าจอเผยแพร่

Mixer - ตัวอย่าง Manager Stream

ผู้เข้าร่วมการประชุม Proxy Manager Manager
แสดงให้เห็นถึงการใช้ Red5 Pro Stream Manager API เพื่อเข้าร่วมการประชุมวิดีโอด้วยสตรีมส่งคืนเดียว
โฮสต์การประชุมพร็อกซีผู้จัดการสตรีม
แสดงให้เห็นถึงการใช้ Red5 Pro Stream Manager API เพื่อโฮสต์และจัดการการประชุมวิดีโอด้วยสตรีมส่งคืนเดียว
โฮสต์องค์ประกอบกริด
แสดงให้เห็นถึงการใช้ Red5 Pro Stream Manager API เพื่อสร้างและจัดการองค์ประกอบของสตรีมสดหลายรายการลงในสตรีมเดียว
สตรีม Manager 2x2 Grid Layout ตัวอย่าง
แสดงให้เห็นถึงการเขียนชุดสตรีมสดลงในกริด 2x2 ที่สามารถโหลดลงในเครื่องผสม Red5 Pro เพื่อสร้างองค์ประกอบที่มีสตรีมได้สูงสุด 4 สตรีม
สตรีม Manager 3x3 Grid Layout ตัวอย่าง
แสดงให้เห็นถึงการเขียนชุดสตรีมสดลงในกริด 3x3 ที่สามารถโหลดลงในเครื่องผสม Red5 Pro เพื่อสร้างองค์ประกอบที่มีสตรีมได้สูงสุด 9 สตรีม
Stream Manager NXN Grid Layout ตัวอย่าง
แสดงให้เห็นถึงการเขียนชุดสตรีมสดลงในกริด NXN ที่สามารถปรับขนาดได้โดยอัตโนมัติเมื่อมีการเพิ่มสตรีมใหม่โดยอัตโนมัติ หน้าสามารถโหลดลงในเครื่องผสม Red5 Pro เพื่อสร้างองค์ประกอบที่มีสตรีมจำนวนมาก
โครงร่างการประชุม Manager Manager
แสดงให้เห็นถึงการเขียนชุดสตรีมสดเป็นเลย์เอาต์ที่มุ่งเน้นสำหรับการประชุมวิดีโอที่มีการเน้นผู้นำเสนอ หน้าสามารถโหลดลงในตัวผสม Red5 Pro เพื่อสร้างการประชุมวิดีโอด้วยสตรีมส่งคืนเดียว

หมายเหตุ

  1. สำหรับตัวอย่างสมาชิกคุณจะต้องมีสตรีมสดที่กำลังเผยแพร่และตั้งชื่อตามฟิลด์ ชื่อสตรีม 1 ของ การตั้งค่า คุณสามารถใช้อุปกรณ์อื่นเพื่อเริ่มสตรีมมิ่งโดยใช้ WebApp นี้หรือคุณสามารถใช้เว็บเบราว์เซอร์เพื่อเผยแพร่ผ่าน Flash, http: // your_red5_pro_server_ip: 5080/live
  2. คุณสามารถดูรายการสตรีมที่ใช้งานได้โดยการนำทางไปยัง http: // your_red5_pro_server_ip: 5080/live/subscribe.jsp (จะต้องรีเฟรชหน้านี้หลังจากที่คุณเริ่มเผยแพร่)
  3. คุณสามารถเข้าถึงเซิร์ฟเวอร์ IP ของการติดตั้ง Red5 Pro Server ของคุณ - เพื่อใช้ในฟิลด์ โฮสต์ ของ การตั้งค่า - โดยการเปิด http: // your_red5_pro_server_ip: 5080/และการค้นหา IP ที่พิมพ์ในหน้าขวาของหน้า
  4. เว้นแต่คุณจะใช้งานเซิร์ฟเวอร์ในเครื่องการเผยแพร่ WEBRTC ต้องการใบรับรอง SSL ที่ถูกต้อง
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด