React native 在react本机webrtc中<;RTCView>;只有视频来了,音频不起作用
我正在与react native webrtc合作,但我面临一个问题,我能够显示摄像头捕获的视频,但音频不工作,或者我们可以说我正在获取显示的视频帧,但无法收听任何音频。我也给了麦克风访问权限,在getusermedia音频和视频中,这两个参数都是真的 这是我的密码: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
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子系统通常会抑制麦克风的本地输出,以避免尖叫反馈。这可能是你的问题吗。