项目作者: AJLoveChina

项目描述 :
?一个非常简单值得看看的HTML5采集桌面/应用视频的demo
高级语言: JavaScript
项目地址: git://github.com/AJLoveChina/ScreenCaptureDemo.git


screen-capture-demo

一个非常简单的获取桌面视频流的demo

依赖库

快速开始

  1. # install dependencies
  2. npm install
  3. # serve with hot reload at localhost:8080
  4. npm run dev

Tip:
如果你使用的是Chrome, 请先 : 扩展程序 => 加载已解压的扩展程序 => 选择项目的根目录下面的chrome-extension-sample文件夹 => 完成(记得开启开发者模式)

建议分享桌面的时候不要选择桌面, 而是选择应用, 这样不会出现画中画。

WebRTC相关的API大部分需要走https访问(不安全的https是允许的,比如证书错误)

获取桌面视频流的兼容性问题 : 截止2018年12月13日

firefox,Edge可以开箱即用, 其中win10家庭版Edge浏览器不支持

Chrome需要插件, 未来版本的Chrome计划不依赖插件

Safari暂时不支持,目前也提上日程了

2019年10月11日更新:

  • Safari 在最新版本的safari中已经支持了桌面视频流捕捉
  • Chrome 最新的几个版本都已经不需要插件就可以获取桌面视频流了