基于哔哩哔哩直播姬所创建的一款直播场景网页插件
我最初的想法就是直播时,我想拥有高度可定制化的场景。后来发现哔哩哔哩直播姬可以添加“浏览器”,对浏览器网页进行捕捉,接下来我将分享从零开始制作一款直播场景插件,渐进式的,后期功能会逐步增加。
链接
- 我的b站直播间 直播时间每天14点到21点左右
- 本项目GitHub地址
- 联系我
使用
- 使用这款插件很简单,只需要clone下来本项目的仓库地址就可以了。
git clone https://github.com/a1046700338/bilibili-live-plug
ps:使用git命令,前提是得安装git
-
将该项目,通过vscode打开,使用插件“live server”运行
index.html
。 -
然后下载哔哩哔哩直播姬,安装好后,登录你的直播账号。
-
左侧“场景功能”,选择添加素材,添加“显示器捕捉”。
-
添加“浏览器”,宽度1920,高度1080,选择“live server”运行的网址也就是
http://127.0.0.1:5500/index.html
,在中间右键“浏览器”选择“全屏适配”,就可以铺满全屏。 -
再对“显示器”窗口进行调整,把它放到“中间盒子”的位置,刚好放进去,露出边框即可。
day1工作进度
todos
首次提交
- 网页框架大体完成
- 有部分块阴影待调整
- 添加弹幕功能
预览
说了这么多,看图!
目前直播间所看到的场景就是这样。