ผลิตภัณฑ์
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

SDK ถ่ายทอดสดสำหรับ React Native

สร้างการถ่ายทอดบนอุปกรณ์เคลื่อนที่ด้วย React Native Live Streaming SDK ของ Tencent RTC ผสานมุมมองวิดีโอแบบเนทีฟและสถานะห้องเข้ากับหน้าจอ React Native และการกำหนดค่าแพลตฟอร์มของคุณ

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

เอกสารและตัวอย่าง SDK ถ่ายทอดสดสำหรับ React Native

การสาธิตผลิตภัณฑ์แบบไลฟ์ด้วย React Native

ให้ผู้ชมติดตามการสาธิตสินค้าของครีเอเตอร์และร่วมสนทนา แอปพลิเคชันของคุณจัดการแค็ตตาล็อกและประสบการณ์การซื้อ

การรับชมกิจกรรมสดด้วย React Native

นำงานนำเสนอและผู้ชมมาไว้ในแอป React Native ของคุณ เชื่อมต่อหน้าจอรับชมกับห้องเพื่อให้ผู้ใช้ติดตามกิจกรรมสดได้

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

ฟีเจอร์สตรีมมิงสดสำหรับ React Native

เริ่มไลฟ์

  • บทบาทโฮสต์และผู้ชม
  • การจัดการวงจรชีวิตของห้อง

เชื่อมโยงผู้คนเข้าด้วยกัน

  • การเล่นวิดีโอสด
  • การมีส่วนร่วมของผู้ชม

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

  • เค้าโครงแอปพลิเคชันที่ยืดหยุ่น
  • องค์ประกอบเฉพาะแพลตฟอร์ม

สำรวจ API ไลฟ์สตรีมสำหรับ React Native

เชื่อมต่อมุมมองวิดีโอและสถานะห้องของ AtomicXCore เข้ากับอินเทอร์เฟซโฮสต์และผู้ชม React Native ของคุณ

แคนวาสวิดีโอ

เพิ่มมุมมองวิดีโอไลฟ์ React Native

วางมุมมองวิดีโอ AtomicXCore ในเลย์เอาต์ React Native เชื่อมโยงกับสถานะห้อง โดยให้แอปของคุณจัดเตรียมส่วนควบคุมและระบบนำทางโดยรอบ

อ่านเอกสาร
LiveScreen.tsx
import { LiveCoreView } from
  'react-native-tuikit-atomic-x/lib/module/components/LiveCoreView';

<LiveCoreView
  liveId={liveID}
  coreViewType="pushView"
  style={{ flex: 1 }}
/>

การปรับแต่ง

ปรับแต่งอินเทอร์เฟซไลฟ์ React Native ของคุณ

จัดวางวิดีโอ การโต้ตอบกับผู้ชม และการนำทางรอบประสบการณ์สดในแอป React Native ของคุณ

เลย์เอาต์ของคุณ

สร้างอินเทอร์เฟซโดยมีพื้นที่วิดีโอหลักและสถานะห้องเป็นศูนย์กลาง

อ่านเอกสาร

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

เพิ่มไลฟ์สตรีมลงในแอป React Native ของคุณ

  1. 01

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

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

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

    เพิ่ม SDK ถ่ายทอดสดสำหรับ React Native

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

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

    เชื่อมต่อกับห้องแรกของคุณ

    ใช้บัญชีหนึ่งเพื่อออกอากาศและอีกบัญชีหนึ่งเพื่อรับชม

    ตั้งค่าการยืนยันตัวตน
React Native Live SDK
เทอร์มินัล
npx expo install react-native-tuikit-atomic-x \
  expo-dev-client expo-build-properties
LiveScreen.tsx
import { useLoginState } from
  'react-native-tuikit-atomic-x';

const { login } = useLoginState();
login({ sdkAppID: SDKAppID, userID, userSig });

คำถามที่พบบ่อยเกี่ยวกับ SDK ถ่ายทอดสดสำหรับ React Native

SDK ไลฟ์สตรีมมิงสำหรับ React Native มีมุมมองวิดีโอหรือไม่

React Native Live Streaming SDK มีมุมมองวิดีโอ AtomicXCore และ API สถานะห้อง แอปของคุณเป็นผู้จัดเตรียมอินเทอร์เฟซสำหรับโฮสต์และผู้ชมที่ใช้มุมมองเหล่านั้น หากต้องการหน้าจอสำเร็จรูป ให้เลือก TUILiveKit

SDK นี้ทำงานร่วมกับ UI Kit อย่างไร

ใช้ API ของ SDK เพื่อสร้างอินเทอร์เฟซของคุณเอง เลือก UI Kit เมื่อต้องการหน้าจอและส่วนควบคุมที่พร้อมใช้งาน

ฉันสามารถเรียกใช้ SDK ใน Expo Go ได้หรือไม่

SDK มีโมดูลเนทีฟ โปรดใช้บิลด์สำหรับการพัฒนาแบบเนทีฟ เช่น Expo development client และกำหนดค่า iOS กับ Android ให้เสร็จสมบูรณ์ตามคู่มือ

ฉันจะยืนยันตัวตนผู้ใช้ React Native Live Streaming SDK ได้อย่างไร

สร้าง UserSig บนเซิร์ฟเวอร์ของคุณและส่งให้ไคลเอนต์หลังจากขั้นตอนการลงชื่อเข้าใช้ของคุณเองเสร็จสมบูรณ์ เก็บข้อมูลลับของแอปพลิเคชันไว้บนเซิร์ฟเวอร์เสมอ

React Native Live Streaming SDK ใช้งานฟรีหรือไม่

อินเทอร์เฟซและบริการ Live แบบโฮสต์มีบทบาทแตกต่างกัน เปิดใช้งานบริการสำหรับแอปพลิเคชันของคุณ แล้วตรวจสอบแพ็กเกจปัจจุบัน ความพร้อมใช้งานของฟีเจอร์ และค่าบริการตามการใช้งาน

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

ติดตั้งแพ็กเกจและ dependency แบบเนทีฟตามเอกสาร แล้วบิลด์แอปเนทีฟใหม่ ตรวจสอบสิทธิ์ วงจรชีวิต และ callback แบบเนทีฟ โดยไม่ถือว่ารันไทม์มีเพียง JavaScript

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

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

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

ใช้ API ผู้จัดและผู้ชมที่รองรับกับอินเทอร์เฟซของคุณ แอปจัดการการค้า บัตร หรือสิทธิ์เล่น

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

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

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

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

เพิ่มการสตรีมสดลงในแอป React Native ของคุณ

เชื่อมต่อครีเอเตอร์และผู้ชมด้วย React Native Live Streaming SDK และคู่มือสำหรับแพลตฟอร์มต่าง ๆ