javascript如何通过Web视图从React组件的构造函数执行Java函数
我正在制作一个视频聊天应用程序,它必须在我的安卓应用程序的网络视图中工作
所以我想要的是根据java将音频和视频设置为true或false。这意味着如果我点击了ui按钮中的音频调用按钮,我应该将视频设置为false,反之亦然
this.getUserMedia = navigator.mediaDevices.getUserMedia({
audio: true,
video: true
})
下面是包含上述行的组件的完整代码
import React, { Component } from 'react';
import MediaContainer from './MediaContainer'
import CommunicationContainer from './CommunicationContainer'
import { connect } from 'react-redux'
import store from '../store'
import io from 'socket.io-client'
class RoomPage extends Component {
constructor(props) {
super(props);
this.getUserMedia = navigator.mediaDevices.getUserMedia({
audio: true,
video: true
}).catch(e => alert('getUserMedia() error: ' + e.name))
this.socket = io.connect();
}
componentDidMount() {
this.props.addRoom();
}
render(){
return (
<div>
<MediaContainer media={media => this.media = media} socket={this.socket} getUserMedia={this.getUserMedia} />
<CommunicationContainer socket={this.socket} media={this.media} getUserMedia={this.getUserMedia} />
</div>
);
}
}
const mapStateToProps = store => ({rooms: new Set([...store.rooms])});
const mapDispatchToProps = (dispatch, ownProps) => (
{
addRoom: () => store.dispatch({ type: 'ADD_ROOM', room: ownProps.match.params.room })
}
);
export default connect(mapStateToProps, mapDispatchToProps)(RoomPage);
如果你能提供一个样本代码给我,请。我是React的新手,所以请尽可能明确
共 (0) 个答案