react native webrtc simple

react-native-webrtc-simple

Modul yang sederhana dan mudah digunakan yang membantu membuat panggilan video untuk React Native. Diimplementasikan menggunakan react-native-WebRTC.

Memulai

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

atau

 yarn add react - native - webrtc - simple

Sekarang kita perlu menginstal react-native-webrtc

Dokumen

WebRTCSimple

Metode	Keterangan
awal	Buat koneksi
berhenti	Hentikan koneksi
getsessionid	Dapatkan ID Sesi Anda
getLocalStream	Dapatkan Streaming Video Anda
getRemotestream	Dapatkan streaming video jarak jauh
mendengarkan	Mendengarkan Acara Hubungi
Acara	Metode Acara Panggilan

Webrtcsimple.start

Nilai	Jenis	Keterangan
opsional	Objek atau nol	Opsi Konfigurasi Peer (https://peerjs.com/)
kunci	Rangkaian	ID sesi Anda

Peer-to-peer

Webrtcsimple.listenings.callevents

Nilai	Jenis	Keterangan
Start_call	Rangkaian	Status Mulai Panggilan Anda
Diterima_call	Rangkaian	Panggilan Status Diterima
Accept_call	Rangkaian	Panggil status ACEEPT
End_call	Rangkaian	Panggilan status akhir
PESAN	Rangkaian	Mendengarkan pesan

WebRTCSimple.events

Metode	Params	Keterangan
panggilan	Sesi Sesi: String, Data: apapun	Memulai panggilan
terima	TIDAK	Menerima telepon
endcall	TIDAK	Menolak panggilan
switchcamera	TIDAK	Ganti kamera
VideoNeNable	TIDAK	Video on/off
Audioenable	TIDAK	Audio ON/OFF
pesan	Data: apapun	Acara mengirim pesan

Beberapa rekan

Webrtcsimple.listenings.callevents

Nilai	Jenis	Keterangan
Start_group_call	Rangkaian	Status Mulai Panggilan Anda
Diterima_group_call	Rangkaian	Panggilan Status Diterima
Goint_group_call	Rangkaian	Panggilan Status Diterima
Leave_group_call	Rangkaian	Panggilan Status Tolak

WebRTCSimple.events

Metode	Params	Keterangan
Groupcall	GroupSessionId: String [], UserData: Object = {}	Mulai Panggilan Grup
Joingroup	ArresessionID: String []	Bergabunglah dengan panggilan grup
Cuti	TIDAK	Tinggalkan panggilan grup
addstream	sessionId: String	Buat aliran
switchcamera	TIDAK	Ganti kamera
VideoNeNable	TIDAK	Video on/off
Audioenable	TIDAK	Audio ON/OFF
pesan	Data: apapun	Acara mengirim pesan

Penggunaan

 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 ( ) ;
} ;