สร้างขึ้นเพื่อ REACT NATIVE
SDK ถ่ายทอดสดสำหรับ React Native
สร้างการถ่ายทอดบนอุปกรณ์เคลื่อนที่ด้วย React Native Live Streaming SDK ของ Tencent RTC ผสานมุมมองวิดีโอแบบเนทีฟและสถานะห้องเข้ากับหน้าจอ React Native และการกำหนดค่าแพลตฟอร์มของคุณ
แหล่งข้อมูลสำหรับนักพัฒนา
เอกสารและตัวอย่าง SDK ถ่ายทอดสดสำหรับ 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 เชื่อมโยงกับสถานะห้อง โดยให้แอปของคุณจัดเตรียมส่วนควบคุมและระบบนำทางโดยรอบ
อ่านเอกสารimport { LiveCoreView } from
'react-native-tuikit-atomic-x/lib/module/components/LiveCoreView';
<LiveCoreView
liveId={liveID}
coreViewType="pushView"
style={{ flex: 1 }}
/>เริ่มสตรีมสดบน React Native
ยืนยันตัวตนโฮสต์ เตรียมเสียงและวิดีโอภายในเครื่อง แล้วสร้างห้องถ่ายทอดสด ใช้ ID ห้องเดียวกันสำหรับมุมมองสื่อและวงจรชีวิตของห้อง
อ่านเอกสารconst { createLive } = useLiveListState();
createLive({
liveInfo: {
liveID, liveName: 'Studio sessions',
seatLayoutTemplateID: 600, keepOwnerOnSeat: true,
},
onSuccess: handleStarted, onError: handleError,
});พาผู้ชมเข้าสู่ช่วงเวลานั้น
ใช้ ID ห้องเดียวกันเพื่อเชื่อมต่อผู้ชมของคุณ
อ่านเอกสารconst { joinLive } = useLiveListState();
joinLive({
liveID,
onSuccess: handleJoined, onError: handleError,
});การปรับแต่ง
ปรับแต่งอินเทอร์เฟซไลฟ์ React Native ของคุณ
จัดวางวิดีโอ การโต้ตอบกับผู้ชม และการนำทางรอบประสบการณ์สดในแอป React Native ของคุณ
การโต้ตอบของผู้ชม
ขยายความสามารถของห้องด้วย API สำหรับผู้ชมและการโต้ตอบที่มีให้บนแพลตฟอร์มของคุณ
อ่านเอกสารเริ่มต้นใช้งาน
เพิ่มไลฟ์สตรีมลงในแอป React Native ของคุณ
- 01
- 02
เพิ่ม SDK ถ่ายทอดสดสำหรับ React Native
ทำตามคู่มือแพลตฟอร์มเพื่อเชื่อมต่อโปรเจกต์ของคุณ
ทำตามคู่มือการผสานรวม - 03
npx expo install react-native-tuikit-atomic-x \
expo-dev-client expo-build-propertiesimport { 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
คำถามเกี่ยวกับการผสานรวม
รับความช่วยเหลือในการตั้งค่า SDK ถ่ายทอดสดสำหรับ React Native
ดูเอกสารสำหรับนักพัฒนาพูดคุยเกี่ยวกับแอปพลิเคชันของคุณ
พูดคุยเกี่ยวกับผลิตภัณฑ์ ปริมาณการใช้งานที่คาดการณ์ และความต้องการด้านการผสานรวมของคุณ
ติดต่อฝ่ายขายเพิ่มการสตรีมสดลงในแอป React Native ของคุณ
เชื่อมต่อครีเอเตอร์และผู้ชมด้วย React Native Live Streaming SDK และคู่มือสำหรับแพลตฟอร์มต่าง ๆ

