基于Vue3 + WebRTC + Node + SRS搭建的直播间 https://live.hsslive.cn

shuisheng 5e94704196 feat: 优化 2 tahun lalu
.husky b520caa724 feat: init 2 tahun lalu
.vscode 97fcef223f feat: msr 2 tahun lalu
public 5e94704196 feat: 优化 2 tahun lalu
script 5e94704196 feat: 优化 2 tahun lalu
src 5e94704196 feat: 优化 2 tahun lalu
.browserslistrc b520caa724 feat: init 2 tahun lalu
.commitlintrc.js 2b15db5005 feat: 优化 2 tahun lalu
.cz-config.js 13ca214564 feat: 优化 2 tahun lalu
.editorconfig b520caa724 feat: init 2 tahun lalu
.eslintignore b520caa724 feat: init 2 tahun lalu
.eslintrc.js 2d25e27439 feat: srs初试 2 tahun lalu
.gitattributes b520caa724 feat: init 2 tahun lalu
.gitignore 2b15db5005 feat: 优化 2 tahun lalu
.lintstagedrc.js b520caa724 feat: init 2 tahun lalu
.npmrc b520caa724 feat: init 2 tahun lalu
.prettierignore b520caa724 feat: init 2 tahun lalu
.prettierrc.js b520caa724 feat: init 2 tahun lalu
.versionrc.js b520caa724 feat: init 2 tahun lalu
README.md 5e94704196 feat: 优化 2 tahun lalu
babel.config.js b520caa724 feat: init 2 tahun lalu
billd-live.drawio feba58fe1d docs: readme 2 tahun lalu
handleGiteeJenkins.js b520caa724 feat: init 2 tahun lalu
package.json 5e94704196 feat: 优化 2 tahun lalu
pnpm-lock.yaml 5e94704196 feat: 优化 2 tahun lalu
postcss.config.js b520caa724 feat: init 2 tahun lalu
remark.md f4db25d96b feat: 优化 2 tahun lalu
static-build.sh 874c0789d0 ci: build 2 tahun lalu
tsconfig.json dbbd3c26c7 feat: 优化细节 2 tahun lalu
windi.config.ts b520caa724 feat: init 2 tahun lalu

README.md

Billd-Live logo

Billd-Live

基于Vue3 + WebRtc + Node + SRS + FFmpeg搭建的直播间

简介

billd 直播间,目前实现了类似 bilibili 的 Web 在线直播功能,即你(房主)可以发布直播,别人进入你的直播间后能看到你的直播内容;而你也可以作为观众,进入别人的直播间看别人的直播内容。

后端:https://github.com/galaxy-s10/billd-live-server

功能

  • 原生 webrtc 推拉流
  • srs webrtc 推流, webrtchttp-flv 拉流
  • obs推流
  • 支付宝打赏
  • 用户模块
  • 订单模块
  • 礼物模块
  • 在线后台
  • 适配移动端
  • 敬请期待!

预览

准备

安装和使用

  • 获取项目代码

    git clone https://github.com/galaxy-s10/billd-live.git
    
  • 安装依赖

建议使用 node 版本:16.16.0

pnpm i

更新 billd 相关依赖:

pnpm i billd-utils@latest billd-scss@latest billd-html-webpack-plugin@latest billd-deploy@latest
  • 运行

    npm run start
    

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/sponsors

交流

如果你对该项目感兴趣或有想法,欢迎进群或添加我的微信: