Giter Club home page Giter Club logo

bbbug_frontend's Introduction

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

更详细的部署手册请查看这里>>>

已实现功能

1、普通文字与图片表情消息聊天功能
2、歌曲搜索、点歌、切歌、顶歌、收藏歌曲等功能
3、歌曲实时同步播放给房间所有人、支持房主电台模式
4、可创建房间、房主可禁言或禁止房间用户点歌
5、修改个人资料与设置等
6、ESC快捷沉浸式听歌体验,聊天框支持Ctrl+Enter快速歌曲搜索
7、支持设置房间二级域名与绑定独立域名等
8、支持白天模式与暗黑模式两种主题,可自由设置
9、“摸一摸”等互动玩法

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

参与贡献

1. Fork 本仓库
2. 新建分支 添加或修改功能
3. 提交代码
4. 新建 Pull Request

贡献名单

@Hamm @kiripa 查看更多

晒个截图

普通模式:

暗黑模式:

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.