realtime_chatroom
所属分类:聊天室
开发工具:HTML
文件大小:0KB
下载次数:0
上传日期:2023-06-04 08:37:15
上 传 者:
sh-1993
说明: 客户端-服务器聊天室
(Client-server chatroom)
文件列表:
demo.png (129816, 2023-06-04)
favicon-32x32.png (1116, 2023-06-04)
favicon.ico (15406, 2023-06-04)
favicon_io/ (0, 2023-06-04)
favicon_io/android-chrome-192x192.png (6907, 2023-06-04)
favicon_io/android-chrome-512x512.png (14843, 2023-06-04)
favicon_io/apple-touch-icon.png (6283, 2023-06-04)
index.html (19063, 2023-06-04)
server.js (5467, 2023-06-04)
# Real-time Chatroom
## Client-server program with: chat, file upload/download, voice message, and weather API functionality.
This project is an introductory project I undertook to learn and develop my web development skills.
I undertook this project with limited web development skills, and I plan to update and expand the existing code. This particular server-client chatroom has the following functionality:
* Socket.io and NodeJS chatroom with username and whisper functionality
* File-to-server upload using XHR (XMLHttpRequest)
* Download file with href download link
* Voice messages are sent as JS Objects
* OpenWeatherApp API to fetch weather information
* Video chat functionality coming soon
![Demo_photo](https://github.com/benbsteven2002/realtime_chatroom/blob/master/demo.png)
## Getting Started
To clone and run the project, follow these steps:
1. Clone the repository and navigate to the project directory:
```bash
git clone
cd realtime_chatroom
```
2. Install the necessary dependencies:
```bash
npm install
```
3. Start the server:
```bash
node server.js
```
4. Connect to the client by opening the following URL in your browser:
```
http://localhost:3000
```
## User Functionality and Overview
1. Chatroom functionality
2. Duplicate usernames are not accepted
3. User list updates dynamically
4. Whisper functionality: Use "/w username message" to send a private message
5. File transfer:
- Clients can upload files to the server
- Clients can download files from the server
6. Voice messages:
- Click "Record" to start recording and "Stop" to end the recording
- Follow on-screen prompts for recording voice messages
7. Weather API: Use "weather city_name" to receive temperature and wind speeds of a city
### Coming Soon!
1. Video calling
2. Interactive chatbot
### Known Bugs
- Currently, a user can whisper to anything, including non-existing usernames (e.g., "/w not_a_username hello void").
- Messages currently have a size limit.
- When a voice message is canceled, the audio must stop playing.
近期下载者:
相关文件:
收藏者: