JSSIP и React аудио проблема - PullRequest
Новая
       76

JSSIP и React аудио проблема

0 голосов
/ 28 июня 2018

Поэтому я использую jssip 3.2.10 для выполнения вызовов в проекте React.

Сервер настроен на Asterisk и CentOS.

Я могу совершать звонки, когда получатель звонка меня хорошо слышит, но я не слышу ни их звука, ни ожидающих (традиционных) звуковых сигналов, которые он должен издавать, пока звонок не будет принят.

Он работает с некоторыми онлайн-тестами sipml5 / asterisk udp, поэтому я чувствую, что это проблема моих клиентов. Я тестировал его на Chrome и Firefox (оба последних с одинаковыми результатами).

Моя настройка

У меня есть помощник для подключения, который называется sip.js: 

const JsSIP = require('jssip')
const GLOBAL = require('../globals')

function register(user, pass, cb) {
  console.log('Registering to SIP')
  JsSIP.debug.disable('JsSIP:*')
  const address = GLOBAL.jssip_server + ':' + GLOBAL.jssip_port
  let socket = new JsSIP.WebSocketInterface('ws://' + address + '/ws')

  const configuration = {
    sockets: [socket],
    uri: 'sip:' + user + '@' + GLOBAL.jssip_server,
    authorization_user: user,
    password: pass,
    connection_recovery_min_interval: 3,
    register: true
  }
  let ua = new JsSIP.UA(configuration)
  ua.start()
  cb(ua)
}

export {
  register
}

Затем на моем основном компоненте я делаю следующее: 

  componentDidMount() {
    if(GLOBAL.jssip) {
      this.props.dispatch(connecting(true))
      register('***', '***', (ua) => {
        this.setState({ua: ua}, () => {
          this.state.ua.on("registered", () => {
            this.props.dispatch(connecting(false))
            this.setState({critical: false})
          })
          this.state.ua.on("registrationFailed", () => {
            this.props.dispatch(connecting(false))
            this.setState({critical: true})
          })
        })
      })
    }
  }

И когда я пытаюсь позвонить, я делаю следующее: 

  doCall(number) {
    this.props.dispatch(placeCall(call))
      if(GLOBAL.jssip) {
        let eventHandlers = {
          'connecting': (e) => {
            console.log('call is in progress')
            this.setState({sipStatus: "connecting"})
          },
          'progress': (e) => {
            console.log('call is in progress')
            this.setState({sipStatus: "progress"})
          },
          'failed': (e) => {
            console.log('call failed with cause: ', e)
            this.setState({sipStatus: "failed"})
          },
          'ended': (e) => {
            console.log('call ended with cause: ', e)
            this.setState({sipStatus: "ended"})
          },
          'confirmed': (e) => {
            this.setState({sipStatus: "confirmed"})
          }
        }
        let options = {
          eventHandlers: eventHandlers,
          mediaConstraints: { 'audio': true, 'video': false }
        }
        let session = this.state.ua.call('sip:'+number+'@'+GLOBAL.jssip_server, options)

      }
  }

Кто-нибудь знает, как это исправить?

1 Ответ

0 голосов
/ 28 июня 2018

Благодаря ответу здесь: Как обрабатывать аудиопоток в JsSIP?

Я нашел решение, мне нужно было добавить в файл рендеринг вызова: 

<audio ref={(audio) => {this.audioElement = audio}} id="audio-element"></audio>

И последний бит doCall изменился на: 

this.setState({session: this.state.ua.call('sip:'+number+'@'+GLOBAL.jssip_server, options)}, () =>{
  this.state.session.connection.addEventListener('addstream', (event: any) => {
    this.audioElement.srcObject = event.stream
    this.audioElement.play()
  })
})
...