采用UDP广播进行数据的传输，实现windows下进行低延迟的屏幕共享。
开发语言：C#
第三方组件：Redis
1.实现思路
![]()
总体流程图
DGIS.DesktopShare实现windows下屏幕分享低延迟功能，按照服务执行位置由三部分构成：发起端、接收端、缓存端。
通过UDP广播实现发起端和接收端的通讯，是为了尽量的减少通讯负载和降低延迟。众所周知UDP是所有通讯协议中延迟最低的(但也有受网络因素丢包的问题，这里作为局域网同屏，暂不考虑丢包问题)，而采用广播的方式可以有效的降低发起端的性能负担。
增加一个Redis服务，是为了减少UDP广播数据，按照1920*1080分辨率的截屏数据来算，单张图片已经超过了UDP单包的最大数据量1472字节，倘若直接使用UDP传输截屏图片，需要额外的进行封包拆包，这样不仅浪费了程序执行时间，也增加了发送端和接收端的代码复杂度。本着最低延迟的目的，将真实的图片数据存入Redis缓存，只通过UDP广播Redis中对应的UID信息即可，这也是本程序最核心的地方。接收端接收到UID的数据后，再自行去获取Redis中真实的数据进行解析。
2.代码结构
![]()
DGIS.DesktopShare.Service的代码结构分为Frm(窗体)、IService(接口)、Service(实现)三个部分。引用的第三方dll有Redis相关操作库、屏幕获取相关库和DGIS开头的辅助操作库。
Frm：
ImgDisplyFrm是接收端的默认显示界面，包含一个PictureBox控件，显示接收到的屏幕图像。
IService：
IDesktopShareService屏幕共享操作接口，主要方法有4个。
![]()
注释的已经很明确了，这里不多说。
Service：
DesktopShareService：IDesktopShareService的实现类，里面是详细的实现方法。核心的代码有下面几个地方：
1 public void Start(int frameRate, bool mouseDisplay, int port)
2 {
3 _udpService = new UdpBroadcastService(port,
4 bytes =>
5 {
6 //deskShareFrm.ShowImg(bytes);
7 });
8
9 _desktopCapturer = CapturerFactory.CreateDesktopCapturer(frameRate, mouseDisplay);
10 _desktopCapturer.ImageCaptured += ImageCaptured;
11 _desktopCapturer.Start();
12
13 //队列循环处理积压的图片
14 //Task.Factory.StartNew(() =>
15 //{
16 // while (true)
17 // {
18 // if (_bitmapQueue.Count > 0)
19 // {
20 // Bitmap bitmap = _bitmapQueue.Dequeue();
21 // SendCommand(bitmap);
22 // }
23
24 // }
25 //});
26 }
开始屏幕分享，_udpService 初始化，屏幕抓取设置以及开启屏幕抓取。
1 /// <summary>
2 /// 屏幕截屏结果
3 /// </summary>
4 /// <param name="bitmap"></param>
5 private void ImageCaptured(Bitmap bitmap)
6 {
7 //_bitmapQueue.Enqueue(bitmap);
8 SendCommand(bitmap);
9 }
1 /// <summary>
2 /// 发送命令
3 /// </summary>
4 /// <param name="bitmap"></param>
5 private void SendCommand(Bitmap bitmap)
6 {
7 //Bitmap newBitmap = ESBasic.Helpers.ImageHelper.RoundSizeByNumber(bitmap, 4);
8 //bitmap.Dispose();
9 //bitmap = null;
10
11 string uid = Guid.NewGuid().ToString();
12 Console.WriteLine(string.Format("图片获取时间:{0}-{1}", DateTime.Now.ToString("mm:ss:ffff"), uid));
13
14 byte[] bytes = ImgConvert.ConvertByte(bitmap);
15 Console.WriteLine(string.Format("缓存转换时间:{0}-{1}", DateTime.Now.ToString("mm:ss:ffff"), uid));
16 bitmap.Dispose();
17 bitmap = null;
18
19 _redisCacheHelper.Add<byte[]>(uid, bytes, TimeSpan.FromMilliseconds(5000));
20 Console.WriteLine(string.Format("缓存插入时间:{0}-{1}", DateTime.Now.ToString("mm:ss:ffff"), uid));
21
22 byte[] sendBytes = StringToBytes(uid);
23 _udpService.Send(sendBytes, sendBytes.Length);
24 Console.WriteLine(string.Format("图片发送时间:{0}-{1}", DateTime.Now.ToString("mm:ss:ffff"), uid));
25
26 sendBytes = null;
27 bytes = null;
28 }
抓取到屏幕图片的结果是Bitmap，这里需要将Bitmap转换为byte[]，因为在测试中Redis直接存入Bitmap取出时候有些异常。待Redis存入图片数据后，再通过UDP发送图片数据。来看下测试数据，图片获取到发送的耗时情况。
![]()
主要的耗时在图片转换这个地方，耗时约10毫秒，redis存入时间是很快的6毫秒左右，UDP发送时间基本为0.
1 public void Recive(int port)
2 {
3 _imgDisplyFrm = new ImgDisplyFrm();
4 _imgDisplyFrm.Closed += (e, o) =>
5 {
6 if (_udpService != null)
7 {
8 _udpService.Dispose();
9 _udpService = null;
10 }
11 };
12
13 _udpService = new UdpBroadcastService(port,
14 bytes =>
15 {
16 ShowImg(bytes);
17 });
18 _imgDisplyFrm.ShowDialog();
19 }
1 /// <summary>
2 /// 显示图像
3 /// </summary>
4 /// <param name="reciveBytes"></param>
5 private void ShowImg(byte[] reciveBytes)
6 {
7 Bitmap bitmap = ParseImg(reciveBytes);
8
9 if (_imgDisplyFrm != null)
10 _imgDisplyFrm.ShowImg(bitmap);
11 }
1 /// <summary>
2 /// 解析图片
3 /// </summary>
4 /// <param name="bytes"></param>
5 /// <returns></returns>
6 private Bitmap ParseImg(byte[] bytes)
7 {
8 string uid = BytesToString(bytes);
9 Console.WriteLine(string.Format("消息接收时间:{0}-{1}", DateTime.Now.ToString("mm:ss:ffff"), uid));
10
11 byte[] imgBytes = _redisCacheHelper.Get<byte[]>(uid);
12 Console.WriteLine(string.Format("缓存获取时间:{0}-{1}", DateTime.Now.ToString("mm:ss:ffff"), uid));
13
14 if (imgBytes != null)
15 {
16 Bitmap bitmap = ImgConvert.ConvertImg(imgBytes);
17 Console.WriteLine(string.Format("转码完成时间:{0}-{1}", DateTime.Now.ToString("mm:ss:ffff"), uid));
18
19 return bitmap;
20 }
21 else
22 return null;
23 }
接收端同样也是开启一个_udpService ，初始化，进行消息监听，接收到消息后进入ShowImg(显示图像)方法，中间主要代码是ParseImg(图片获取解析)这部分，这部分实现将真实图片数据从redis中获取。看下耗时情况。
![]()
这里能看到，消息的发送和接收之间耗时约为0(这里考虑本机没有经过网卡，实际应该有100毫秒左右延迟)，redis缓存获取时间非常的快4毫秒左右，转码耗时30毫秒。
以上综合计算，从屏幕采集到终端接收解析总共耗时50毫秒左右，加上UDP广播理论上的100毫秒延迟，150毫秒是能够达到的。
下图是真实环境中两台电脑的屏幕分享延迟图片。
![]()
从截图上看，延迟在170毫秒，由此看出这种方案是比较可行的。
放一张测试效果图。
![]()
3.源码
源码放到了CSDN上，博客园不知道如何上传附件。万恶的CSDN居然至少需要设置2分了。
GIS.DesktopShare 下载地址：http://download.csdn.net/download/jiangfei200809/10229866
要是没有分的请移步去百度网盘下载吧，载地址：https://pan.baidu.com/s/1i5XlLnZ
代码开源地址：https://gitee.com/JFly/DGIS.BigEye.git
2018.1.30更新：增加了声卡声音采集同步传输
时间仓促，代码和文章都写的不好，只希望这种思路的提出能为有这方面需求的同行提供点参考。
更多个人工作中的项目请访问我的个人网站：www.88gis.cn
