BILICHAT

第一次就实装在小狐狸的b站限定直播我能吹一年(虽然中途因压力过大服务器被干掉两次，果然还是膨胀了)

表面上似乎是个弹幕姬
实际上是youtube chatbox的高仿(指样式表直接照搬)实现，不过把内容换成了b站直播弹幕2333
所以在OBS中对于youtube livechat的自定义CSS代码可以直接copy
自豪地使用好文明Angular 7
感谢logo提供者:@Afanyiyu

本地部署版下载

可以在Release获取压缩包(bilichat-*.*.zip)

或者直接使用npm下载

npm install -g bilichat
bilichat

在场景中新建浏览器源
在URL处填写 https://bilichat.3shain.com/alpha/<你的直播间ID>
如果是本地运行的服务,替换上面的域名即可,如 http://localhost:5000/alpha/<你的直播间ID>
到这一步就已经基本完成了。此时的样式与youtube网页直播间的chatbox完全一致
设置自定义CSS参数
你可以从Google上搜索 youtube livechat css 找现成的代码
也有专门的样式生成器网站 Chat v2 / Chat v2 JP / Chat v2 CN

你有可能发现，使用了别人的CSS代码之后，发现中文全是宋体或者只有一部分正常渲染（总之不太好看）。这时候你可以把代码复制到一个编辑器如Notepad++，VSCode，按ctrl+f替换字体的名字。请注意这个字体必须已经安装在推流软件所在的电脑上。不建议使用网络在线字体，可能会出现字体闪烁。

在url后面添加query参数可以自定义效果

loadAvatar true/false 控制是否从api获取头像默认true

这个设置不等于不显示头像，而是只显示默认头像。若需要去掉头像可以在css中设置。
levelFilter 一个数字用户等级(UL)低于该值的弹幕不会被显示默认0
hideGiftDanmaku true/false 控制是否隐藏礼物抽奖弹幕(节奏风暴/摩天楼/小电视的效果) 默认true
showGift true/false 控制是否展示礼物信息默认true

价值与颜色对应信息如果需要自定义，请参考本地配置文件。
wordFilter 以半角逗号分隔的字符串所有包含关键词的弹幕都会被屏蔽

有一部分词语已经被默认屏蔽，若需解除请自行修改。
giftOnly 只显示礼物信息默认false
groupSimilar 堆叠同类弹幕默认true
pure 是否忽略api服务器设置为true时只显示默认头像并且不支持短房间号默认false
blackList 以半角逗号分隔的数字UID字符串,对应用户的弹幕将会被屏蔽
minGiftValue 最低显示礼物价值,默认20
silverGiftRatio 银瓜子折算金瓜子价值比例,默认0,即不显示任何银瓜子礼物

捐助表示您对我这个项目的认可，所得的钱将用于维护公共服务器，也能激励我继续开发更多好的项目