制作了一个 YouTube 的浏览器扩展 —— YouTubeTweak,以解决一些使用体验问题

6 天前
 dark495

制作了一个 YouTube 的浏览器扩展 —— YouTubeTweak ,以解决一些使用体验问题

为什么会有这个东西?

我是一个偏重度的 YouTube 用户,是 YouTube Premium 的长期订阅者,主要还是用 PC Web 版本。平时听歌以及看视频都在 YouTube 上完成。

但 YouTube 的有些东西着实让我不爽,比如:


作为一个码农,我想着手解决这些问题,至少让自己用的舒服一点。

我采用了最简单便捷的方式来处理这些问题,这个项目一开始只是一个 UserScript ,在GithubGreasyFork上发布。

后来觉得 UserScript 开发体验不太好,并且也想试着学习开发一个浏览器扩展,于是后面就改成了浏览器扩展的形式

浏览器扩展程序

在花了一段时间学习如何开发浏览器扩展,并且重构了代码以及自行测试了数月后,终于完成了一个 _我自己觉得可以公开发布的版本_。

这个扩展的名字叫做 YouTubeTweak,目前已经在这些平台通过了测试并发布:

Edge 暂时没有发布,因为我安装完 Windows 的第一件事就是彻底卸载 Edge 浏览器。
(后续看情况可能会测试并发布。

源代码仓库:https://github.com/xlch88/YoutubeTweak
域名:YTTweak.com (目前还是什么东西都没有,我还没制作网站)

功能

一张图概括这个插件的功能以及 UI:

以及一些功能实际的样子:

改首页每行视频数量

隐藏 Shorts

隐藏频道主购物推荐

显示评论昵称、翻译

隐藏多余按钮、添加一键倍速按钮、半透明片尾画面

关于开发

这个项目是出于提升和我有同样困扰的用户的使用体验的目的而开发的,我不准备进行任何商业化或追踪器植入,确保代码的干净。

整体使用 TypeScript + Vue + WXT 进行开发,全手写 SCSS 样式,未使用任何 UI 框架。

整体插件功能模块化,每个功能都分成了单独的模块,方便后续维护和扩展。

我希望有更多人能参与到这个项目中来,将你的想法变成现实。
也欢迎参与代码的优化和审计,让我知道我哪里写得不够好。

如果你有兴趣参与这个项目,请访问项目的 GitHub 仓库:https://github.com/xlch88/YoutubeTweak

最后

如果你觉得这个插件对你有帮助,欢迎在 Github 给我一个⭐️ 以及 在扩展商店给我一个好评 ,让我知道有人在使用这个插件。

以及,这个项目的多语言翻译来自我的几位朋友的帮助,非常感谢他们。
如果你也愿意帮忙翻译成其他语言,请在 Github 仓库中提交 PR ,或者联系我。

谢谢大家!

3325 次点击
所在节点    分享创造
57 条回复
iOCZS
6 天前
能不能帮我跳过广告?
xxxxi
5 天前
已 star , 能否加个在前台显示视频播放进度?
zhzy
5 天前
已安装试用一下, 好奇为啥没有 2.5 倍速😂

另外之前用过这两个都还挺好用的:

- youtube 播放视频倍速自定义,可记忆: https://greasyfork.org/zh-CN/scripts/381176-youtube%E6%92%AD%E6%94%BE%E8%A7%86%E9%A2%91%E5%80%8D%E9%80%9F%E8%87%AA%E5%AE%9A%E4%B9%89-%E5%8F%AF%E8%AE%B0%E5%BF%86
- Enhancer for YouTube: https://chromewebstore.google.com/detail/enhancer-for-youtube/ponfpcnoihfmfllpaingbgckeeldkhle
dark495
5 天前
@xxxxi 这个是啥意思?
dark495
5 天前
@zhzy 的确大部分功能都有现成的可以替代,但是有一些比较小众的功能还是要我自己来实现,所以自己写是肯定要做的,那既然要做就做的好一点喽。

)我实在想不出什么情况下会用 2.5 倍速?或许我会加一个自定义的按钮吧。
jesky
5 天前
@dark495 #4 大概就是一个常驻的进度条吧
jesky
5 天前
不错,已经用上了!
Nyarime
5 天前
用上了!是诉 qz 联通的那个大佬吧,膜拜了
Avn
5 天前
@iOCZS 屏蔽视频开始前和播放中的贴片广告用 uBlock Origin Lite
https://chromewebstore.google.com/detail/ddkjiahejlhfcafbddmgiahcphecmpfh

自动跳过视频中博主口播恰饭的赞助广告用 SponsorBlock for YouTube - Skip Sponsorships
https://chromewebstore.google.com/detail/mnjggcdmjocbbbhaepdhchncahnbgone
Earthman
5 天前
一些建议
1. 禁用格式,av1 格式需要较新的硬件才能硬解,可以切换禁用或者只用 av1 会很方便,目前用脚本 https://greasyfork.org/zh-CN/scripts/466131-disable-youtube-av1

2. 倍速,使用 ctrl+鼠标滚轮比较方便,像 (YouTube-Enhancer)[https://github.com/YouTube-Enhancer/extension] 一样在播放器中间绘制提示就更好了,倍速一般以 0.5x 步进足矣,不过慢放需要 0.1x 步进

3. 按频道记忆播放速度非常好。如果能按频道跳过开头或者结尾 xx 秒就更好了,例如某些新闻台总是插入开头结尾。其他部分的赞助广告就靠 sponsorblock 了。

4. 新标签页打开链接,这个目前也用脚本

5. 隐藏会员限定影片,有些会员限定影片会出现在页面上,不需要

目前和 Enhancer for YouTube 一起用,因为 Enhancer for YouTube 使用了老式播放器界面,新版播放器界面似乎对于字幕处理有问题。
followad
5 天前
我试试
xuejianxianzun
5 天前
Edge 浏览器也可以从 Chrome 网上应用店安装扩展的,而且兼容性基本都不会有问题,所以你也没必要专门去测试 Edge 浏览器
zpvip
5 天前
太强了. 不知道能不能把进度条及其以下的控制栏移动到视频下方? 这样视频下面的部分就不会被遮挡了.

现在显示器越来越大, 我想不明白为什么要把控制栏放在视频的下方, 遮挡住视频画面. 有时候拉动进度条的时候,如果定位不准,会造成在视频上单击的效果,视频会暂停.
yeahwong
5 天前
谢谢,挺好用的,不过 Firefox 上为什么需要 Access browser tabs 这个权限?
taikobo
5 天前
绝大多数功能我都用 ublock 实现了
但是这样一个插件肯定更方便
imicksoft
5 天前
好像很厉害,我试用下
N9f8Pmek6m8iRWYe
5 天前
很好用,点赞
Sosocould
5 天前
评论显示在右侧的功能可以有吗
root8
5 天前
好用
0xZaTe
5 天前
很好用,是否能增加一个网页窗口全屏的按钮

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://ex.noerr.eu.org/t/1171815

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX