天天看點

一款基于 livekit 和 Next.js 的匿名聊天室「anonymous-chat-room」

作者:程式猿阿嘴

今天推薦的這個項目是「anonymous-chat-room」,一個基于 livekit 和 Next.js 的匿名聊天室,可以進行文字、語音聊天,并支援語音錄屏。

特點

  • 部署簡單:前端支援直接部署到 vercel,後端可以直接使用 livekit cloud 的免費服務,也可以按照官方文檔自建
  • 支援視訊,語音聊天(預設隻允許語音),無需登入
  • 支援文本聊天,也可以使用 emoji
  • 支援emoji表情搜尋
  • 支援更多的消息類型,如圖檔、視訊(開發中)
  • 支援浏覽器直接錄制麥克風,揚聲器和螢幕(Chrome、 Edge 可以完全支援,safari 不支援揚聲器錄制)
  • 延遲測試(目前版本實作很簡陋)
  • 設定房間密碼
  • 前端可以選擇使用多個 apikey,通過輪詢的方式選擇可用的入口
一款基于 livekit 和 Next.js 的匿名聊天室「anonymous-chat-room」
一款基于 livekit 和 Next.js 的匿名聊天室「anonymous-chat-room」
一款基于 livekit 和 Next.js 的匿名聊天室「anonymous-chat-room」

本地部署

1、克隆或下載下傳本倉庫

git clone [email protected]:velor2012/anonymous-chat-room.git  
cd anonymous-chat-room  
yarn install
           

2、在 http://cloud.livekit.io 上建立一個新的 Project,然後生成 apikey project settings

3、按照提示,修改 env.example 中的環境變量,重命名為 env.local

4、運作以下指令

npm run dev
           

之後就可以在 http://localhost:3000 打開。

線上體驗位址+開源項目位址,點贊+轉發,私信【學習】,免費領取

繼續閱讀