基于Vue3 + WebRTC + Node + SRS + FFmpeg搭建的直播间
## 生态 | 名称 | 仓库 | 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-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) | | | 直播间移动端 | [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) | | | 直播间移动端 | [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) | | | 直播间后台 | [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-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 直播间，目前实现了类似 [bilibili 的 Web 在线直播](https://live.bilibili.com)功能，即你（房主）可以发布直播，别人进入你的直播间后能看到你的直播内容；而你也可以作为观众，进入别人的直播间看别人的直播内容。 ## 功能 - [x] 原生 webrtc 推拉流 - [x] srs webrtc 推流，`http-flv` 或 `hls`拉流 - [x] msr 推流，ffmpeg转码，`http-flv` 或 `hls`拉流 - [x] 前端混流 - [x] 推流鉴权 - [x] [OBS](https://github.com/obsproject/obs-studio)、[FFmpeg](https://ffmpeg.org)推流 - [x] 用户模块（qq 登录） - [x] 支付模块（支付宝当面付） - [x] 订单模块 - [x] 商品模块 - [x] 适配移动端 - [x] 在线后台 - [x] 接入腾讯云直播 ## 技术栈 - 前端相关：[Vue3](https://vuejs.org) 以及相关技术栈、`Typescript`、`WebRTC`、`Web Workder`、`Web Audio`、`Canvas` - 后端相关：[Nodejs](https://nodejs.org) 以及相关技术栈、`Koa2`、`Sequelize`、`Mysql`、`Redis`、`Socket.io` - 流媒体服务器相关：[SRS](https://ossrs.net)、 [FFmpeg](https://ffmpeg.org)、[Coturn](https://github.com/coturn/coturn) - Docker 相关：[Docker](https://www.docker.com) ## 接口文档 apifox：[https://apifox.com/apidoc/shared-c7556b54-17b2-494e-a039-572d83f103ed](https://apifox.com/apidoc/shared-c7556b54-17b2-494e-a039-572d83f103ed) ## 客户端下载 安卓端：[点击下载](https://resource.hsslive.cn/billd-live/image/e859ec0e1fac824ce92b6522104f53ed.apk) 苹果端：TODO Windows端：TODO Mac端：TODO ## 预览 线上地址：[https://live.hsslive.cn](https://live.hsslive.cn) ### 电脑端（web） - 首页
- 直播间详情、分区详情
- 我的已登录/未登录
- 直播中心
## 本地启动
> b站教程：[从零搭建迷你版b站web直播间合集](https://space.bilibili.com/381307133/channel/collectiondetail?sid=1458070)，看里面带 `从零搭建迷你b站直播间` 封面的视频。
>
> billd-live付费课：[https://www.hsslive.cn/article/151](https://www.hsslive.cn/article/151)
### billd-live
- 安装依赖（建议使用 node 版本：16.16.0）
```bash
pnpm i
```
> 更新 billd 相关依赖：
```bash
pnpm i billd-utils@latest billd-scss@latest billd-html-webpack-plugin@latest
```
- 运行
```bash
npm run start
```
- 打包
```bash
npm run build
```
### billd-live-server
- 安装依赖（建议使用 node 版本：16.16.0）
```bash
pnpm i
```
> 更新 billd 相关依赖：
```bash
pnpm i billd-utils@latest billd-scss@latest billd-html-webpack-plugin@latest
```
> 本地必须要有 docker、ffmpeg 环境！
>
> 项目启动后，会在项目的 src/config/目录下生成 secret.ts 文件，请填写里面的信息，MYSQL_CONFIG、REDIS_CONFIG、SRS_CONFIG 必填！
```bash
# 1.初始化docker容器
pnpm run docker:dev
# 2.运行（4300端口）
pnpm run dev
```
## 兼容性
- [x] iphone 14
- [x] 三星 s10
- [x] ipad air 3
## FAQ
[https://live.hsslive.cn/about/faq](https://live.hsslive.cn/about/faq)
## 环境配置
### 本地开发环境
> 配置：macbookpro 2020 m1，8 核 CPU，16G 内存
- 操作系统：mac os 13.3.1
- node 版本：16.16.0
- pnpm 版本：8.6.3
- docker 版本：24.0.5, build ced0996
- mysql 版本：基于 docker，镜像：mysql:8.0
- redis 版本：基于 docker，镜像：redis:7.0
- srs 版本：基于 docker，镜像：registry.cn-hangzhou.aliyuncs.com/ossrs/srs:5.0.170
- ffmpeg 版本：5.1.2
### 构建/托管服务器环境
> 配置：4 核 CPU，4G 内存，8M 带宽（广州）
- 操作系统：CentOS Linux release 8.2.2004
- nginx 版本：1.22.1
- node 版本：v16.19.1
- pnpm 版本：8.6.3
- docker 版本：23.0.1, build a5ee5b1
- mysql 版本：基于 docker，镜像：mysql:8.0
- redis 版本：基于 docker，镜像：redis:7.0
### 流媒体服务器环境
> 配置：2 核 CPU，2G 内存，带宽 30M（香港）
- 操作系统：Alibaba Cloud Linux release 3 (Soaring Falcon)
- node 版本：v16.20.0
- pnpm 版本：8.6.3
- pm2 版本：5.3.0
- docker 版本：24.0.2, build cb74dfc
- srs 版本：基于 docker，镜像：registry.cn-hangzhou.aliyuncs.com/ossrs/srs:5.0.170
- ffmpeg 版本：6.0