Skip to content

galaxy-s10/billd-live-admin

Repository files navigation

Billd-Live logo

Billd-Live-Admin

基于Vue3 + Vite4 + NaiveUI搭建的直播间后台

生态

名称 仓库 star & fork 线上地址
直播间前台 billd-live github github https://live.hsslive.cn
直播间后台 billd-live-admin github github https://live-admin.hsslive.cn
直播间后端 billd-live-server github github https://live-api.hsslive.cn

简介

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

功能

  • 原生 webrtc 推拉流
  • srs webrtc 推流,http-flvhls拉流
  • 前端混流
  • OBSFFmpeg推流
  • 推流鉴权
  • 用户模块(qq 登录)
  • 支付模块(支付宝当面付)
  • 订单模块
  • 商品模块
  • 适配移动端
  • 在线后台
  • 接入腾讯云直播

技术栈

  • 前端相关:Vue3 以及相关技术栈、TypescriptWebRTCWeb WorkderWeb AudioCanvas
  • 后端相关:Nodejs 以及相关技术栈、Koa2SequelizeMysqlRedisSocket.io
  • 流媒体服务器相关:SRSFFmpegCoturn
  • Docker 相关:Docker

预览

线上地址:https://live.hsslive.cn

电脑端

  • 首页

  • 进入直播间

  • 发起直播

  • 排行榜

移动端

  • 首页

  • 进入直播间

本地启动

b站视频:从零搭建迷你版b站web直播间合集

  • 安装依赖(建议使用 node 版本:16.16.0)
pnpm i

更新 billd 相关依赖:

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

兼容性

  • iphone 14
  • 三星 s10
  • ipad air 3

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
  • 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
  • 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.0.170
  • ffmpeg 版本:6.0