在线白板,基于socket.io的多人在线协作工具
为什么80%的码农都做不了架构师?>>>
首发:个人博客,更新&纠错&回复
是昨天这篇博文留的尾巴,socket.io库的使用练习,成品地址在这里。
代码已经上传到github,传送门。可以开俩浏览器看效果。
现实意义是俩人在线交流时说不明白,这时有个白板就好了,两人都能在上面写写画画,帮助沟通。
把github的readme搬过来——
在线白板,基于socket.io的多人在线协作工具
此项目用于socket.io技术的使用演示
1.安装node.js
2.在某个文件夹下执行npm install socket.io
3.将源码拷贝到该文件夹下
4.执行node main.js
5.开两个浏览器访问http://localhost/
目前支持画直线、添加文字、橡皮擦、清空画布功能,可以参考源码自行添加其他功能。
可用于多人在线交流,起到白板的作用。
演示地址:演示地址
主要用的技术是Node.js的socket.io模块做服务器/客户端交互,画布绘制调用html5的canvas API。
长期欢迎项目合作机会介绍,项目收入10%用于酬谢介绍人。新浪微博:@冷镜,QQ:908789432。
转载于:https://my.oschina.net/u/866216/blog/533393
在线白板,基于socket.io的多人在线协作工具相关推荐
- node php聊天室,利用socket.io实现多人聊天室(基于Nodejs)
利用socket.io实现多人聊天室(基于Nodejs) socket.io简介 在Html5中存在着这样的一个新特性,引入了websocket,关于websocket的内部实现原理可以看这篇文章,这 ...
- 基于socket.io的实时在线选座系统
基于socket.io的实时在线选座系统(demo) 前言 前段时间公司做一个关于剧院的项目,遇到了这样一种情况. 在高并发多用户同时选座的情况下,假设A用户进入选座页面,正在选择座位,此时还没有提交 ...
- socket.io简单说明及在线抽奖demo
socket.io简单说明及在线抽奖demo socket.io 简介 Socket.IO可以实现实时双向的基于事件的通信. 它适用于各种平台,浏览器或设备,也同样注重可靠性和速度. socket.i ...
- vue.js+socket.io+express+mongodb打造在线聊天[一]
vue.js+socket.io+express+mongodb打造在线聊天 在线地址观看 http://www.chenleiming.com/vuechat github地址 https://gi ...
- 基于socket.io的web聊天室
基于socket.io的web聊天室 一. 项目介绍 该项目使用node.js作为后端服务器框架,并利用socket.io来实现web聊天室功能.socket.io是由 JavaScript 实现的基 ...
- ios视频通话三方_iOS基于Socket.io即时通讯IM实现,WebRTC实现视频通话
Socket.io-FLSocketIM-iOS 基于Socket.io iOS即时通讯客户端 iOS IM Client based on Socket.io 实现功能 文本发送 图片发送(从相册选 ...
- phaser.min.js_如何使用Phaser 3,Express和Socket.IO构建多人纸牌游戏
phaser.min.js I'm a tabletop game developer, and am continually looking for ways to digitize game ex ...
- python实现简易聊天需要登录博客园zip下载_Python基于Socket实现简易多人聊天室的示例代码...
前言 套接字(Sockets)是双向通信信道的端点. 套接字可以在一个进程内,在同一机器上的进程之间,或者在不同主机的进程之间进行通信,主机可以是任何一台有连接互联网的机器. 套接字可以通过多种不同的 ...
- java源码聊天软件_【原创】基于Java NIO的多人在线聊天工具源码实现(登录,单聊,群聊)...
近来在学习Java NIO网络开发知识,写了一个基于Java NIO的多人在线聊天工具MyChat练练手.源码公开在Coding上: 编写一个基于Java NIO的多人在线聊天工具,需要以下几方面的知 ...
最新文章
- 植保口的面上项目共153项,系统总结
- 纸上谈兵: AVL树
- 一份数学小白也能读懂的「马尔可夫链蒙特卡洛方法」入门指南
- 02_Influxdb开启登录认证
- opencv打开pb_NSFW-Score: OpenCV读取pb转化的ONNX模型时报错
- IE8下JQuery clone 出的select元素使用append添加option异常解决记录
- heap python_python topN max heap,使用heapq还是自实现?
- ubuntu下安装code::blocks
- 新浪微博php7升级实践,PHP7线上system time飙高问题
- fill函数 神奇的迭代器
- 跟踪AppInfo代码
- ftp常用命令(windows cmd中使用示例)
- W2019SRV and W10 (1809) Office2019 CN
- HCNP——RIPv1和RIPv2概况
- 被中国家长摧残的十种优秀儿童品质
- 水瓶座可笑却笑不出的悲哀 - Qzone日志
- B样条曲线拟合(B_Spline_Approximation)
- MII、RMII、SMII、GMII接口简介
- 两化融合的定义和两化融合如何认定
- UserControl关闭事件
热门文章
- Delphi 调用外部程序并等待其运行结束
- CCF CSP 201612-1中位数(满分代码)
- 算法实验--主函数只有五行的Floyed的算法以及最短路径输出
- 工程设计+算法规模化真的是AI突破吗?DeepMind唇读系统ICLR遭拒
- nginx反代理服务器
- 《VMware、Citrix和Microsoft虚拟化技术详解与应用实践》一2.4 ESXi 5.0的简单设置...
- 月读の自动读取 根据注释解析列名和字典
- 通过rsync实现数据备份
- Oracle 11g Release 1 (11.1) 查询优化器的访问路径
- asp.net中防止攻击的方法