# TechOnline

**Repository Path**: ElegantDevil/TechOnline

## Basic Information

- **Project Name**: TechOnline
- **Description**: 基于node.js socket.io webRTC 等技术的在线教育平台
- **Primary Language**: NodeJS
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 1
- **Created**: 2016-12-04
- **Last Updated**: 2021-02-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#TechOnline
#一：必备软件
##1.安装 node-v6.10.2-x86.msi：
##2.安装 Git-2.12.2.2-64-bit.exe ：用于用户安装系统运行依赖包和运行node.js服务器
##3.chrome 43.0.2357.130_chrome_installer、Firefox Firefox Setup 51.0b2：使用系统（高版本或者更低版本可能因配置和支持的协议问题无法正常使用）


#二：运行模式（安装node.js msi文件后，在项目根目录、右键选择“git bush”打开命令窗口 输入以下任意一条命令，即可运行服务器）
##1.预运行：使用npm包安装工具安装node module依赖包【需要联网】
	###1.1：在node命令窗口输入命令：npm install 
##2.运行服务器：【等待上一步安装完成后】
	###2.1：生产模式：命令 node server.js
        ###2.1.1：热更新：安装 npm install -g supervisor    运行：supervisor server.js
	###2.2：产品模式：命令 NODE_ENV=production node server.js


#三：使用手册【打开chrome浏览器并在地址栏输入：127.0.0.1:3000/index.html 即可进入登录页面，登陆后便可使用以下功能，如果没有多台电脑或者不是同一网络环境的情况可以在本机打开多个浏览器标签进行测试】

##1.聊天(群聊、私聊、自制斗图聊)
	###a.登陆后进入主界面，在聊天输入框输入想说的话后直接点击发送或回车发送，即可实现群聊。
	###b.打开列表双击某个在线用户后输入框出现 某某@ 字样后，在其后输入想说的话后点击发送即可实现私聊。
	###c.在聊天记录里点击单条聊天记录右下方的 @Ta 按钮可以实现如上b步骤。
	###d.聊天支持发送画板截图内容，具体移步至“画板使用”。
	###e.点击聊天记录里的图片记录可以缩放图片。
	###f.鼠标移动至聊天窗口的中心位置（会出现手型指针）后，按住鼠标左键可实现聊天窗口拖动(为强迫症患者提供友好体验)，松开鼠标左键，释放操作。
	###g.“用户上线”、“用户离线”，“私聊”等都会以广播的形式通知所有在线用户。
	###h.“雅黑”、“透明”两种聊天界面主题切换

##2.画板(涂鸦、展示)
	###a.满足基本绘画功能，按住左键移动进行绘画；按住右键移动进行擦除绘画内容（橡皮擦颜色与画板背景一致）
	###b.鼠标移动至画板左侧边缘或点击左侧的“显示绘画设置”标签拉出左侧绘画工具栏
	###c.工具栏包括 “更改画板颜色”，“更改画笔颜色”，“更改画笔粗细”，“更改橡皮尺寸”，“打开本地图片”，“全屏截图”，“清空画布”，“画布共享”，“调整画板大小”
	###d.打开本地图片：可以将本地图片显示到画板上编辑，然后发送到聊天室，实现简单图片共享。
	###e.全屏截图：点击后会把画板整个截图并把数据填充到聊天窗口的文本输入框里，点击发送后，会以图片的形式显示在聊天室。
	###f.画布共享：点击画布共享按钮后，所有客户端将接收到来自本客户端画板上的绘画信息，并实时同步绘画，达到远程演示，分享屏幕的目的。

##3.文件收发
	###a.基于webRTC技术，对于有打开文件发送界面（可自由选择是否接收文件）的用户可以传输和接收文件。

##4.视频会话
	###a.基于webRTC技术，对于有打开视频聊天界面的用户，显示个人及其他有打开视频聊天且开启摄像头的用户的视频画面。


##*注：如果需要局域网访问，请配置个人主机IP：具体位置
	###1.index.html 页面 的 第333行（或附近），将127.0.0.1 改成本机IP即可
	###2.public/js/client.js 的 第3行（或附近） 将127.0.0.1 改成本机IP即可