为什么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的多人在线协作工具相关推荐

  1. node php聊天室,利用socket.io实现多人聊天室(基于Nodejs)

    利用socket.io实现多人聊天室(基于Nodejs) socket.io简介 在Html5中存在着这样的一个新特性,引入了websocket,关于websocket的内部实现原理可以看这篇文章,这 ...

  2. 基于socket.io的实时在线选座系统

    基于socket.io的实时在线选座系统(demo) 前言 前段时间公司做一个关于剧院的项目,遇到了这样一种情况. 在高并发多用户同时选座的情况下,假设A用户进入选座页面,正在选择座位,此时还没有提交 ...

  3. socket.io简单说明及在线抽奖demo

    socket.io简单说明及在线抽奖demo socket.io 简介 Socket.IO可以实现实时双向的基于事件的通信. 它适用于各种平台,浏览器或设备,也同样注重可靠性和速度. socket.i ...

  4. vue.js+socket.io+express+mongodb打造在线聊天[一]

    vue.js+socket.io+express+mongodb打造在线聊天 在线地址观看 http://www.chenleiming.com/vuechat github地址 https://gi ...

  5. 基于socket.io的web聊天室

    基于socket.io的web聊天室 一. 项目介绍 该项目使用node.js作为后端服务器框架,并利用socket.io来实现web聊天室功能.socket.io是由 JavaScript 实现的基 ...

  6. ios视频通话三方_iOS基于Socket.io即时通讯IM实现,WebRTC实现视频通话

    Socket.io-FLSocketIM-iOS 基于Socket.io iOS即时通讯客户端 iOS IM Client based on Socket.io 实现功能 文本发送 图片发送(从相册选 ...

  7. 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 ...

  8. python实现简易聊天需要登录博客园zip下载_Python基于Socket实现简易多人聊天室的示例代码...

    前言 套接字(Sockets)是双向通信信道的端点. 套接字可以在一个进程内,在同一机器上的进程之间,或者在不同主机的进程之间进行通信,主机可以是任何一台有连接互联网的机器. 套接字可以通过多种不同的 ...

  9. java源码聊天软件_【原创】基于Java NIO的多人在线聊天工具源码实现(登录,单聊,群聊)...

    近来在学习Java NIO网络开发知识,写了一个基于Java NIO的多人在线聊天工具MyChat练练手.源码公开在Coding上: 编写一个基于Java NIO的多人在线聊天工具,需要以下几方面的知 ...

最新文章

  1. 植保口的面上项目共153项,系统总结
  2. 纸上谈兵: AVL树
  3. 一份数学小白也能读懂的「马尔可夫链蒙特卡洛方法」入门指南
  4. 02_Influxdb开启登录认证
  5. opencv打开pb_NSFW-Score: OpenCV读取pb转化的ONNX模型时报错
  6. IE8下JQuery clone 出的select元素使用append添加option异常解决记录
  7. heap python_python topN max heap,使用heapq还是自实现?
  8. ubuntu下安装code::blocks
  9. 新浪微博php7升级实践,PHP7线上system time飙高问题
  10. fill函数 神奇的迭代器
  11. 跟踪AppInfo代码
  12. ftp常用命令(windows cmd中使用示例)
  13. W2019SRV and W10 (1809) Office2019 CN
  14. HCNP——RIPv1和RIPv2概况
  15. 被中国家长摧残的十种优秀儿童品质
  16. 水瓶座可笑却笑不出的悲哀 - Qzone日志
  17. B样条曲线拟合(B_Spline_Approximation)
  18. MII、RMII、SMII、GMII接口简介
  19. 两化融合的定义和两化融合如何认定
  20. UserControl关闭事件

热门文章

  1. Delphi 调用外部程序并等待其运行结束
  2. CCF CSP 201612-1中位数(满分代码)
  3. 算法实验--主函数只有五行的Floyed的算法以及最短路径输出
  4. 工程设计+算法规模化真的是AI突破吗?DeepMind唇读系统ICLR遭拒
  5. nginx反代理服务器
  6. 《VMware、Citrix和Microsoft虚拟化技术详解与应用实践》一2.4 ESXi 5.0的简单设置...
  7. 月读の自动读取 根据注释解析列名和字典
  8. 通过rsync实现数据备份
  9. Oracle 11g Release 1 (11.1) 查询优化器的访问路径
  10. asp.net中防止攻击的方法