【开源自荐】基于 Livekit，Netxjs的匿名聊天网站，支持文本聊天与麦克风屏幕录制

[velor2012]

简介

这是一个基于livekit 和 Next.js的匿名聊天室

ENGLISH | 中文

Demo

在线体验地址：https://chat.cwy666.eu.org/

这个Demo使用livekit cloud 的免费服务，当超过免费额度(每月50G流量)时会自动停止

特点

• 部署简单，前端支持直接部署到vercel, 后端可以直接使用 livekit cloud 的免费服务，也可以按照官方文档自建
• 支持语音聊天，无需登录
• 支持文本聊天，也可以使用emoji
  • 支持emoji表情搜索
  • 支持更多的消息类型，如图片，视频
• 支持浏览器直接录制麦克风，扬声器和屏幕( Chrome, Edge可以完全支持, safari 不支持扬声器录制)
• 延迟测试--当前版本实现很简陋
• 设置房间密码
• 前端可以选择使用多个apikey，通过轮询的方式选择可用的入口
• 优化移动端显示 - works | good | excellent 🚩

(🚩表示正在进行的工作)

本地部署

克隆或下载本仓库:

git clone git@github.com:velor2012/anonymous-chat-room.git
cd anonymous-chat-room
yarn install

在 http://cloud.livekit.io 上创建一个新的Project. 然后生成apikey project settings.

修改 next.config.js ，替换 LIVEKIT_API_KEY, LIVEKIT_API_SECRET, LIVEKIT_WS_URL 如果你需要简单的测试延迟，可以提供服务器的PING_URL，否则设置为空即可

⚠️ the website for PING needs to add a header to handle HEAD cross-domain requests

然后运行以下命令

npm run dev

之后就可以在 http://localhost:3000 打开.

部署到生产环境

这是一个标准的nextjs网站，可以按照下列步骤部署

1. fork 这个项目
2. 修改 next.config.js
3. 直接部署到vercel或者yarn build && yarn start的方式部署

Thanks

这个项目基于

• Free4chat

• spatial-audio

• Mornin

• liveKit

• liveKit-React Sdk

• RecordRTC

• mic-speaker-recorder

尤其是思路和界面设计，受到Free4chat的影响极大，非常感谢该库作者！