Android PC投屏功能实现的示例代码

maybe

代码地址 ：github.com/deepsadness…

效果预览投屏效果预览

简单说明:

• 使用Android MediaProjection Api来完成视频的截图
• 通过WebSocket进行链接。将图片传递给网页
• 
  

想法来源

看到vysor，觉得特别好玩，于是就想着自己能不能试着做一个类似的功能出来。搜索了相关实现。发现网上已经有网友针对vysor做了分析。于是就照着思路，按图索骥，当作对MediaProjection Api的练习，来完成这个小项目

主要思路1. 获取屏幕的截屏

Android在Api 21以上为我们已经提供了系统的Api可以进行操作。
主要是这几个类的相互配合
MediaProjection和VirtualSurface，还有截图的话，使用ImageReader，三个类配合使用。

配套使用示意图.png

这里需要注意的是，需要通过这个回调，每当屏幕发生变化，就会回调这个接口，可以得到最新的截图。
ImageReader::setOnImageAvailableListener

2. 搭建Socket连接，将图片的数据进行传递

node 部分的代码在 github.com/deepsadness…

因为我们的目标是在网页内打开，所以需要和网页进行通信。
可以简单的使用WebSocket进行双方通向

简单示意图Again.png

通过Socket.iosocket.io/ 就可以简单的实现

3. 如何将图片显示出来

html中的src就可以直接对传递byte[]的进行解析。

1. socket.on('image', function (msg) {
   
2.       var arrayBufferView = new Uint8Array(msg);
   
3.       var blob = new Blob([arrayBufferView], { type: "image/jpeg" });
   
4.       var urlCreator = window.URL || window.webkitURL;
   
5.       var imageUrl = urlCreator.createObjectURL(blob);
   
6.       var img = document.getElementById("screen");
   
7.       // var img = document.querySelector("#photo");
   
8.       img.src = imageUrl;

复制代码

4. 下一步

下一步，就是使用 录制的Api，来做录屏直播了。

keven0077

高科技！棒！以前有客户让我做个投屏软件，我没头绪！

qq631026627

谢分享，谢谢！感谢分享，

210794228

6666666666666666