android投屏功能开发,Android PC投屏功能实现的示例代码

本文介绍了Android PC投屏功能实现的示例代码,分享给大家,具体如下:

效果预览

9aeb19be8e895d56f9a73d14b713c484.gif

投屏效果预览

简单说明:

使用Android MediaProjection Api来完成视频的截图

通过WebSocket进行链接。将图片传递给网页

想法来源

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

主要思路

1. 获取屏幕的截屏

Android在Api 21以上为我们已经提供了系统的Api可以进行操作。

主要是这几个类的相互配合

MediaProjection和VirtualSurface,还有截图的话,使用ImageReader,三个类配合使用。

1727a2d351503aee4b3881a63c5858b7.png

配套使用示意图.png

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

ImageReader::setOnImageAvailableListener

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

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

001408427c5c1f5413a8bd415ed08fcc.png

简单示意图Again.png

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

3. 如何将图片显示出来

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

socket.on('image', function (msg) {

var arrayBufferView = new Uint8Array(msg);

var blob = new Blob([arrayBufferView], { type: "image/jpeg" });

var urlCreator = window.URL || window.webkitURL;

var imageUrl = urlCreator.createObjectURL(blob);

var img = document.getElementById("screen");

// var img = document.querySelector("#photo");

img.src = imageUrl;

4. 下一步

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持找一找教程网。

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值