当我想直播游戏却没有合适的背景画面时

bg4obs

周末在家摸鱼,突然想van游戏,既然van了游戏,那就顺便直播吧,虽然直播没人看,但也不能缺了仪式感,我需要一个看起来还行而且能随时修改的背景图(框),PS作图没毛病,但不满足随时更改这个要求,于是一个用来装饰直播画面背景的网页便诞生了:

https://siitake.cn/tools/bililive/game

使用浏览器打开大概是这个样子:

bg4obs_2.jpg

原本打算只使用HTML,参数什么的可以通过Hash来传递,但实在是太懒,就改用PHP混编了

网页可以使用OBS等软件调用,调用时尺寸设置为1920*1080,框内黑色部分放置16:9尺寸的视频画面,页面可以传入5个参数,每个参数都有缺省值,可以省略

参数含义默认值备注
title画面下方的大标题点击此处修改标题可点击页面文字位置修改
load放置视频位置的文字loading...
clock时钟上方的表情图1 2 3 4 5 6 7仅支持1-7,当无传入值时1-7随机
bgcolor背景及时钟数字颜色orange传入值为HTML颜色名
bgimage背景图片传入值为图片URL,默认不启用

传参示例:

https://siitake.cn/tools/bililive/game/?load=qwq&clock=2&bgcolor=DodgerBlue&title=普通的香菇的普通的直播

颜色名可以查询:https://www.runoob.com/html/html-colornames.html

传递参数后打开可以是这个样子:

bg4obs_3.jpg

在OBS中可以这样用:

bg4obs_1.jpg

后续可能会更新成纯HTML版本,并且会适配多种分辨率,添加多个组件并支持增删、排序之类的……只是可能而已

标签: none

已有 8 条评论

  1. 很清爽的博客·一看就是大佬

    1. 害!只是普通的菇。

  2. 不知道大佬会不会分享主题

    1. 第一!绝对不意气用事!
      第二!不是大佬只是普通的香菇!
      第三!这个博客主题吗?
      看这里看这里 https://blog.siitake.cn/typecho-replica-theme-siitake.html

  3. Sun Sun

    你终于活了

    1. 活了鸭!活了鸭!间歇性复活鸭!

  4. 香菇更新了!

    1. 是的鸭是的鸭是的鸭!

评论已关闭