react native webrtc simple

react-native-webrtc-simple

โมดูลที่ใช้งานง่ายและใช้งานง่ายที่ช่วยในการโทรวิดีโอสำหรับ React Native ดำเนินการโดยใช้ React-Native-WEBRTC

เริ่มต้น

 npm install react - native - webrtc - simple -- save

หรือ

 yarn add react - native - webrtc - simple

ตอนนี้เราต้องติดตั้ง React-Natial-WEBRTC

เอกสาร

webrtcsimple

วิธี	คำอธิบาย
เริ่ม	สร้างการเชื่อมต่อ
หยุด	หยุดการเชื่อมต่อ
getSessionid	รับรหัสเซสชันของคุณ
getLocalstream	รับสตรีมวิดีโอของคุณ
getRemotestream	รับสตรีมวิดีโอระยะไกล
การฟัง	ฟังเหตุการณ์
เหตุการณ์	กิจกรรมการโทรหาวิธีการ

webrtcsimple.start

ค่า	พิมพ์	คำอธิบาย
ไม่จำเป็น	วัตถุหรือเป็นโมฆะ	ตัวเลือกการกำหนดค่าเพียร์ (https://peerjs.com/)
สำคัญ	สาย	รหัสเซสชันของคุณ

เพียร์ทูเพียร์

webrtcsimple.listenings.callevents

ค่า	พิมพ์	คำอธิบาย
start_call	สาย	สถานะการโทรเริ่มต้นของคุณ
ได้รับ _call	สาย	สถานะที่ได้รับการโทร
ยอมรับ _call	สาย	โทรหาสถานะ Aceept
END_CALL	สาย	สถานะการโทรสิ้นสุด
ข้อความ	สาย	ฟังข้อความ

webrtcsimple.events

วิธี	พารามิเตอร์	คำอธิบาย
เรียก	SessionId: String, data: ใด ๆ	เริ่มต้นการโทร
ยอมรับ	เลขที่	รับสาย
endcall	เลขที่	ปฏิเสธการโทร
switchcamera	เลขที่	สลับกล้อง
วิดีโอได้	เลขที่	วิดีโอเปิด/ปิด
ที่ได้เสียง	เลขที่	เปิด/ปิดเสียง
ข้อความ	ข้อมูล: ใด ๆ	เหตุการณ์ส่งข้อความ

หลายเพียร์

webrtcsimple.listenings.callevents

ค่า	พิมพ์	คำอธิบาย
start_group_call	สาย	สถานะการโทรเริ่มต้นของคุณ
ได้รับ _group_call	สาย	สถานะที่ได้รับการโทร
Join_group_call	สาย	สถานะที่ได้รับการโทร
leaf_group_call	สาย	โทรหาสถานะปฏิเสธ

webrtcsimple.events

วิธี	พารามิเตอร์	คำอธิบาย
กลุ่ม	grassessionId: string [], userData: object = {}	เริ่มการโทรกลุ่ม
JoingRoup	arrsessionid: สตริง []	เข้าร่วมการโทรกลุ่ม
กลุ่มลา	เลขที่	ออกจากกลุ่ม
addstream	SessionId: สตริง	สร้างสตรีม
switchcamera	เลขที่	สลับกล้อง
วิดีโอได้	เลขที่	วิดีโอเปิด/ปิด
ที่ได้เสียง	เลขที่	เปิด/ปิดเสียง
ข้อความ	ข้อมูล: ใด ๆ	เหตุการณ์ส่งข้อความ

การใช้งาน

 import WebrtcSimple from 'react-native-webrtc-simple' ;

useEffect ( ( ) => {
    const configuration = {
      optional : null ,
      key : Math . random ( ) . toString ( 36 ) . substr ( 2 , 4 ) , //optional
    } ;

    WebrtcSimple . start ( configuration )
        . then ( ( status ) => {
        if ( status ) {
            const stream = WebrtcSimple . getLocalStream ( ) ;
            console . log ( 'My stream: ' , stream ) ;

            WebrtcSimple . getSessionId ( ( id : string ) => {
                console . log ( 'UserId: ' , id ) ;
            } ) ;
        }
        } )
        . catch ( ) ;

    WebrtcSimple . listenings . callEvents ( ( type , userData ) => {
      console . log ( 'Type: ' , type ) ;
      // START_CALL
      // RECEIVED_CALL
      // ACCEPT_CALL
      // END_CALL
      // MESSAGE
      // START_GROUP_CALL
      // RECEIVED_GROUP_CALL
      // JOIN_GROUP_CALL
      // LEAVE_GROUP_CALL
    } ) ;

    WebrtcSimple . listenings . getRemoteStream ( ( remoteStream ) => {
      console . log ( 'Remote stream' , remoteStream ) ;
    } ) ;

} , [ ] ) ;

const callToUser = ( userId ) => {
  const data = { } ;
  WebrtcSimple . events . call ( userId , data ) ;
} ;

const acceptCall = ( ) => {
  WebrtcSimple . events . acceptCall ( ) ;
} ;

const endCall = ( ) => {
  WebrtcSimple . events . endCall ( ) ;
} ;

const switchCamera = ( ) => {
  WebrtcSimple . events . switchCamera ( ) ;
} ;

const video = ( enable : boolean ) => {
  WebrtcSimple . events . videoEnable ( enable ) ;
} ;

const audio = ( enable : boolean ) => {
  WebrtcSimple . events . audioEnable ( enable ) ;
} ;

const sendMessage = ( message : any ) => {
    WebrtcSimple . events . message ( message ) ;
} ;

const groupCall = ( sessionId : string [ ] ) => {
    const data = { } ;
    WebrtcSimple . events . groupCall ( sessionId , data ) ;
} ;

const joinGroup = ( groupSessionId : string [ ] ) => {
  WebrtcSimple . events . joinGroup ( groupSessionId ) ;
} ;

const leaveGroup = ( ) => {
  WebrtcSimple . events . leaveGroup ( ) ;
} ;