|
|
@@ -25,8 +25,8 @@ billd 直播间,目前实现了类似 [bilibili 的 Web 在线直播](https://
|
|
|
## 功能
|
|
|
|
|
|
- [x] 原生 webrtc 推拉流
|
|
|
-- [x] srs webrtc 推流, `webrtc` 或 `http-flv` 拉流
|
|
|
-- [ ] [obs](https://github.com/obsproject/obs-studio)推流
|
|
|
+- [x] srs webrtc 推流, `webrtc` 或 `http-flv` 或 `hls`拉流
|
|
|
+- [x] [obs](https://github.com/obsproject/obs-studio)推流
|
|
|
- [x] 支付宝打赏
|
|
|
- [x] 用户模块
|
|
|
- [x] 订单模块
|
|
|
@@ -37,22 +37,14 @@ billd 直播间,目前实现了类似 [bilibili 的 Web 在线直播](https://
|
|
|
|
|
|
## 预览
|
|
|
|
|
|
-- [https://live.hsslive.cn](https://live.hsslive.cn) - 线上地址
|
|
|
+- 线上地址:[https://live.hsslive.cn](https://live.hsslive.cn)
|
|
|
|
|
|
-<div>
|
|
|
- <video
|
|
|
- src="https://user-images.githubusercontent.com/61055341/232222153-cbd0c7d9-ae1c-436f-9fa4-a3c4c9537a95.mp4"
|
|
|
- autoplay
|
|
|
- webkit-playsinline="true"
|
|
|
- playsinline
|
|
|
- x-webkit-airplay="allow"
|
|
|
- x5-video-player-type="h5"
|
|
|
- x5-video-player-fullscreen="true"
|
|
|
- x5-video-orientation="portraint"
|
|
|
- muted
|
|
|
- controls
|
|
|
- ></video>
|
|
|
-</div>
|
|
|
+## b 站视频
|
|
|
+
|
|
|
+- [从零搭建迷你版 b 站 web 直播间(Vue3+WebRTC+Node+SRS),公开课一:项目功能介绍 1](https://www.bilibili.com/video/BV1vW4y1Q7gP)
|
|
|
+- [从零搭建迷你版 b 站 web 直播间(Vue3+WebRTC+Node+SRS),公开课一:项目功能介绍 2](https://www.bilibili.com/video/BV1tP411q7qw)
|
|
|
+- [从零搭建迷你版 b 站 web 直播间(Vue3+WebRTC+Node+SRS),公开课二:本地运行项目 1](https://www.bilibili.com/video/BV1KW4y1D7Z6)
|
|
|
+- [从零搭建迷你版 b 站 web 直播间(Vue3+WebRTC+Node+SRS),公开课二:本地运行项目 2](https://www.bilibili.com/video/BV1jc411u7K9)
|
|
|
|
|
|
## 准备
|
|
|
|
|
|
@@ -91,10 +83,22 @@ pnpm i billd-utils@latest billd-scss@latest billd-html-webpack-plugin@latest bil
|
|
|
npm run start
|
|
|
```
|
|
|
|
|
|
+- 打包
|
|
|
+
|
|
|
+```bash
|
|
|
+npm run build
|
|
|
+```
|
|
|
+
|
|
|
## FAQ
|
|
|
|
|
|
+[https://live.hsslive.cn/about/faq](https://live.hsslive.cn/about/faq)
|
|
|
+
|
|
|
~~不通过 npm 安装 flv.js,因为安装了 flv.js 后,`import flvJs from 'flv.js'` 会导致 vscode 的 ts 错乱。因此直接下载 flv.min.js 使用。~~,应该是我的 vscode 用了 vscode 的 ts 版本(ts 的 5.x 版本),用回工作区(也就是项目里面安装的 ts 的 4.9 的版本)的 ts 版本就没事了
|
|
|
|
|
|
+## 团队
|
|
|
+
|
|
|
+[https://live.hsslive.cn/about/team](https://live.hsslive.cn/about/team)
|
|
|
+
|
|
|
## 赞助
|
|
|
|
|
|
[https://live.hsslive.cn/sponsors](https://live.hsslive.cn/sponsors)
|
|
|
@@ -113,3 +117,41 @@ npm run start
|
|
|
style="height:300px"
|
|
|
/>
|
|
|
</div>
|
|
|
+
|
|
|
+## 环境配置
|
|
|
+
|
|
|
+### 本地开发环境
|
|
|
+
|
|
|
+> 配置:macbookpro 2020 m1,8 核 CPU,16G 内存
|
|
|
+
|
|
|
+- 操作系统:mac os 13.3.1
|
|
|
+- node 版本:16.16.0
|
|
|
+- pnpm 版本:8.6.3
|
|
|
+- docker 版本:20.10.24, build 297e128
|
|
|
+- mysql 版本:基于 docker,镜像:mysql:8.0
|
|
|
+- srs 版本:基于 docker,镜像:registry.cn-hangzhou.aliyuncs.com/ossrs/srs:5
|
|
|
+- 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
|
|
|
+- redis 版本:基于 docker,镜像:redis:7.0
|
|
|
+- mysql 版本:基于 docker,镜像:mysql:8.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
|
|
|
+- ffmpeg 版本:6.0
|