有 Java 编程相关的问题?

你可以在下面搜索框中键入要查询的问题!

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) 个答案