可视频可随意创建的聊天室聊天内容前端加密服务端看不到

自适应移动设备和电脑浏览器

电脑上就是下面的截图的样子.
手机上会隐藏左边一列.

支持私聊和视频

点对应的昵称, 昵称变色, 进入私聊模式
点 Group: N 返回群聊模式
房间只有两个人的时候按电话按钮发起视频呼叫, 房间两人以上时需先进私聊模式才能视频.
在较高版的浏览器上, 视频支持弹出画中画窗口, 可边视频边干别的.

聊天内容包括视频通话的协商内容均加密后传输, 服务端看不到.

加密密钥是通过组名 + 密码 + saltA, 用特殊步骤计算出来的.
聊天室的 ID 是用组名 + 密码 + saltB, hash 出来的.

大致这样的:
Key = keygen(funcA(hashA(group_name, group_pass, salt_A)));
RoomId = hashB(group_name, group_pass, salt_B)));
服务端只知道 RoomId, 客户端知道 RoomId 和 key, 且无法通过 RoomId 推导 key
所以服务端和运营商不知道聊天内容, 除非输入法或设备本身被...
前端部分代码量不算多, 可用工具或 AI 分析并验证上述说法.

没有预设的聊天室或公开的聊天室列表

输入任意的组名&密码&昵称即可创建聊天室, 进聊天室前可获取分享链接.
分享链接可任意包含组名&密码&昵称, 如链接不含密码, 则需用其他方式传递密码.
相同的组名&密码组合意味着相同的聊天室, 相同组名+不同密码则为不同聊天室.
分享链接给朋友即可体验私密聊天, 如没有朋友可新开浏览器 tab 或用其它设备体验.

还有什么别的用途

不同设备之间传递分享文本内容.
把手机或别的设备变成监控.

Screenshots

这个东西还不是开源的, 直接贴我的站点链接会封 IP, 用 Github 转一下吧 https://github.com/webd90kb/webd/tree/master/chatrooms

NewYear

35 天前

@zhng920823

UI 这块可以参考各个站点，V2 就是一个典型，我曾经注意过，一句话总结：

多用圆角，页面用到的颜色不要太多，白底+灰色边框是最简单的搭配。

圆角、白色背景、带点阴影，按钮也是淡灰色带颜色渐变，你看 V2 是不是就这样的一套逻辑。然后一个大背景作为点缀。。。不过聊天室不太适合搞大背景……但也可以像微信一样用一个圆角带背景色的框，把每一段话框起来。

设计简单，不失高级感，CSS 也好写。。。。其他颜色要搭配起来比较麻烦，可能要调好久才能比较合适。

可视频 可随意创建的聊天室 聊天内容前端加密 服务端看不到