【开源】一款基于Vue3 + WebRTC + Node + SRS + FFmpeg搭建的直播间项目

一、下载项目文件

  • 项目文件源码链接:https://pan.quark.cn/s/b17ef22c3210
  • 如出现网盘空间不够存的情况!!!解决办法是先用夸克手机app注册,然后保存上方链接,就可以得到1TB空间了!!!!!

二、项目简介

2.1 billd-live

billd-live是一款基于Vue3 + WebRTC + Node + SRS + FFmpeg搭建的直播间,目前实现了类似 bilibili 的 Web 在线直播功能,即你(房主)可以发布直播,别人进入你的直播间后能看到你的直播内容;而你也可以作为观众,进入别人的直播间看别人的直播内容

2.2 生态

三、在线体验

在线体验地址:https://live.hsslive.cn/

四、功能

  • 原生 webrtc 推拉流
  • srs webrtc 推流,支持 http-flvhlswebrtcrtmp拉流
  • msr 推流,ffmpeg 转码,支持 http-flvhlswebrtcrtmp拉流
  • 一对一 / 一对多 / 多对多打 PK
  • 多平台转推(b 站、虎牙直播)
  • 前端混流
  • 推流鉴权
  • 拉流鉴权
  • OBS、FFmpeg推流
  • 用户模块(qq 登录)
  • 支付模块(支付宝当面付)
  • 订单模块
  • 商品模块
  • 礼物模块
  • 直播后台
  • 响应式页面
  • 适配多语言(i18n)
  • 移动端App(Flutter)
  • 接入bilibili直播
  • 接入腾讯云(云直播)
  • 私有化部署

五、技术栈

5.1 前端
  • Vue3 以及相关技术栈、TypescriptWebRTCWebCodecsWeb WorkderWeb AudioCanvas
5.2 后端
  • Nodejs 以及相关技术栈、Koa2SequelizeMysqlRedisSocket.io
5.3 流媒体服务器
  • SRS、 FFmpeg、Coturn
5.4 Docker
  • Docker
相关推荐
程序员黑豆2 分钟前
AI全栈开发之Java:什么是JDK
前端·后端·ai编程
To_OC2 分钟前
万字解析《JS语言精粹》之第四章:函数15大核心精髓(JS灵魂核心)
前端·javascript·代码规范
mqcode12 分钟前
Vue3 + Element Plus + Vite 企业级后台框架搭建全流程
前端
SL-staff14 分钟前
Web 白板技术架构深度解析:从渲染到协作的选型哲学
前端·架构
微扬嘴角17 分钟前
react篇4--setState、LazyLoad和Hooks
前端·javascript·react.js
杨梦馨29 分钟前
万级数据表格卡死?Web Worker 一招搞定
前端·javascript·vue.js
阿明在折腾29 分钟前
从Canvas到AI模型:我在线工具站里的图片处理实战
前端·后端
CainChen32 分钟前
Chrome 远程调试 Android 卡在 Pending authentication 的解决办法
前端
杨运交32 分钟前
[030][Web模块]Spring Boot 验证与 OpenAPI 集成实战:从校验规则到文档生成
前端·spring boot·python
tyung40 分钟前
Go 手写 Wait-Free SPSC 无界队列:无 CAS、无锁、泛型节点池
数据结构·后端·go