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

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

第三步,打开chrome,输入 chrome://extensions/ 以打开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%
网友评论0