基于 Livekit 和 Next.js 的匿名聊天网站

一个支持匿名文本聊天和麦克风屏幕录制的聊天室,基于 Livekit 和 Next.js 构建,部署简单,支持 Vercel 部署和 Livekit Cloud 免费服务。

简介这是一个基于livekitNext.js的匿名聊天室ENGLISH | 中文## Demo在线体验地址:https://chat.cwy666.eu.org/这个Demo使用livekit cloud 的免费服务,当超过免费额度(每月50G流量)时会自动停止## 特点- [x] 部署简单,前端支持直接部署到vercel, 后端可以直接使用 livekit cloud 的免费服务,也可以按照官方文档自建- [x] 支持语音聊天,无需登录- [x] 支持文本聊天,也可以使用emoji - [x] 支持emoji表情搜索 - [ ] 支持更多的消息类型,如图片,视频- [x] 支持浏览器直接录制麦克风,扬声器和屏幕( Chrome, Edge可以完全支持, safari 不支持扬声器录制)- [ ] 延迟测试--当前版本实现很简陋- [ ] 设置房间密码- [ ] 前端可以选择使用多个apikey,通过轮询的方式选择可用的入口- [ ] 优化移动端显示 - works | good | excellent 🚩(🚩表示正在进行的工作)## 本地部署克隆或下载本仓库:bashgit clone git@github.com:velor2012/anonymous-chat-room.gitcd anonymous-chat-roomyarn installhttp://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然后运行以下命令bashnpm run dev之后就可以在 http://localhost:3000 打开.## 部署到生产环境这是一个标准的nextjs网站,可以按照下列步骤部署1. fork 这个项目2. 修改 next.config.js3. 直接部署到vercel或者yarn build && yarn start的方式部署## Thanks这个项目基于 - Free4chat - spatial-audio - Mornin - liveKit - liveKit-React Sdk - RecordRTC - mic-speaker-recorder尤其是思路和界面设计,受到Free4chat的影响极大,非常感谢该库作者!