ผลิตภัณฑ์
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 สำหรับภาพและวิดีโอแบบเรียลไทม์
โซลูชัน

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

UI Kit การโทรวิดีโอสำหรับ React Native

เชื่อมต่อผู้ใช้มือถือด้วย UI Kit การโทรผ่านวิดีโอสำหรับ React Native ของ Tencent RTC เพิ่มหน้าจอสายเรียกเข้าและสายที่กำลังสนทนาแบบพร้อมใช้ จากนั้นกำหนดค่าการผสานรวมแบบเนทีฟและภาษาของอินเทอร์เฟซ

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

เอกสารและตัวอย่าง UI Kit การโทรวิดีโอสำหรับ React Native

การโทรผ่านวิดีโอแบบตัวต่อตัวใน React Native

นำการสนทนาแบบเห็นหน้ามาไว้ในแอป React Native สำหรับการติดต่อส่วนตัวหรือการให้คำปรึกษา พร้อมวิดีโอและส่วนควบคุมการโทรในประสบการณ์เดียวกัน

การโทรแบบวิดีโอกลุ่มใน React Native

เชื่อมต่อผู้เข้าร่วมหลายคนในหน้าจอการโทร React Native ใช้คู่มือแพลตฟอร์มเพื่อกำหนดค่าขั้นตอนการโทรและเค้าโครงกลุ่มที่รองรับ

ความสามารถของ REACT NATIVE CALL

ฟีเจอร์การโทรผ่านวิดีโอสำหรับ React Native

เชื่อมโยงผู้คน

  • การโทรด้วยเสียงและวิดีโอ
  • การจัดการสายเรียกเข้า

ควบคุมประสบการณ์การโทรได้อย่างมั่นใจ

  • ส่วนควบคุมกล้องและไมโครโฟน
  • เหตุการณ์ในวงจรชีวิตของการโทร

ทำให้เป็นของคุณเอง

  • ขั้นตอนการทำงานของแอปพลิเคชัน
  • การผสานรวมเฉพาะแพลตฟอร์ม

สำรวจคอมโพเนนต์การโทรผ่านวิดีโอ React Native

เชื่อมต่อ TUICallKit กับการนำทางบนมือถือ แล้วเริ่มการโทรจากการดำเนินการในแอป

อินเทอร์เฟซการโทร

ฝังอินเทอร์เฟซการโทร React Native

เมานต์ TUICallKit ในระบบนำทางบนมือถือและเริ่มต้นด้วยผู้ใช้ที่ยืนยันตัวตนแล้ว คอมโพเนนต์นี้มีอินเทอร์เฟซและส่วนควบคุมการโทร

อ่านเอกสาร
CallScreen.tsx
import { TUICallKit, MediaType } from
  '@tencentcloud/call-uikit-react-native';

await TUICallKit.calls({
  userIdList: [recipientID], mediaType: MediaType.Video,
});

การปรับแต่ง

ปรับแต่ง React Native Call UI Kit ของคุณ

ปรับหน้าจอการโทร ส่วนควบคุม และขั้นตอนสายเรียกเข้าของ React Native ให้เข้ากับผลิตภัณฑ์ของคุณ

ภาษา

เลือกภาษาอินเทอร์เฟซที่รองรับสำหรับแอปพลิเคชัน React Native ของคุณ

อ่านเอกสาร

เริ่มต้นใช้งาน

เพิ่มการโทรวิดีโอในแอป React Native ของคุณ

  1. 01

    สร้างแอปของคุณ

    เปิดใช้งาน Call สำหรับแอปพลิเคชันและผู้ใช้ทดสอบ

    เปิดคอนโซล Call
  2. 02

    เพิ่ม UI Kit การโทรวิดีโอสำหรับ React Native

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

    ทำตามคู่มือการผสานรวม
  3. 03

    เริ่มการโทรครั้งแรกของคุณ

    ลงชื่อเข้าใช้ด้วยผู้ใช้ทดสอบสองคน จากนั้นโทรออกและรับสาย

    ตั้งค่าการยืนยันตัวตน
React Native Call UI Kit
เทอร์มินัล
npm install @tencentcloud/call-uikit-react-native
CallScreen.tsx
import { 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

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

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

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

เพิ่มวิดีโอคอลให้แอป React Native ของคุณ

เริ่มต้นด้วย React Native Video Calling UI Kit เชื่อมต่อผู้ใช้ทดสอบสองคน และสร้างการโทรครั้งแรกของคุณ