【开源】一款基于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
相关推荐
拓端研究室3 分钟前
视频讲解:门槛效应模型Threshold Effect分析数字金融指数与消费结构数据
前端·算法
工一木子1 小时前
URL时间戳参数深度解析:缓存破坏与前端优化的前世今生
前端·缓存
半点寒12W3 小时前
微信小程序实现路由拦截的方法
前端
某公司摸鱼前端3 小时前
uniapp socket 封装 (可拿去直接用)
前端·javascript·websocket·uni-app
要加油哦~3 小时前
vue | 插件 | 移动文件的插件 —— move-file-cli 插件 的安装与使用
前端·javascript·vue.js
小林学习编程4 小时前
Springboot + vue + uni-app小程序web端全套家具商场
前端·vue.js·spring boot
柳鲲鹏4 小时前
WINDOWS最快布署WEB服务器:apache2
服务器·前端·windows
IT_10244 小时前
Spring Boot项目开发实战销售管理系统——系统设计!
大数据·spring boot·后端
weixin-a153003083165 小时前
【playwright篇】教程(十七)[html元素知识]
java·前端·html
ai小鬼头5 小时前
AIStarter最新版怎么卸载AI项目?一键删除操作指南(附路径设置技巧)
前端·后端·github