rdvc: A TypeScript repository from liuchengts

目前为止，有非常多的远程桌面软件可以选择，使用nodejs重新开发的目的仅仅是为了学习nodejs。当前的设计实现仅仅是Demo，约只有 rustdesk 1/10的效果。

client端
- client core：用于实时获取屏幕的画面并进行编码压缩，通过网络传输到server端
- clenet gui：用于处理显示server端传输过来的屏幕画面
server端：
- server core：处理client core的数据并提供clenet gui直连数据推送
- server gui：用于管理所有的client core与clenet gui

画面捕获（截屏图片、推视频流）
- 截屏图片的方式具有明显的延迟，在牺牲图片显示画质的情况下可以提升画面流畅度
- 推视频流的方式流畅度很高，但是需要架设推流服务器
画面数据压缩传输
- 降低传输带宽占用，提升传输能力，也确保数据不被窃取
网络通讯
- 使用websocket建立通讯，通过topic、room等机制实现数据的收发和触达。
画面数据解压缩
- 需要考虑解压缩的效率问题
画面还原，显示到页面上
- html web页面
- GUI页面

server端
- nodejs 16.17 主体语言
- typescript 4.7.3 开发语言
- ts-node 10.8.1 支持nodejs下使用typescript的支持库
- express 4.16.1 网络支持库
- socket.io 4.5.1 websocket支持库（依赖于express）
clenet core
- nodejs 16.17 主体语言
- typescript 4.7.3 开发语言
- ts-node 10.8.1 支持nodejs下使用typescript的支持库
- express 4.16.1 网络支持库
- socket.io-client 4.5.1 websocket支持库（依赖于express）
- @squoosh/lib 0.4.0 谷歌出品的图片压缩支持库 (使用请参考 nodejs之图片压缩)
- screenshot-desktop 1.12.7 屏幕截图支持库（在windows下有文件权限问题请参考 nodejs截屏）
clenet gui
- vue3 主体框架
- typescript 4.5.5 开发语言
- socket.io-client 4.5.1 websocket支持库
- canvas 2.9.3 画图支持库
common
- 定义所有的数据模型
- 定义所有的事件模型
- 压缩&解压（加解密）工具

画面获取需要改变由截屏变成推流才有可能接近 rustdesk 这种低延时的效果
- canvas的性能不足以支撑1s内多个画面帧的绘制
- 可能的替代方案是ffmpeg
需要补充设计一套控制模型

说实话，这个demo写完让我挺失望的，没什么好写的了，后面替换为推流再整一版，当前项目地址 rdvc

liuchengts/rdvc