react native webrtc simple

React-Con-Webrtc-Simple

Простой и простые в использовании модуль, который помогает в создании видеозвонков для RACE Native. Реализовано с использованием React-Cniate-Webrtc.

Начиная

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

или

 yarn add react - native - webrtc - simple

Теперь нам нужно установить React-Native-Webrtc

Документ

Webrtcsimple

Метод	Описание
начинать	Создать соединения
останавливаться	Остановить соединения
getsessionId	Получите идентификатор сеанса
getLocalStream	Получите свой видеопоток
getRemoteStream	Получите удаленный видеопоток
Слушание	Слушание звоните событиям
события	Метод вызов событий

Webrtcsimple.start

Ценить	Тип	Описание
необязательный	Объект или нулевый	Опция конфигурация сверстников (https://peerjs.com/)
ключ	Нить	Ваш идентификатор сессии

Пиринговый

Webrtcsimple.listenings.callevents

Ценить	Тип	Описание
Start_call	Нить	Ваш статус стартового звонка
Получено_Колл	Нить	Вызовите полученный статус
ACCEST_CALL	Нить	Вызовите статус Aceept
End_call	Нить	Звоните в конечный статус
СООБЩЕНИЕ	Нить	Слушает сообщение

Webrtcsimple.events

Метод	Параметры	Описание
вызов	SessionId: строка, данные: любой	Инициировать звонок
принять	Нет	Принять звонок
Endcall	Нет	Отвергнуть звонок
SwitchCamera	Нет	Переключить камеру
Видеован	Нет	ВКЛ/выключение видео
звукооборотный	Нет	ВКЛ/OFF AUDIO
сообщение	Данные: любой	События Отправить сообщение

Несколько сверстников

Webrtcsimple.listenings.callevents

Ценить	Тип	Описание
Start_group_call	Нить	Ваш статус стартового звонка
Полученная_group_call	Нить	Вызовите полученный статус
Join_group_call	Нить	Вызовите полученный статус
Оставить_group_call	Нить	Вызовать статус отклонения

Webrtcsimple.events

Метод	Параметры	Описание
GroupCall	GroupsEssessionId: String [], userData: Object = {}	Начать групповой звонок
joingroup	ArrsessionId: String []	Присоединяйтесь к групповому звонку
LeaveGroup	Нет	Оставить групповой звонок
AddStream	SessionId: строка	Создайте поток
SwitchCamera	Нет	Переключить камеру
Видеован	Нет	ВКЛ/выключение видео
звукооборотный	Нет	ВКЛ/OFF AUDIO
сообщение	Данные: любой	События Отправить сообщение

Использование

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