Code Monkey home page Code Monkey logo

billd-live-admin's Introduction

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

billd-live-admin's People

Contributors

galaxy-s10 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.