本文介紹了Android PC投屏功能實(shí)現(xiàn)的示例代碼，分享給大家，具體如下：

創(chuàng)新互聯(lián)公司專(zhuān)業(yè)為企業(yè)提供額濟(jì)納網(wǎng)站建設(shè)、額濟(jì)納做網(wǎng)站、額濟(jì)納網(wǎng)站設(shè)計(jì)、額濟(jì)納網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、額濟(jì)納企業(yè)網(wǎng)站模板建站服務(wù)，10余年額濟(jì)納做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

代碼地址 ：https://github.com/deepsadness/MediaProjectionDemo

效果預(yù)覽

投屏效果預(yù)覽

簡(jiǎn)單說(shuō)明:

1. 使用Android MediaProjection Api來(lái)完成視頻的截圖
2. 通過(guò)WebSocket進(jìn)行鏈接。將圖片傳遞給網(wǎng)頁(yè)

想法來(lái)源

看到vysor，覺(jué)得特別好玩，于是就想著自己能不能試著做一個(gè)類(lèi)似的功能出來(lái)。搜索了相關(guān)實(shí)現(xiàn)。發(fā)現(xiàn)網(wǎng)上已經(jīng)有網(wǎng)友針對(duì)vysor做了分析。于是就照著思路，按圖索驥，當(dāng)作對(duì)MediaProjection Api的練習(xí)，來(lái)完成這個(gè)小項(xiàng)目

主要思路

1. 獲取屏幕的截屏

Android在Api 21以上為我們已經(jīng)提供了系統(tǒng)的Api可以進(jìn)行操作。

主要是這幾個(gè)類(lèi)的相互配合

MediaProjection和VirtualSurface，還有截圖的話(huà)，使用ImageReader，三個(gè)類(lèi)配合使用。

配套使用示意圖.png

這里需要注意的是，需要通過(guò)這個(gè)回調(diào)，每當(dāng)屏幕發(fā)生變化，就會(huì)回調(diào)這個(gè)接口，可以得到最新的截圖。

ImageReader::setOnImageAvailableListener

2. 搭建Socket連接，將圖片的數(shù)據(jù)進(jìn)行傳遞

node 部分的代碼在 https://github.com/deepsadness/MediaProjectionDemo/tree/master/sockt

因?yàn)槲覀兊哪繕?biāo)是在網(wǎng)頁(yè)內(nèi)打開(kāi)，所以需要和網(wǎng)頁(yè)進(jìn)行通信?？梢院?jiǎn)單的使用WebSocket進(jìn)行雙方通向

簡(jiǎn)單示意圖Again.png

通過(guò)Socket.iosocket.io/ 就可以簡(jiǎn)單的實(shí)現(xiàn)

3. 如何將圖片顯示出來(lái)

html中的src就可以直接對(duì)傳遞byte[]的進(jìn)行解析。

 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，來(lái)做錄屏直播了。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。