https://github.com/rayc2045/webrtc-video-chat-app
Web video chat app build with WebRTC
https://github.com/rayc2045/webrtc-video-chat-app
chat-room chatapp ejs ejs-express ejs-templates express express-js express-server expressjs meeting node-js nodejs nodejs-server online-meeting peer-to-peer socket-io uuid-v4 video-chat webrtc webrtc-video
Last synced: about 1 month ago
JSON representation
Web video chat app build with WebRTC
- Host: GitHub
- URL: https://github.com/rayc2045/webrtc-video-chat-app
- Owner: rayc2045
- Created: 2021-07-12T03:15:08.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2021-07-14T15:12:06.000Z (about 4 years ago)
- Last Synced: 2025-08-13T02:47:59.015Z (about 2 months ago)
- Topics: chat-room, chatapp, ejs, ejs-express, ejs-templates, express, express-js, express-server, expressjs, meeting, node-js, nodejs, nodejs-server, online-meeting, peer-to-peer, socket-io, uuid-v4, video-chat, webrtc, webrtc-video
- Language: JavaScript
- Homepage: https://rayc-video-chat.herokuapp.com/
- Size: 1.18 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Video Chat App Build with WebRTC and Socket.io
[](https://rayc-video-chat.herokuapp.com/)
[> Chat with friends online](https://rayc-video-chat.herokuapp.com/)
### Clone/Fork this repo
git clone https://github.com/rayc2045/webrtc-video-chat-app.git
cd webrtc-video-chat-app
npm i
npm run dev
### 簡介
這次的專案以 WebRTC (Web Real-Time Communication) 網頁即時通訊技術為底，實現讓不同使用者在不安裝瀏覽器插件的前提下，能夠直接進行點對點 (peer-to-peer) 的語音、視訊通話以及資料傳輸。在缺乏中繼多媒體串流伺服器的情況下，人數限制應該會在十人左右，雖然沒有試過在線人數的上限，不過仍可作為簡單實用的多人視訊 App。
### 使用方式
1. 前往網站 [https://rayc-video-chat.herokuapp.com/](https://rayc-video-chat.herokuapp.com/)
2. 分享連結給朋友
3. 開始聊天，就這麼簡單 🙂
### 開發紀錄
- 開發中使用 [Nodemon](https://github.com/remy/nodemon) 即時更新 Node.js 專案的改動
- 使用 Node.js Web 應用程式架構 [Express](https://expressjs.com/zh-tw/) 開發伺服器執行環境
- 使用通用唯一辨識碼 UUID 作為聊天室位址
- 透過 [PeerJS](https://peerjs.com/) 實現 WebRTC P2P 通訊
- 透過 [Socket.IO](https://socket.io/) 實現即時雙向通信
- 使用嵌入式 JavaScript 模板引擎 [EJS](https://ejs.co/) 產生網站模板
- 使用 [Heroku](https://www.heroku.com/) 部署專案