https://github.com/galaxy-s10/billd-live
基于Vue3 + WebRTC + Node + SRS搭建的直播间
https://github.com/galaxy-s10/billd-live
canvas coturn docker ffmpeg flv hls koa2 mysql nodejs redis rtmp srs typescript vue3 web-audio web-worker webrtc
Last synced: 13 days ago
JSON representation
基于Vue3 + WebRTC + Node + SRS搭建的直播间
- Host: GitHub
- URL: https://github.com/galaxy-s10/billd-live
- Owner: galaxy-s10
- License: mit
- Created: 2023-03-20T14:47:09.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2025-03-31T12:21:46.000Z (22 days ago)
- Last Synced: 2025-04-03T03:07:09.651Z (20 days ago)
- Topics: canvas, coturn, docker, ffmpeg, flv, hls, koa2, mysql, nodejs, redis, rtmp, srs, typescript, vue3, web-audio, web-worker, webrtc
- Language: Vue
- Homepage: https://live.hsslive.cn
- Size: 94.9 MB
- Stars: 1,450
- Watchers: 9
- Forks: 298
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Billd-Live
基于Vue3 + WebRTC + Node + SRS + FFmpeg搭建的直播间


## 简介
billd 直播间,目前实现了类似 [bilibili 的 Web 在线直播](https://live.bilibili.com)功能,即你(房主)可以发布直播,别人进入你的直播间后能看到你的直播内容;而你也可以作为观众,进入别人的直播间看别人的直播内容。
## 生态
| 名称 | 仓库 | star & fork | 线上地址 |
| ------------ | -------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------- |
| 直播间前台 | [billd-live](https://github.com/galaxy-s10/billd-live) | [](https://github.com/galaxy-s10/billd-live) [](https://github.com/galaxy-s10/billd-live) | [https://live.hsslive.cn](https://live.hsslive.cn) |
| 直播间后端 | [billd-live-server](https://github.com/galaxy-s10/billd-live-server) | [](https://github.com/galaxy-s10/billd-live-server) [](https://github.com/galaxy-s10/billd-live-server) | [https://live-api.hsslive.cn](https://live-api.hsslive.cn) |
| 直播间后台 | [billd-live-admin](https://github.com/galaxy-s10/billd-live-admin) | [](https://github.com/galaxy-s10/billd-live-admin) [](https://github.com/galaxy-s10/billd-live-admin) | [https://live-admin.hsslive.cn](https://live-admin.hsslive.cn) |
| 直播间移动端 | [billd-live-flutter](https://github.com/galaxy-s10/billd-live-flutter) | [](https://github.com/galaxy-s10/billd-live-flutter) [](https://github.com/galaxy-s10/billd-live-flutter) | [https://live.hsslive.cn/download](https://live.hsslive.cn/download) |
| 直播间移动端 | [billd-live-react-native](https://github.com/galaxy-s10/billd-live-react-native) | [](https://github.com/galaxy-s10/billd-live-react-native) [](https://github.com/galaxy-s10/billd-live-react-native) | [https://live.hsslive.cn/download](https://live.hsslive.cn/download) |
| 直播间客户端 | [billd-live-electron](https://github.com/galaxy-s10/billd-live-electron) | [](https://github.com/galaxy-s10/billd-live-flutter) [](https://github.com/galaxy-s10/billd-live-electron) | [https://live.hsslive.cn/download](https://live.hsslive.cn/download) |
| 直播间移动端 | [billd-live-kotlin](https://github.com/galaxy-s10/billd-live-kotlin) | [](https://github.com/galaxy-s10/billd-live-kotlin) [](https://github.com/galaxy-s10/billd-live-kotlin) | [https://live.hsslive.cn/download](https://live.hsslive.cn/download) |## 功能
- [x] 原生 webrtc 推拉流
- [x] srs webrtc 推流,支持 `http-flv`、`hls`、`webrtc`、`rtmp`拉流
- [x] msr 推流,ffmpeg 转码,支持 `http-flv`、`hls`、`webrtc`、`rtmp`拉流
- [x] 一对一打 PK
- [x] 一对多打 PK
- [x] 多对多打 PK
- [x] 多平台转推(b 站、虎牙直播)
- [x] 前端混流
- [x] 推流鉴权
- [x] 拉流鉴权
- [x] [OBS](https://github.com/obsproject/obs-studio)、[FFmpeg](https://ffmpeg.org)推流
- [x] 用户模块(qq 登录)
- [x] 支付模块(支付宝当面付)
- [x] 订单模块
- [x] 商品模块
- [x] 礼物模块
- [x] 直播后台
- [x] 响应式页面
- [x] 适配多语言(i18n)
- [x] 移动端 App(Flutter)
- [ ] 客户端 App(Electron)
- [x] 接入 bilibili 直播
- [x] 接入腾讯云(云直播)
- [ ] 接入腾讯云(实时音视频 TRTC)
- [x] 私有化部署## 预览
线上地址:[https://live.hsslive.cn](https://live.hsslive.cn)
### 电脑端(web)
- 首页
- 进入直播间
- 发起直播
- 排行榜
### 移动端(web)
- 首页
- 进入直播间
### 后台(web)
### 安卓端(flutter)
- 首页
- 直播间详情、分区详情
![]()
-
![]()
- 直播中心
![]()
## 技术栈
- 前端相关:[Vue3](https://vuejs.org) 以及相关技术栈、`Typescript`、`WebRTC`、`WebCodecs`、`Web Workder`、`Web Audio`、`Canvas`
- 后端相关:[Nodejs](https://nodejs.org) 以及相关技术栈、`Koa2`、`Typescript`、`Sequelize`、`Mysql`、`Redis`、`Socket.io`
- 客户端相关:[Flutter3](https://flutter.dev)以及相关技术栈、`getx`、`WebRTC`
- 流媒体服务器相关:[SRS](https://ossrs.net)、 [FFmpeg](https://ffmpeg.org)、[Coturn](https://github.com/coturn/coturn)
- Docker 相关:[Docker](https://www.docker.com)## 本地启动
- [x] billd-live(pro) 查看 [start-client.md](docs/start-client.md)
- [x] billd-live-server(pro) 查看 [start-server.md](docs/start-server.md)
- [x] billd-live-flutter(pro) 查看 [start-app.md](docs/start-app.md)
## 性能测试
查看 [benchmarking.md](docs/benchmarking.md)
## 常见问题
查看 [faq.md](docs/faq.md)
查看 [https://live.hsslive.cn/doc/faq](https://live.hsslive.cn/doc/faq)
## 环境配置
查看 [environment.md](docs/environment.md)
## 相关视频
查看 [从零搭建迷你版 b 站 web 直播间合集](https://space.bilibili.com/381307133/lists/1458070?type=season)
## 接口文档
查看 [https://apifox.com/apidoc/shared-c7556b54-17b2-494e-a039-572d83f103ed](https://apifox.com/apidoc/shared-c7556b54-17b2-494e-a039-572d83f103ed)
## 技术支持
查看 [https://live.hsslive.cn/support](https://live.hsslive.cn/support)
## 客户端下载
查看 [https://live.hsslive.cn/download](https://live.hsslive.cn/download)
## 私有化部署
查看 [https://live.hsslive.cn/privatizationDeployment](https://live.hsslive.cn/privatizationDeployment)
## 兼容性
- [x] iphone 14
- [x] 三星 s10
- [x] ipad air 3## 贡献者
## 🎉🎉🎉
- 2025 年起,billd-live-pro 项目的所有仓库将进入 prod 状态!
## 📢📢📢
- 2025 年起,billd-live 项目的所有仓库将进入 dev 状态!