Arhn - архитектура программирования

В react-native-webrtc в ‹RTCView› только видео идет, звук не работает

Я работаю с react-native-webrtc, но столкнулся с одной проблемой: я могу отображать видео, снятое камерой, но звук не работает, или мы можем сказать, что я получаю видеокадры дисплея и не могу слушать звук. Я также дал доступ к микрофону, и в getusermedia audio и video оба параметра верны.

Вот мой код:

import React, { Component } from 'react';
import { StyleSheet, View, Button, Text } from 'react-native';
import * as mediasoupClient from 'mediasoup-client'
import {RTCPeerConnection,RTCIceCandidate,RTCSessionDescription,RTCView,MediaStream,
        MediaStreamTrack,mediaDevices,registerGlobals} from 'react-native-webrtc';
import io from 'socket.io-client/dist/socket.io';
registerGlobals()
class WebRtcScreen extends Component {
  
  state = {
    MediaStreamx :new MediaStream()
  }

  componentDidMount(){
    navigator.mediaDevices.getUserMedia({video: true, audio: true})
      .then(this.handleVideo)
      .catch(this.videoError)
      
  }

  handleVideo = (stream) => {
    this.setState({MediaStreamx:stream})
  }

  videoError = (err) => {
    console.log(err.name)
  }

render() {
    return (
      <RTCView 
      key={1}
      zOrder={2}
      objectFit='cover'
      style={{ ...styles.rtcView }}  
      streamURL={this.state.MediaStreamx.toURL()}/>
    );
  }
}
const styles = StyleSheet.create({
rtcView: {
  width: 100, //dimensions.width,
  height: 200,//dimensions.height / 2,
  backgroundColor: 'black',
},
});


export{WebRtcScreen};

Почему здесь не работает звук?


  • Не могли бы вы отредактировать свой вопрос, чтобы более точно указать, что звук не работает? Подсистемы getUserMedia обычно подавляют локальный вывод с микрофона, чтобы избежать визжащей обратной связи. Может быть, это твоя проблема. 25.05.2020

Ответы:


1

Проблема здесь в том, что react-native-webrtc воспроизводит звук в наушниках. Вам необходимо использовать https://github.com/react-native-webrtc/react-native-incall-manager для воспроизведения звука через динамик телефона.

Надеюсь это поможет.

30.05.2020
Новые материалы

Коллекции публикаций по глубокому обучению
Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..

Представляем: Pepita
Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..

Советы по коду Laravel #2
1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..

Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..

3 способа решить квадратное уравнение (3-й мой любимый) -
1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..

Создание VR-миров с A-Frame
Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..

Демистификация рекурсии
КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..