基于Vue3 + WebRTC + Node + SRS + FFmpeg实现类似bilibili的在线直播功能

点击上方 程序员成长指北，关注公众号
回复1，加入高级Node交流群

billd-live

基于Vue3 + WebRTC + Node + SRS + FFmpeg搭建的直播间，目前实现了类似 bilibili 的 Web 在线直播功能，即你（房主）可以发布直播，别人进入你的直播间后能看到你的直播内容；而你也可以作为观众，进入别人的直播间看别人的直播内容。

Github地址

https://github.com/galaxy-s10/billd-live

在线体验

https://live.hsslive.cn/

生态

名称	仓库	线上地址
直播间前台	billd-live	https://github.com/galaxy-s10/billd-live
直播间后端	billd-live-server	https://github.com/galaxy-s10/billd-live-server
直播间后台	billd-live-admin	https://github.com/galaxy-s10/billd-live-admin
直播间移动端	billd-live-flutter	https://github.com/galaxy-s10/billd-live-flutter
直播间移动端	billd-live-react-native	https://github.com/galaxy-s10/billd-live-react-native
直播间客户端	billd-live-electron	https://github.com/galaxy-s10/billd-live-electron
直播间移动端	billd-live-kotlin	https://github.com/galaxy-s10/billd-live-kotlin

功能

• •  原生 webrtc 推拉流

• •  srs webrtc 推流，支持 http-flv、hls、webrtc、rtmp拉流

• •  msr 推流，ffmpeg 转码，支持 http-flv、hls、webrtc、rtmp拉流

• •  一对一打 PK

• •  一对多打 PK

• •  多对多打 PK

• •  多平台转推（b 站、虎牙直播）

• •  前端混流

• •  推流鉴权

• •  拉流鉴权

• •  OBS、FFmpeg推流

• •  用户模块（qq 登录）

• •  支付模块（支付宝当面付）

• •  订单模块

• •  商品模块

• •  礼物模块

• •  直播后台

• •  响应式页面

• •  适配多语言（i18n）

• •  移动端App（Flutter）

• •  接入bilibili直播

• •  接入腾讯云（云直播）

• •  私有化部署

技术栈

• • 前端相关：Vue3 以及相关技术栈、Typescript、WebRTC、WebCodecs、Web Workder、Web Audio、Canvas

• • 后端相关：Nodejs 以及相关技术栈、Koa2、Sequelize、Mysql、Redis、Socket.io

• • 流媒体服务器相关：SRS、 FFmpeg、Coturn

• • Docker 相关：Docker

Node 社群

我组建了一个氛围特别好的 Node.js 社群，里面有很多 Node.js小伙伴，如果你对Node.js学习感兴趣的话（后续有计划也可以），我们可以一起进行Node.js相关的交流、学习、共建。下方加 考拉 好友回复「Node」即可。

   “分享、点赞、在看” 支持一波👍