[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8907":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":16,"stars7d":17,"stars30d":17,"stars90d":15,"forks30d":15,"starsTrendScore":18,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":21,"hasPages":21,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":27,"readmeContent":28,"aiSummary":29,"trendingCount":15,"starSnapshotCount":15,"syncStatus":17,"lastSyncTime":30,"discoverSource":31},8907,"bilibili-live-chat","Tsuk1ko\u002Fbilibili-live-chat","Tsuk1ko","📽️ 主要用于 OBS 的纯 Web 仿 YouTube Live Chat 风格的简易 Bilibili 弹幕姬","https:\u002F\u002Fblc.lolicon.app",null,"Vue",1478,110,11,0,1,2,3,19.14,"MIT License",false,"master",[24,25,26],"bilibili","live","livechat","2026-06-12 02:02:00","# Bilibili Live Chat\n\n![Preview](https:\u002F\u002Fi.loli.net\u002F2020\u002F06\u002F20\u002FvXuZKCq396co2HO.gif)\n\n这是一个无后端的，仿 YouTube Live Chat 的，箱都不用开就能食用的 Bilibili 直播弹幕姬\n\n主要用于 OBS，为的是在低功能需求的情况下，不依靠任何第三方本地软件实现弹幕和礼物的展示\n\n老版本在 `v1` 分支，新版本是使用 Vue 3 重构的版本，并增加了一些新特性，成品直接部署在 Github Pages\n\n## 食用步骤\n\n1. 打开 [blc.lolicon.app](https:\u002F\u002Fblc.lolicon.app\u002F)\n2. 输入房间号，填写设置项，点击“Go!”，然后复制新页面的地址\n3. 在 OBS 中添加“浏览器”来源，将地址粘贴到“URL”处，根据自己需要调整宽高和缩放\n4. Enjoy~\n\n## 其他说明\n\n### 连接模式\n\n目前本项目只支持使用“开放平台”模式，需要注册 Bilibili 开放平台个人开发者并提供一些参数，**只能连接自己的直播间**\n\nB站在2023年7月左右开始对游客模式下的直播弹幕进行用户名打码、限流等操作，后续还给相关接口增加了校验，由于本人精力有限，暂不考虑继续维护原“普通模式”，请使用“开放平台”模式\n\n#### 开放平台\n\n该模式只能连接自己的直播间\n\n1. 前往开放平台注册个人开发者（[注册地址](https:\u002F\u002Fopen-live.bilibili.com\u002Fopen-register-form\u002Fpersonal)），提交注册后需要等待审核通过\n2. 前往[创作者服务中心](https:\u002F\u002Fopen-live.bilibili.com\u002Fopen-manage)-我的项目，随意创建一个项目，点进项目拿到**项目ID**\n3. 前往[创作者服务中心](https:\u002F\u002Fopen-live.bilibili.com\u002Fopen-manage)-个人资料，拿到 **access_key_id** 和 **access_key_secret**\n4. 获取**身份码**，两种方法任选其一\n   - [我的直播间](https:\u002F\u002Flink.bilibili.com\u002Fp\u002Fcenter\u002Findex\u002F#\u002Fmy-room\u002Fstart-live)-开始直播-身份码\n   - [互动应用中心](https:\u002F\u002Fplay-live.bilibili.com\u002F)-右下角菜单-身份码\n\n### 跨域模式\n\nB站 API 无法被跨域调用，若不开启跨域模式，则会使用反代服务（[隐私声明](#隐私声明)）\n\n若在 OBS 使用，则推荐开启跨域模式，方法如下：\n\n任何基于 Chromium 的浏览器（例如 OBS Browser 和 Chrome）都可以通过添加 `--disable-web-security` 启动参数来禁用网页安全机制，此时可以开启“跨域模式”选项，几乎所有B站 API 将被直接跨域调用（需要 cookie 的除外），这样就不需要依赖反代服务\n\n示例：\n\n- OBS：直接在启动的快捷方式后追加该参数，然后通过快捷方式启动即可  \n  ![obs](https:\u002F\u002Fi.loli.net\u002F2020\u002F06\u002F20\u002FQkXOfoTalnpAvt3.png)\n- Chrome：和 OBS 同理，不过必须额外添加一个  `--user-data-dir` 参数来指定用户目录，随意新建一个空文件夹来指定即可  \n  **禁用网页安全机制是危险行为，日常使用时千万别这么做**  \n  ![chrome](https:\u002F\u002Fs2.loli.net\u002F2023\u002F09\u002F24\u002FKL8UkX93p2ZdYSe.png)\n\n其他内核的浏览器可以自行搜索相应参数来禁用网页安全机制\n\n### 显示头像\n\n> 已支持从弹幕信息中获取头像，不再需要调用 API\n\n头像加载机制：\n\n- 获取到头像后，图片会被预加载，加载完毕或超时（5 秒）后弹幕才会被插入弹幕列表\n- 非 GIF 头像会优先加载小头像（48x48）以节省流量，若首包到达时间超过 2 秒（B站 COS 图片压缩处理卡了，偶尔可能发生），则会回退为加载完整大小的头像图片\n\n## 隐私声明\n\n本项目官方站点 [blc.lolicon.app](https:\u002F\u002Fblc.lolicon.app\u002F) 会额外使用到以下本人开源并部署在公共平台上的服务：\n\n1. B站API反向代理服务 [Tsuk1ko\u002Fblc-proxy](https:\u002F\u002Fgithub.com\u002FTsuk1ko\u002Fblc-proxy) 部署于 HuggingFace\n\n本站及上述服务不会收集任何信息，若不信任请勿在【关闭跨域模式】的情况下使用本项\n\n## Project setup\n\n```bash\nyarn install\n```\n\n### Compiles and hot-reloads for development\n\n```bash\nyarn serve\n```\n\n### Compiles and minifies for production\n\n```bash\nyarn build\n```\n\n### Lints and fixes files\n\n```bash\nyarn lint\n```\n\n### Customize configuration\n\nSee [Configuration Reference](https:\u002F\u002Fcli.vuejs.org\u002Fconfig\u002F).\n","Bilibili Live Chat 是一个专为OBS设计的纯Web端弹幕显示工具，模仿YouTube Live Chat风格。它基于Vue开发，无需任何本地软件即可实现弹幕和礼物的展示，特别适用于希望简化直播配置流程的B站主播。项目支持“开放平台”模式连接个人直播间，并提供了跨域调用B站API的功能以提升性能与用户体验。通过简单的几步设置，用户可以在OBS中轻松集成此弹幕系统，享受流畅稳定的互动体验。","2026-06-11 03:20:14","top_language"]