码迷,mamicode.com
首页 > Web开发 > 详细

WebSocket传输图片

时间:2016-06-24 17:33:00      阅读:1039      评论:0      收藏:0      [点我收藏+]

标签:

本文之初是想做简易直播系统,然而利用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

 

WebSocket传输图片

标签:

原文地址:http://www.cnblogs.com/jzblogs/p/5613988.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!