用于OBS的仿YouTube风格的bilibili直播评论栏
用于OBS的仿YouTube风格的bilibili直播评论栏
以下几种方式任选一种即可
一、本地使用 下载发布版(仅提供x64 Windows版) 双击blivechat.exe
运行服务器,或者用命令行可以指定host和端口号:
blivechat.exe --host 127.0.0.1 --port 12450 用浏览器打开http://localhost:12450,输入房间ID,复制房间URL 用样式生成器生成样式,复制CSS 在OBS中添加浏览器源,输入URL和自定义CSS
注意事项:
本地使用时不要关闭blivechat.exe那个黑框,否则不能继续获取头像或弹幕 样式生成器没有列出所有本地字体,但是可以手动输入本地字体 如果需要使用翻译功能,建议看配置官方翻译接口傻瓜式教程 二、公共服务器请优先在本地使用,使用公共服务器会有更大的延迟,而且服务器故障时可能发生直播事故
公共服务器 三、源代码版(自建服务器或在Windows以外平台) 由于使用了git子模块,clone时需要加上--recursive
参数:
git clone --recursive https://github.com/xfgryujk/blivechat.git 如果已经clone,拉子模块的方法:
git submodule update --init --recursive 编译前端(需要安装Node.js):
cd frontend npm i npm run build 运行服务器(需要Python3.8以上版本):
pip3 install -r requirements.txt python3 main.py 或者可以指定host和端口号:
python3 main.py --host 127.0.0.1 --port 12450 用浏览器打开http://localhost:12450,以下略 四、Docker(自建服务器)
docker run --name blivechat -d -p 12450:12450 \ --mount source=blivechat-data,target=/mnt/data \ xfgryujk/blivechat:latest 用浏览器打开http://localhost:12450,以下略 自建服务器相关补充 服务器配置
服务器配置在data/config.ini
,可以配置数据库和允许自动翻译等,编辑后要重启生效
自建服务器时强烈建议不使用加载器,否则可能因为混合HTTP和HTTPS等原因加载不出来
参考nginx配置sudo vim /etc/nginx/sites-enabled/blivechat.conf
upstream blivechat { keepalive 8; # blivechat地址 server 127.0.0.1:12450; } # 强制HTTPS server { listen 80; listen [::]:80; server_name YOUR.DOMAIN.NAME; return 301 https://$server_name$request_uri; } server { listen 443 ssl; listen [::]:443 ssl; server_name YOUR.DOMAIN.NAME; # SSL ssl_certificate /PATH/TO/CERT.crt; ssl_certificate_key /PATH/TO/CERT_KEY.key; client_body_buffer_size 256k; client_max_body_size 1.1m; # 代理header proxy_http_version 1.1; proxy_set_header Host $host; proxy_set_header Connection ""; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; # 静态文件 location / { root /PATH/TO/BLIVECHAT/frontend/dist; # 如果文件不存在,交给前端路由 try_files $uri $uri/ /index.html; } location /emoticons { alias /PATH/TO/BLIVECHAT/data/emoticons; } # 动态API location /api { proxy_pass http://blivechat; } # websocket location = /api/chat { proxy_pass http://blivechat; # 代理websocket必须设置 proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "Upgrade"; # 由于这个块有proxy_set_header,这些不会自动继承 proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; } }
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。