React native 在react本机webrtc中<;RTCView>;只有视频来了,音频不起作用

React native 在react本机webrtc中<;RTCView>;只有视频来了,音频不起作用,react-native,webrtc,react-native-android,getusermedia,React Native,Webrtc,React Native Android,Getusermedia,我正在与react native webrtc合作,但我面临一个问题,我能够显示摄像头捕获的视频,但音频不工作,或者我们可以说我正在获取显示的视频帧,但无法收听任何音频。我也给了麦克风访问权限,在getusermedia音频和视频中,这两个参数都是真的 这是我的密码: import React, { Component } from 'react'; import { StyleSheet, View, Button, Text } from 'react-native'; import * a

我正在与react native webrtc合作,但我面临一个问题,我能够显示摄像头捕获的视频,但音频不工作,或者我们可以说我正在获取显示的视频帧,但无法收听任何音频。我也给了麦克风访问权限,在getusermedia音频和视频中,这两个参数都是真的

这是我的密码:

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};
import React,{Component}来自'React';
从“react native”导入{样式表、视图、按钮、文本};
从“mediasoup客户端”导入*作为mediasoupClient
导入{RTCPeerConnection,RTCIceCandidate,RTCSessionDescription,RTCView,MediaStream,
来自“react native webrtc”的MediaStreamTrack、mediaDevices、registerGlobals};
从“socket.io客户端/dist/socket.io”导入io;
registerGlobals()
类WebRtcScreen扩展组件{
状态={
MediaStreamx:新的MediaStream()
}
componentDidMount(){
navigator.mediaDevices.getUserMedia({video:true,audio:true})
.然后(这是handleVideo)
.catch(此.videoError)
}
handleVideo=(流)=>{
this.setState({MediaStreamx:stream})
}
视频错误=(错误)=>{
console.log(err.name)
}
render(){
返回(
);
}
}
const styles=StyleSheet.create({
rtcView:{
宽度:100,//dimensions.width,
高度:200,//dimensions.height/2,
背景颜色:“黑色”,
},
});
导出{WebRtcScreen};

为什么这里的音频不工作?

这里的问题是react native webrtc在耳机中播放音频。你需要使用 在手机扬声器中播放音频


希望这有帮助。

这里的问题是react native webrtc在耳机中播放音频。你需要使用 在手机扬声器中播放音频

希望这能有所帮助。

您能将您的问题更具体地描述为“音频不工作”问题吗?getUserMedia子系统通常会抑制麦克风的本地输出,以避免尖叫反馈。这可能是你的问题。你能不能请你的问题更具体地说明你的“音频不工作”问题?getUserMedia子系统通常会抑制麦克风的本地输出,以避免尖叫反馈。这可能是你的问题吗。