news 2026/7/22 1:18:58

5分钟搞定B站广告跳过:BilibiliSponsorBlock完整使用手册

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
5分钟搞定B站广告跳过:BilibiliSponsorBlock完整使用手册

5分钟搞定B站广告跳过:BilibiliSponsorBlock完整使用手册

【免费下载链接】BilibiliSponsorBlock一款跳过B站视频中恰饭片段的浏览器插件,移植自 SponsorBlock。A browser extension to skip sponsored segments in videos on Bilibili.com, ported from the SponsorBlock项目地址: https://gitcode.com/gh_mirrors/bi/BilibiliSponsorBlock

还在为B站视频中频繁出现的广告和赞助内容烦恼吗?BilibiliSponsorBlock项目就是你的完美解决方案!这款基于SponsorBlock原理的浏览器插件专为中国用户优化,能够自动识别并跳过B站视频中的广告片段,让你的观看体验更加流畅纯粹。作为一款开源浏览器插件,它支持Chrome、Edge和Firefox等主流浏览器,使用TypeScript开发确保代码质量。

🎯 一键安装BilibiliSponsorBlock插件

想要快速体验B站广告跳过的神奇效果吗?只需简单几步就能完成插件安装:

第一步:获取项目源码打开命令行工具,执行以下命令克隆项目:

git clone https://gitcode.com/gh_mirrors/bi/BilibiliSponsorBlock.git cd BilibiliSponsorBlock

第二步:安装必要依赖进入项目目录后,运行以下命令安装项目依赖:

npm install

第三步:构建插件文件执行构建命令生成最终的插件文件:

npm run build

第四步:加载浏览器插件根据不同浏览器选择对应的加载方式:

Chrome/Edge用户:

  1. 在浏览器地址栏输入chrome://extensions/edge://extensions/
  2. 开启右上角的"开发者模式"开关
  3. 点击"加载已解压的扩展程序"按钮
  4. 选择项目中的dist文件夹

Firefox用户:

  1. 打开about:addons页面
  2. 启用开发者模式选项
  3. 选择"临时加载插件"功能
  4. 定位到dist/manifest.json文件

⚡ 快速配置广告跳过规则

安装完成后,插件会自动开始工作。当你打开任意B站视频时,BilibiliSponsorBlock就会在后台默默运行,智能识别视频中的广告和赞助内容片段。

核心功能模块解析:

  • src/background.ts- 后台服务,负责广告片段的识别和管理
  • src/content.ts- 内容脚本,直接与视频播放器交互
  • src/components/- UI组件库,包含各类交互元素
  • src/config/- 配置管理,支持个性化广告跳过设置

💡 高级功能使用技巧

BilibiliSponsorBlock不仅仅是一个简单的广告跳过工具,它还提供了丰富的定制化功能:

智能识别技术项目采用先进的广告识别算法,基于src/utils/目录下的多种工具模块:

  • categoryUtils.ts- 广告分类管理
  • videoIdUtils.ts- 视频ID解析
  • danmakusUtils.ts- 弹幕数据处理
  • noticeUtils.ts- 用户提示信息管理

个性化设置通过src/options/目录下的配置组件,你可以:

  • 自定义广告跳过的敏感度
  • 设置特定的广告类型过滤
  • 管理白名单视频和频道

🚀 立即享受纯净观看体验

完成安装配置后,打开任意B站视频,插件就会自动开始工作!你会发现广告和赞助内容被智能跳过,视频播放变得更加连贯流畅。

使用效果对比:

  • 安装前:频繁被广告打断,观看体验支离破碎
  • 安装后:连续流畅的观看体验,专注于视频内容本身

📋 常见问题解答

Q:插件会影响视频播放速度吗?A:完全不会!BilibiliSponsorBlock采用轻量级设计,对视频播放性能零影响。

Q:需要手动操作吗?A:完全自动!插件会在后台智能识别广告片段,无需用户干预。

Q:支持哪些浏览器?A:完美支持Chrome、Edge、Firefox等主流浏览器。

通过这个简单的配置指南,你可以快速搭建属于自己的B站广告跳过工具,享受无干扰的视频观看体验。无论是观看教学视频还是娱乐内容,都能获得更加纯粹的观看乐趣。

【免费下载链接】BilibiliSponsorBlock一款跳过B站视频中恰饭片段的浏览器插件,移植自 SponsorBlock。A browser extension to skip sponsored segments in videos on Bilibili.com, ported from the SponsorBlock项目地址: https://gitcode.com/gh_mirrors/bi/BilibiliSponsorBlock

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/7/20 15:18:22

ExoPlayer状态恢复:如何让视频播放器记住你的“续播点“?

ExoPlayer状态恢复:如何让视频播放器记住你的"续播点"? 【免费下载链接】ExoPlayer 项目地址: https://gitcode.com/gh_mirrors/ex/ExoPlayer 作为一名Android开发者,你是否经历过这样的尴尬时刻:用户看到精彩处…

作者头像 李华
网站建设 2026/7/22 5:35:43

MSBuild BuildCheck框架:构建质量革命与团队效率提升终极指南

MSBuild BuildCheck框架:构建质量革命与团队效率提升终极指南 【免费下载链接】msbuild msbuild: 是 .NET Framework 的构建引擎,用于构建和管理 .NET 项目。适合 .NET 开发者和系统管理员使用 msbuild 构建和管理 .NET 项目。 项目地址: https://gitc…

作者头像 李华
网站建设 2026/7/20 17:10:10

Wechaty智能消息处理全攻略:告别单一回复,实现多场景精准响应

Wechaty智能消息处理全攻略:告别单一回复,实现多场景精准响应 【免费下载链接】wechaty 项目地址: https://gitcode.com/gh_mirrors/wec/wechaty 微信机器人开发正迎来前所未有的技术革新,Wechaty框架通过其独特的设计理念&#xff0…

作者头像 李华
网站建设 2026/7/22 0:19:07

Langchain-Chatchat在企业知识管理中的5大应用场景

Langchain-Chatchat在企业知识管理中的5大应用场景 在数字化转型的浪潮中,企业的知识资产正以前所未有的速度积累。然而,这些宝贵的非结构化数据——技术文档、合同、项目报告、FAQ手册——往往沉睡在各个部门的文件夹里,难以被高效利用。员工…

作者头像 李华
网站建设 2026/7/21 15:37:49

Arkime性能监控完整教程:构建企业级流量分析平台

Arkime性能监控完整教程:构建企业级流量分析平台 【免费下载链接】arkime Arkime is an open source, large scale, full packet capturing, indexing, and database system. 项目地址: https://gitcode.com/gh_mirrors/ar/arkime Arkime作为开源的大规模全包…

作者头像 李华
网站建设 2026/7/22 4:34:35

秒开体验:SmartTube视频缩略图加载与缓存优化实战

秒开体验:SmartTube视频缩略图加载与缓存优化实战 【免费下载链接】SmartTube SmartTube - an advanced player for set-top boxes and tv running Android OS 项目地址: https://gitcode.com/GitHub_Trending/smar/SmartTube 你是否曾经在智能电视上浏览视频…

作者头像 李华