基于Vue3 + WebRTC + Node + SRS搭建的直播间 https://live.hsslive.cn

shuisheng a5f9febb1e docs: readme %!s(int64=2) %!d(string=hai) anos
.husky b520caa724 feat: init %!s(int64=2) %!d(string=hai) anos
.vscode b520caa724 feat: init %!s(int64=2) %!d(string=hai) anos
public 2b15db5005 feat: 优化 %!s(int64=2) %!d(string=hai) anos
script 7b5d3e7182 feat: 优化界面 %!s(int64=2) %!d(string=hai) anos
src fc521af31d docs: readme %!s(int64=2) %!d(string=hai) anos
.browserslistrc b520caa724 feat: init %!s(int64=2) %!d(string=hai) anos
.commitlintrc.js 2b15db5005 feat: 优化 %!s(int64=2) %!d(string=hai) anos
.cz-config.js 2b15db5005 feat: 优化 %!s(int64=2) %!d(string=hai) anos
.editorconfig b520caa724 feat: init %!s(int64=2) %!d(string=hai) anos
.eslintignore b520caa724 feat: init %!s(int64=2) %!d(string=hai) anos
.eslintrc.js b520caa724 feat: init %!s(int64=2) %!d(string=hai) anos
.gitattributes b520caa724 feat: init %!s(int64=2) %!d(string=hai) anos
.gitignore 2b15db5005 feat: 优化 %!s(int64=2) %!d(string=hai) anos
.lintstagedrc.js b520caa724 feat: init %!s(int64=2) %!d(string=hai) anos
.npmrc b520caa724 feat: init %!s(int64=2) %!d(string=hai) anos
.prettierignore b520caa724 feat: init %!s(int64=2) %!d(string=hai) anos
.prettierrc.js b520caa724 feat: init %!s(int64=2) %!d(string=hai) anos
.versionrc.js b520caa724 feat: init %!s(int64=2) %!d(string=hai) anos
README.md a5f9febb1e docs: readme %!s(int64=2) %!d(string=hai) anos
babel.config.js b520caa724 feat: init %!s(int64=2) %!d(string=hai) anos
build.sh b520caa724 feat: init %!s(int64=2) %!d(string=hai) anos
handleGiteeJenkins.js b520caa724 feat: init %!s(int64=2) %!d(string=hai) anos
package.json 2b15db5005 feat: 优化 %!s(int64=2) %!d(string=hai) anos
pnpm-lock.yaml 2b15db5005 feat: 优化 %!s(int64=2) %!d(string=hai) anos
postcss.config.js b520caa724 feat: init %!s(int64=2) %!d(string=hai) anos
tsconfig.json 5a0f0d16a3 feat: 搭建页面 %!s(int64=2) %!d(string=hai) anos
windi.config.ts b520caa724 feat: init %!s(int64=2) %!d(string=hai) anos

README.md

简介

billd 直播间(前端),目前实现了类似 bilibili 的直播功能,即你可以发布直播,别人进入你的直播房间后能看到你的直播内容。

主要技术栈:

  • webrtc 相关 api(RTCPeerConnection)
  • vue3
  • socket.io

如果你对该项目有感兴趣或想法,欢迎一起加入开发(可能不久后就会将该仓库设置为私有)~

演示

安装依赖

pnpm i

本地运行

npm run start

后端

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

billd 依赖

pnpm i billd-utils@latest billd-scss@latest billd-html-webpack-plugin@latest billd-deploy@latest