สร้างขึ้นเพื่อ REACT NATIVE
SDK การโทรวิดีโอบน React Native
เพิ่ม API การโทรแบบเนทีฟด้วย React Native Video Calling SDK ของ Tencent RTC ใช้อินเทอร์เฟซที่ส่งออกโดย TUICallEngine โดยให้แอปควบคุมหน้าจอการโทร การนำทาง และสถานะผู้ใช้
แหล่งข้อมูลสำหรับนักพัฒนา
เอกสารและตัวอย่าง SDK การโทรวิดีโอบน React Native
คู่มือการผสานรวม
ติดตั้ง SDK การโทรวิดีโอบน React Native และเชื่อมต่อผู้ใช้ของคุณ
ตัวอย่างและซอร์สโค้ด
ดูการทำงานจริงของผลิตภัณฑ์และสำรวจวิธีการนำไปใช้
การโทรผ่านวิดีโอแบบตัวต่อตัวใน React Native
นำการสนทนาแบบเห็นหน้ามาไว้ในแอป React Native สำหรับการติดต่อส่วนตัวหรือการให้คำปรึกษา พร้อมวิดีโอและส่วนควบคุมการโทรในประสบการณ์เดียวกัน
การโทรแบบวิดีโอกลุ่มใน React Native
เชื่อมต่อผู้เข้าร่วมหลายคนในหน้าจอการโทร React Native ใช้คู่มือแพลตฟอร์มเพื่อกำหนดค่าขั้นตอนการโทรและเค้าโครงกลุ่มที่รองรับ
ความสามารถของ REACT NATIVE CALL
ฟีเจอร์การโทรผ่านวิดีโอสำหรับ React Native
เชื่อมโยงผู้คน
- การโทรด้วยเสียงและวิดีโอ
- การจัดการสายเรียกเข้า
ควบคุมประสบการณ์การโทรได้อย่างมั่นใจ
- ส่วนควบคุมกล้องและไมโครโฟน
- เหตุการณ์ในวงจรชีวิตของการโทร
ทำให้เป็นของคุณเอง
- ขั้นตอนการทำงานของแอปพลิเคชัน
- การผสานรวมเฉพาะแพลตฟอร์ม
สำรวจ API วิดีโอคอลสำหรับ React Native
ใช้ TUICallEngine เพื่อเชื่อมต่อผู้ใช้ เริ่มการโทร และอัปเดตหน้าจอการโทร React Native เมื่อสถานะการโทรเปลี่ยนไป
เชื่อมต่อผู้ใช้กับ React Native Call SDK ของคุณ
ลงชื่อเข้าใช้ TUICallEngine หลังจากผู้ใช้เข้าสู่ระบบแอปของคุณ ส่งเหตุการณ์การโทรแบบเนทีฟไปยังหน้าจอที่จัดการสายเรียกเข้าและสายที่กำลังสนทนา
อ่านเอกสารimport { TUICallEngine } from
'@tencentcloud/call-uikit-react-native';
const call = TUICallEngine.createInstance();
call.login({ sdkAppId: SDKAppID, userId: userID, userSig });เริ่มวิดีโอคอลใน React Native
ส่ง ID ผู้รับจากแอปพลิเคชันของคุณไปยัง API การโทร เชื่อมโยงการดำเนินการนี้กับรายชื่อติดต่อ การสนทนา หรือปุ่มโทรในอินเทอร์เฟซ React Native
อ่านเอกสารcall.calls({
userIdList: [recipientID],
mediaType: MediaType.Video,
});ควบคุมขั้นตอนการโทรได้อย่างเต็มที่
ผสานการควบคุมการโทรเข้ากับอินเทอร์เฟซที่ผู้ใช้คุ้นเคยอยู่แล้ว
อ่านเอกสารcall.accept({});
// When the user ends the call:
call.hangup({});การปรับแต่ง
ปรับแต่งอินเทอร์เฟซการโทร React Native
ปรับหน้าจอการโทร ส่วนควบคุม และขั้นตอนสายเรียกเข้าของ React Native ให้เข้ากับผลิตภัณฑ์ของคุณ
เริ่มต้นใช้งาน
เพิ่มการโทรวิดีโอในแอป React Native ของคุณ
- 01
- 02
เพิ่ม SDK การโทรวิดีโอบน React Native
ทำตามคู่มือแพลตฟอร์มเพื่อเชื่อมต่อโปรเจกต์ของคุณ
ทำตามคู่มือการผสานรวม - 03
เริ่มการโทรครั้งแรกของคุณ
ลงชื่อเข้าใช้ด้วยผู้ใช้ทดสอบสองคน จากนั้นโทรออกและรับสาย
ตั้งค่าการยืนยันตัวตน
npm install @tencentcloud/call-uikit-react-nativeimport { TUICallEngine } from
'@tencentcloud/call-uikit-react-native';
const call = TUICallEngine.createInstance();
call.login({ sdkAppId: SDKAppID, userId: userID, userSig });คำถามที่พบบ่อยเกี่ยวกับ SDK การโทรวิดีโอบน React Native
React Native Video Calling SDK มีอะไรบ้าง
React Native Video Calling SDK มี API ของ TUICallEngine สำหรับคำเชิญการโทร เหตุการณ์ และส่วนควบคุมสื่อ แอปพลิเคชันของคุณสร้างหน้าจอการโทร React Native และเชื่อมต่อกับเหตุการณ์การโทรแบบเนทีฟ
ฉันควรใช้ SDK การโทรสำหรับ React Native หรือ UI Kit
ใช้ API ของ SDK เพื่อสร้างอินเทอร์เฟซของคุณเอง เลือก UI Kit เมื่อต้องการหน้าจอและส่วนควบคุมที่พร้อมใช้งาน
เหตุใดแพ็กเกจการติดตั้งจึงมีชื่อว่า call-uikit-react-native
แพ็กเกจ React Native อย่างเป็นทางการส่งออกทั้ง TUICallKit และ TUICallEngine หน้านี้ใช้ส่วนส่งออกของเอนจินเพื่อสร้างอินเทอร์เฟซที่แอปพลิเคชันเป็นผู้ควบคุม
สายเรียกเข้าจะทำงานหรือไม่เมื่อแอปทำงานอยู่เบื้องหลัง
สายเรียกเข้าในเบื้องหลังและขณะออฟไลน์ต้องมีการกำหนดค่าพุชและวงจรชีวิตเฉพาะแพลตฟอร์ม ปฏิบัติตามคู่มือการผสานรวมแพลตฟอร์มและทดสอบบนอุปกรณ์จริง
จะยืนยันตัวตนผู้ใช้ SDK วิดีโอคอลสำหรับ React Native ได้อย่างไร
สร้าง UserSig บนเซิร์ฟเวอร์ของคุณและส่งให้ไคลเอนต์หลังจากขั้นตอนการลงชื่อเข้าใช้ของคุณเองเสร็จสมบูรณ์ เก็บข้อมูลลับของแอปพลิเคชันไว้บนเซิร์ฟเวอร์เสมอ
SDK การโทรผ่านวิดีโอสำหรับ React Native ใช้งานฟรีหรือไม่
อินเทอร์เฟซและบริการ Call แบบโฮสต์มีบทบาทต่างกัน เปิดใช้บริการสำหรับแอปพลิเคชันของคุณ แล้วตรวจสอบแพ็กเกจปัจจุบัน ความพร้อมใช้งานของฟีเจอร์ และค่าบริการตามการใช้งาน
จะผสานรวม SDK การโทรวิดีโอ React Native กับ React Native ได้อย่างไร?
ติดตั้งแพ็กเกจและ dependency แบบเนทีฟตามเอกสาร แล้วบิลด์แอปเนทีฟใหม่ ตรวจสอบสิทธิ์ วงจรชีวิต และ callback แบบเนทีฟ โดยไม่ถือว่ารันไทม์มีเพียง JavaScript
จะทดสอบ SDK การโทรวิดีโอ React Native ก่อนเผยแพร่แอปได้อย่างไร?
ทดสอบสถานะเชิญ รับสาย ปฏิเสธ และวางสายระหว่างผู้ใช้แยกกัน รวมถึงกรณีปฏิเสธสิทธิ์
จะปรับแต่งอินเทอร์เฟซของ SDK การโทรวิดีโอ React Native ได้อย่างไร?
สร้างตัวควบคุมการโทรและมุมมองผู้เข้าร่วมจาก API สถานะและสื่อที่รองรับ แอปของคุณเป็นผู้จัดการอินเทอร์เฟซ
การสนับสนุนด้านการผสานรวมสำหรับ React Native Call
คำถามเกี่ยวกับการผสานรวม
รับความช่วยเหลือในการตั้งค่า SDK การโทรวิดีโอบน React Native
ดูเอกสารสำหรับนักพัฒนาพูดคุยเกี่ยวกับแอปพลิเคชันของคุณ
พูดคุยเกี่ยวกับผลิตภัณฑ์ ปริมาณการใช้งานที่คาดการณ์ และความต้องการด้านการผสานรวมของคุณ
ติดต่อฝ่ายขายเพิ่มวิดีโอคอลให้แอป React Native ของคุณ
เริ่มต้นด้วย React Native Video Calling SDK เชื่อมต่อผู้ใช้ทดสอบสองราย และสร้างการโทรครั้งแรกของคุณ

