V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
billdlive
V2EX  ›  开源软件

推广一下我自己搭建的迷你版 b 站直播间(已开源),技术栈: Vue3+WebRTC+Node+SRS

  •  
  •   billdlive · 2023-10-09 17:09:36 +08:00 · 799 次点击
    这是一个创建于 420 天前的主题,其中的信息可能已经有所发展或是发生改变。

    Billd-Live logo

    Billd-Live

    基于 Vue3 + WebRTC + Node + SRS + FFmpeg 搭建的直播间

    生态

    名称 仓库 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拉流
    • msr 推流,ffmpeg 转码,http-flvhls拉流
    • 前端混流
    • 推流鉴权
    • OBSFFmpeg推流
    • 用户模块( qq 登录)
    • 支付模块(支付宝当面付)
    • 订单模块
    • 商品模块
    • 适配移动端
    • 在线后台
    • 接入腾讯云直播

    技术栈

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

    预览

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

    电脑端

    • 首页

    <img src="https://github.com/galaxy-s10/billd-live/assets/61055341/95849774-1df0-4a59-b726-8d3bc0795619" style="width:800px" />

    • 进入直播间

    <img src="https://github.com/galaxy-s10/billd-live/assets/61055341/91ac3f5f-b06d-46b3-84bc-ab6e0add4d5b" style="width:800px" />

    • 发起直播

    <img src="https://github.com/galaxy-s10/billd-live/assets/61055341/81e2f413-8470-42ab-bee7-699e2f8f0290" style="width:800px" />

    • 排行榜

    <img src="https://github.com/galaxy-s10/billd-live/assets/61055341/6d7d79b6-e8b9-42ff-9e25-d44c41948579" style="width:800px" />

    移动端

    • 首页

    <img src="https://github.com/galaxy-s10/billd-live/assets/61055341/9b56e99a-f821-4c9c-b9c3-330c2f61d533" style="height:500px" />

    • 进入直播间

    <img src="https://github.com/galaxy-s10/billd-live/assets/61055341/db4145a9-517d-45a5-9c74-641892d55a3e" style="height:500px" />

    本地启动

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

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

    更新 billd 相关依赖:

    pnpm i billd-utils@latest billd-scss@latest billd-html-webpack-plugin@latest
    
    • 运行
    npm run start
    
    • 打包
    npm run build
    

    兼容性

    • 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
    ixinshang
        1
    ixinshang  
       54 天前
    不错 不错
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   6026 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 06:12 · PVG 14:12 · LAX 22:12 · JFK 01:12
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.