一步一步教您怎么利用chrome浏览器进行屏幕共享

一步一步教您怎么利用chrome进行屏幕共享

webrtc不仅可提供以摄像头为源的视频通讯功能,也能进行主机的screensharing,但目前支持webrtc的浏览器,无法直接截取主机屏幕,故无法使用此功能,需要插件支持才能实现屏幕截取共享功能,这里就介绍如何使用chrome浏览器进行屏幕共享。

第一步,下载chrome插件模板,点击下载

一步一步教您怎么利用chrome浏览器进行屏幕共享

第二步,解压文件后,进入目录打开manifest.json,将https://webrtc.github.io/samples/*改为本地的https地址https://192.168.0.100/*

一步一步教您怎么利用chrome浏览器进行屏幕共享

第三步,打开chrome,输入 chrome://extensions/ 以打开chrome的扩展程序,

一步一步教您怎么利用chrome浏览器进行屏幕共享

一步一步教您怎么利用chrome浏览器进行屏幕共享

第四步,在本地服务器根目录新建一个html文件 screenrecord.html,内容如下

<!DOCTYPE html>
<html>
<head>


  <title>Desktop capture</title>

  <style>
    body {
      background: white;
      display: -webkit-flex;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      -webkit-flex-direction: column;
    }
    video {
      width: 640px;
      height: 480px;
      border: 1px solid #e2e2e2;
    }
  </style>

</head>
<body>
  <video id="video" playsinline autoplay></video>
  <p>
    <button id="start">Share Screen</button>
  </p>
  <script>
      'use strict';

const videoElement = document.getElementById('video');

let extensionInstalled = false;

document.getElementB...

点击查看剩余70%

{{collectdata}}

网友评论0