Bilibili 成为了许多视频爱好者素材上传和观看视频的主力平台之一,也是我追踪各类数码产品评测的重要来源,弹幕文化更是成为 B 站的一大特色,弹幕比视频本身更有趣的状况已经司空见惯。但是 Bilibili 电脑端网页在页面布局、弹幕敢逃和视频播放界面等方面,体验上依然有可以改进的空间,这次我尝试使用 Chrome 扩展和脚本样式来改进网站观影体验。

懒人目录

  • 这些值得改进的地方
  • 怎么改
  • 哔哩哔哩助手
  • Pakku 弹幕过滤器
  • Stylus 改变网页样式
  • 油猴脚本实现更多控制功能
  • RSSHub 订阅 B 站资源

这些值得改进的地方

在我并不算长的体验时间中,Bilibili Web 端页面在使用体验上还有可以再改进的地方:

首页广告推广部分,在 B 站首页有三处地方容易出现广告,一是图片轮播位置,五张视频轮播信息图,竟然还有两张是广告信息;二是推广栏目;三是横幅形式广告条。

弹幕干扰问题。B 站最鲜明的特点莫过于弹幕,官方目前为了控制弹幕对观影过程的干扰,提供选项包括了开关弹幕、举报弹幕、高级弹幕、弹幕上限、手动屏蔽某条弹幕。但这些还不足以大大改进弹幕干扰的问题,比如我经常遇到同一时间出现很多相似弹幕,大量重复信息的出现很容易就遮挡了视频画面。

网页端缺少移动端类似的推荐视频,对于喜欢个性化推荐内容的用户来说,Web 页面只能接受一些推广视频和各分区热门资源。

Bilibili 的视频播放器默认是 H5 播放器,跟其他视频网站相比较,播放器的样式、功能都已经有不错的优势,比如宽屏模式、关灯模式、自定义播放速度、视频统计信息,但对我来说,依然有可以再改进的空间,缺少自动播放、手动调整播放器大小、键盘快捷键控制播放。

怎么改

针对 Bilibili Web 端页面的体验,以上列举了四点值得改进的地方,为了获得更加良好的观影体验,我们可以尝试使用丰富的 Chrome 插件和两款相当强大的扩展,分别是被戏称为油猴的扩展 Tampermonkey 和轻松改变网页样式的 Stylus,用户只需要安装对应的脚本和样式,即可为网页页面增加不少新的亮点,下面正式开始改造美化的「装修工程」。

哔哩哔哩助手

提起 Bilibili 网站的辅助扩展,哔哩哔哩助手 这款拥有超 23 万下载量的扩展一定不能错过。这款插件针对主站和直播两种分类,主要提供了视频弹幕查询及下载、视频下载、画中画、外挂字幕下载、跨区域解锁、自动领瓜子、自动签到等功能,在体验过程中,哔哩哔哩助手给我留下比较深刻印象功能:

三种下载方式,分别针对弹幕、字幕、视频本身不同的目标资源,插件都能比较好地支持这些资源下载到本地。

增加更多播放控制。相比 B 站本身的播放控制,哔哩哔哩助手新增加了自动夜间模式、预设宽屏模式、跨区域解锁,画中画是我最常用的功能之一,支持视频置顶播放,无论是浏览器的网页,还是打开其他的应用程序,视频画面支持通过拖拽任意改变大小。希望插件后续能够在画中画中增加播放进度条调整的功能。

链接????:官网 | Chrome 扩展下载

Pakku 弹幕过滤器

Pakku 提供的功能比较专一,官方宣传这款插件是「弹幕复读终结者」,工作方式是合并 B 站的刷屏弹幕,支持 Chrome 和 Firefox 两大浏览器平台。

 

Pakku 会将内容相似而且在一定时间范围内出现的多个刷屏弹幕,合并成一条弹幕,减少由于刷屏弹幕遮挡视频画面。对于合并弹幕,Pakku 会在被合并的弹幕后面标注出现次数,并且在视频画面下方以热力图的方式显示弹幕出现的密度。

链接????:官网 | Chrome 扩展下载 | Firefox Add-ons

Stylus 改变网页样式

如果不希望 Chrome 浏览器安装过多的插件,现在只需要一款号称插件界的利器:Stylus,即可轻松改变网页的布局、屏蔽干扰内容。Stylus 支持 ChromeFirefox 两大浏览器,安装好插件后,通过 UserStyles 网站可以找到相当丰富实用的网页样式 。下面收集了三款适用 Bilibili 页面的网页样式:

Nekopara 优化了 Bilibili 主页、视频播放界面、稍后再看、动态等元素的 UI,比如添加了圆角边框,不过对于主页面的推广和广告内容去除效果并不理想,另外在播放器全屏或者网页全屏状态下,实现了右边缘滑动呼出右侧面板的功能(仅适用于旧版播放器界面)。

链接????:UserStyles 下载地址

Bilibili 黑色模式正如其名字,实现的效果就是为 B 站换上黑色背景,目前来看样式能够兼容大部分页面效果,方便了在周围环境较暗时刷 Bilibili 视频。

链接????:UserStyles 下载地址

Bilibili 去除分类区块实现屏蔽网站横条广告,默认状态去除了推广、直播、特别推荐模块,如果想屏蔽其他区块,可以将对应项目粘到样式表。

链接????:UserStyles 下载地址

油猴脚本实现更多控制功能

同样拥有「神器」绰号的浏览器插件是油猴 Tampermonkey,用户通过 Greasy Fork 网站找到需要的脚本,即可根据不同的网页页面获得更多的功能。下面收集了两款适用 Bilibili 网站的脚本:

Bilibili 播放器调整脚本针对 B 站播放器增加了更多的设置选项,实现一些使用功能,比如自定义快捷键、自由调整播放器大小,添加了三种默认状态,包括播放模式、弹幕显示方式、关灯播放。

链接????:Greasy Fork 下载地址

Bilibili merged 脚本主要功能在于提供了视频和弹幕的下载功能,设置入口可以分别在视频标题下方或者在视频播放窗口的右键菜单。脚本功能由 BiliMonkey、BiliPolyfill 两部分组成,实现了视频下载和播放界面等调整选项。

链接????:Greasy Fork 下载地址

RSSHub 订阅 B 站资源

RSSHub 的出现解决了用 RSS 方式快速订阅 Bilibili 网站不同资源的难题,可以为番剧、UP 主投稿、UP 主专栏、UP 主频道、分区视频等资源生成 RSS 订阅源(官方文档 提供了全部用法),下面以订阅 UP 主投稿为例:

打开某位 UP 主主页,网址是 https://space.bilibili.com/475961,其中,475961 是这位 UP 主的用户 id,只需要将这串数字填写在 RSSHub 提供的订阅地址,生成 RSS 订阅源 https://rsshub.app/bilibili/user/video/475961

最后只需要打开某个 RSS 阅读器填写好以上地址即可完成订阅,及时收到 UP 主的投稿动态。

结语

这篇分享文通过用 Chrome 扩展和脚本样式,改善目前 Bilibili 网站的观影体验,去除页面的干扰元素,增强播放器的控制功能,让 B 站中最具特色的弹幕文化不会成为影响视频观看的元素之一,最后用 RSS 这种「历史更悠久」的方式轻松订阅 B 站各类资源。

题图来自 Bilibili NASDAQ LISTED