你的位置:首页 > ASP.net教程

[ASP.net教程]WebSocket传输图片


本文之初是想做简易直播系统,然而利用Html5+WebSocket还是有难度啊。本文只是打通了图像采集->服务器,再由服务器推送到客户端的过程。中间全程使用Image Base64字符串传输(效率不高)

以下是实现步骤

1.实现服务端:有socket和WebSocket两大块构成。socket作为主线程,用于处理图像源上传请求以及管理WebSocket会话。当socket收到图像上传请求时服务端自动创建WebSocket服务,用于发送图像。WebSocket子服务收到图像浏览请求时,开始向客户端发送图像。

2.图像源(CS/BS):该客户端用于采集并上传图像

3.客户端(CS/BS):该客户端用于查看图像

设计图如下

4.项目截图

图像源   
服务器   
客户端1   
客户端2   
    

 5.用到的技术

5.1 HTML5

5.2 SuperSocket 、SuperWebSocket  、WebSocket4Net

5.3 Camera_Net Library

 

 以上通过不断的截图->发送->接收->刷新图片,达到简易直播的目的。

 

下载地址:分享时请注明出处,谢谢!

本人邮箱:jingzhaozhang@outlook.com