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

