如何使用JavaScript选择窗口屏幕记录

时间:2019-07-11 04:18:40

标签: javascript reactjs screen videojs-record

我正在使用videojs-record创建一个屏幕记录。现在可以正常工作,但是我想在代码上仅自动选择屏幕1。我应该在JavaScript中做什么

window share screen record image

自加载网站以来,node.js中的videojs记录不会自动记录。现在,由于网站加载并显示如上图所示的窗口,我可以使用它了

const recordAuto = () => {
  document.getElementById('screenButton').click()
}

class Screen extends React.Component {
  async componentDidMount() {
    this.player = videojs(this.videoNode, ScreenOptions, () => {
      this.player.children_[1].setAttribute('id', 'screenButton')
      this.player.children_[1].setAttribute('onLoad', recordAuto())
    });
  }

  componentWillUnmount() {
    if (this.player) {
      this.player.dispose();
    }
  }

  render() {
    return (
      <div data-vjs-player>
        <video id="myVideo" ref={node => this.videoNode = node} className="video-js vjs-default-skin myVideo-dimension" playsInline></video>
      </div>
    );
  }
}

我希望自载入网站以来记录屏幕1的输出,但实际输出是用户应在浏览器上手动选择

0 个答案:

没有答案