https://github.com/hammcn/bbbug_frontend

一个支持多房间的点歌听歌聊天室PC网站，实现了类KTV的点歌、顶歌、切歌，也可以自己听自己的歌，做一个自己的音乐播放器。
https://github.com/hammcn/bbbug_frontend

element im music vue web websocket

Last synced: about 1 month ago
JSON representation

一个支持多房间的点歌听歌聊天室PC网站，实现了类KTV的点歌、顶歌、切歌，也可以自己听自己的歌，做一个自己的音乐播放器。

• Host: GitHub
• URL: https://github.com/hammcn/bbbug_frontend
• Owner: HammCn
• License: gpl-3.0
• Created: 2020-11-11T08:52:11.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2024-02-19T10:09:54.000Z (11 months ago)
• Last Synced: 2024-12-11T22:11:24.840Z (about 1 month ago)
• Topics: element, im, music, vue, web, websocket
• Language: Vue
• Homepage: https://hamm.cn
• Size: 7.55 MB
• Stars: 157
• Watchers: 1
• Forks: 32
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        

BBBUG聊天室 前端仓库




Github | 

Gitee





















### 介绍

一个可以聊天听歌的音乐聊天室，支持了Gitee/OSChina/QQ/钉钉等OAuth登录，支持多房间和创建私人房间，支持房间加密和切换房间模式。此仓库为PC站前端仓库。

体验一下：demo.bbbug.com

### 免责声明

平台音乐数据来源于第三方网站，仅供学习交流使用，请勿用于商业用途。

### 技术架构

IM后端采用```node-websocket```实现```Websocket```服务，使用```pm2```持久化运行，```Nginx```做Wss代理，前端采用```ElementUI&vue```实现，后端使用```PHP```做数据接口API，```PHP-CLI```做后端数据同步，```Redis```做数据队列与缓存。 

### 使用说明

1. clone当前项目 ```git clone https://gitee.com/bbbug_com/ChatWEB.git```

2. 安装依赖项 ```npm install```

3. 开发环境运行```npm run dev``` 即可预览项目

4. 打包部署生产```npm run build```

[更详细的部署手册请查看这里>>>](https://doc.bbbug.com/3097561.html)

### 已实现功能

```

1、普通文字与图片表情消息聊天功能

2、歌曲搜索、点歌、切歌、顶歌、收藏歌曲等功能

3、歌曲实时同步播放给房间所有人、支持房主电台模式

4、可创建房间、房主可禁言或禁止房间用户点歌

5、修改个人资料与设置等

6、ESC快捷沉浸式听歌体验，聊天框支持Ctrl+Enter快速歌曲搜索

7、支持设置房间二级域名与绑定独立域名等

8、支持白天模式与暗黑模式两种主题，可自由设置

9、“摸一摸”等互动玩法

更多功能等你来扩展开发...

```

### 参与贡献

```

1. Fork 本仓库

2. 新建分支 添加或修改功能

3. 提交代码

4. 新建 Pull Request

```

### 贡献名单

[@Hamm](https://gitee.com/hamm)

[@kiripa](https://gitee.com/kiripa)

[查看更多](https://gitee.com/bbbug_com/ChatWEB/contributors?ref=master)

### 晒个截图

普通模式：













暗黑模式：