react native webrtc simple

React-nativ-webrtc-siomple

Ein einfaches und einfach zu bedienendes Modul, das dazu beiträgt, Video -Anruf für React Native zu tätigen. Implementiert mit React-Native-WebRTC.

Erste Schritte

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

oder

 yarn add react - native - webrtc - simple

Jetzt müssen wir React-Native-Webrtc installieren

Dokumentieren

Webtcsimple

Verfahren	Beschreibung
Start	Verbindungen erstellen
stoppen	Verbindungen stoppen
GetSessionid	Holen Sie sich Ihre Sitzungs -ID
GetLocalsTream	Holen Sie sich Ihren Video -Stream
GetRemotestream	Holen Sie sich Remote -Video -Stream
Hören	Listening rufen Ereignisse an
Ereignisse	Methodenanrufereignisse

Webtcsimple.start

Wert	Typ	Beschreibung
optional	Objekt oder NULL	Option Peer -Konfiguration (https://peerjs.com/)
Schlüssel	Saite	Ihre Sitzungs -ID

Peer-to-Peer

Webtcsimple.listenings.callevents

Wert	Typ	Beschreibung
Start_call	Saite	Ihr Startanrufstatus
Empfangen_call	Saite	Anruf erhaltener Status
Accept_call	Saite	Rufen Sie den Status von Aceept an
End_call	Saite	Rufen Sie Endstatus an
NACHRICHT	Saite	Hören eine Nachricht

Webtcsimple.events

Verfahren	Parameter	Beschreibung
Anruf	SessionID: String, Daten: Any	Einen Anruf einleiten
Akzeptieren	NEIN	Einen Anruf entgegennehmen
Endcall	NEIN	Einen Anruf ablehnen
SwitchCamera	NEIN	Kamera wechseln
Videos	NEIN	Ein/Aus -Video
audioenswert	NEIN	Ein/Aus -Audio
Nachricht	Daten: Alle	Ereignisse senden Nachrichten

Multiple Peer

Webtcsimple.listenings.callevents

Wert	Typ	Beschreibung
Start_group_call	Saite	Ihr Startanrufstatus
Empfangen_group_call	Saite	Anruf erhaltener Status
Join_group_call	Saite	Anruf erhaltener Status
Leave_group_call	Saite	Rufen Sie den Ablehnungsstatus an

Webtcsimple.events

Verfahren	Parameter	Beschreibung
Gruppencall	gruppeSessionID: String [], userData: Object = {}	Gruppenanruf starten
Joingroup	arrSessionId: String []	Treten Sie Gruppenanruf bei
LeaveGroup	NEIN	Gruppenanruf verlassen
AddStream	SessionID: String	Erstellen Sie einen Stream
SwitchCamera	NEIN	Kamera wechseln
Videos	NEIN	Ein/Aus -Video
audioenswert	NEIN	Ein/Aus -Audio
Nachricht	Daten: Alle	Ereignisse senden Nachrichten

Verwendung

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