基于哔哩哔哩直播姬所创建的一款直播场景网页插件（day1）

基于哔哩哔哩直播姬所创建的一款直播场景网页插件

我最初的想法就是直播时，我想拥有高度可定制化的场景。后来发现哔哩哔哩直播姬可以添加“浏览器”，对浏览器网页进行捕捉，接下来我将分享从零开始制作一款直播场景插件，渐进式的，后期功能会逐步增加。

链接

• 我的b站直播间 直播时间每天14点到21点左右
• 本项目GitHub地址
• 联系我

使用

1. 使用这款插件很简单，只需要clone下来本项目的仓库地址就可以了。

git clone https://github.com/a1046700338/bilibili-live-plug

ps:使用git命令，前提是得安装git

2. 将该项目，通过vscode打开，使用插件“live server”运行index.html。

3. 然后下载哔哩哔哩直播姬，安装好后，登录你的直播账号。

4. 左侧“场景功能”，选择添加素材，添加“显示器捕捉”。

5. 添加“浏览器”，宽度1920，高度1080，选择“live server”运行的网址也就是http://127.0.0.1:5500/index.html，在中间右键“浏览器”选择“全屏适配”，就可以铺满全屏。

6. 再对“显示器”窗口进行调整，把它放到“中间盒子”的位置，刚好放进去，露出边框即可。

day1工作进度

todos

首次提交

• 网页框架大体完成
• 有部分块阴影待调整
• 添加弹幕功能

预览

说了这么多，看图！

目前直播间所看到的场景就是这样。