本文之初是想做简易直播系统,然而利用Html5+WebSocket还是有难度啊。本文只是打通了图像采集->服务器,再由服务器推送到客户端的过程。中间全程使用Image Base64字符串传输(效率不高)以下是实现步骤1.实现服务端:有socket和WebSocket两大块构 ...
本文之初是想做简易直播系统,然而利用Html5+WebSocket还是有难度啊。本文只是打通了图像采集->服务器,再由服务器推送到客户端的过程。中间全程使用Image Base64字符串传输(效率不高)
以下是实现步骤
1.实现服务端:有socket和WebSocket两大块构成。socket作为主get='_blank'>线程,用于处理图像源上传请求以及管理WebSocket会话。当socket收到图像上传请求时服务端自动创建WebSocket服务,用于发送图像。WebSocket子服务收到图像浏览请求时,开始向客户端发送图像。
2.图像源(CS/BS):该客户端用于采集并上传图像
3.客户端(CS/BS):该客户端用于查看图像
设计图如下
4.项目截图
5.用到的技术
5.1 HTML5
5.2 SuperSocket 、SuperWebSocket 、WebSocket4Net
5.3 Camera_Net Library
以上通过不断的截图->发送->接收->刷新图片,达到简易直播的目的。
下载地址:分享时请注明出处,谢谢!
本人邮箱:jingzhaozhang@outlook.com
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com
原标题:WebSocket传输图片
关键词:web
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。