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

5 天前
 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 ,或者联系我。

谢谢大家!

3286 次点击
所在节点    分享创造
55 条回复
koolpass
5 天前
感谢 别人推荐的 过来用了一下 满意。从 YouTube Redux 转到这个了
dark495
5 天前
@yeahwong 用来实时的发送功能状态变更,你会发现在插件里启用或禁用、修改功能,完全不会需要重新刷新标签页,是实时修改生效的。
cns
5 天前
@dark495 #5 我也想要 2.5 倍速,2 倍速不够快,3 倍速又太快了😂
djangovcps
5 天前
最想要英文视频自动开启 英文自动翻译字幕,每次都要点击字幕,滑到最后中文简体
tangqiu0205
5 天前
评论能放在视频右侧吗
test00001
5 天前
@iOCZS 一针见血的指出所有用户关心的问题。对于抠搜的程序员来说不能去除广告就是没有体验。
iOCZS
5 天前
@test00001 #26 识别出广告,然后快进到出现 skip ad 按钮,模拟点击,这样就跳过广告了。希望这个可以自动化。
dark495
5 天前
@iOCZS @test00001 可以看一下源代码,有三种方式跳过视频广告:

1. 在播放广告时直接超级倍速+将广告播放时间设置为视频总长度,以实现点击 skip ad 按钮
2. Hook 掉 YouTube 的`window.fetch`,拦截并修改 http 请求,在加载视频时就告知播放器这个视频没有广告
3. 将 Skip ad 按钮样式尺寸改为全播放器,方便点击。

1 和 2 会被 YouTube 检测,播放可能十几次或几十次以后会出现 YouTube 的提示,提醒你禁用广告拦截插件,否则无法继续播放视频,这里我也做了自动点击“我已知道”。
后续的我没有测,因为我开了 Premium ,所以没有对此做更进一步的研究。

3 是完全没问题。
dark495
5 天前
@djangovcps 这个开启`记住字幕启用状态`就可以了
xxxxi
5 天前
@dark495 #4 观看长视频的时候,希望能始终看到视频进度
Pasical
5 天前
Youtube 的切换倍速可以用 Shift + < 或 > 来实现,用过就回不来了,比起 B 站的 Shift + 1 、2 要直观多了
dark495
5 天前
realpg
5 天前
太爽了 首页一行 10 个视频 终于可以利用我的 4K 100%缩放显示器了
ala2008
5 天前
我去,你干了我想要做的事情,刚需!
ayanami520
5 天前
挺好用的,尤其是自动帮忙切换清晰度功能,之前是通过好几个不同的脚本来实现的,不过还有一个脚本帮我自动使用新标签页打开视频我觉得蛮有用的,希望能更新到这个扩展里
Yien
5 天前
赞👍
imicksoft
4 天前
每行视频数量增加了,但视频标题字体大小没变,显示的字数变少了,建议能缩小一下字体,能设置的指定 px 或%。
usn
4 天前
op 提到的有几点我建议谷歌直接实装到油管本管
lemoncoconut
4 天前
倍速播放我以前写过一个 userscript ,很简单的一个按钮,点一下就能直接来回在 1x 1.5x 2x 切换
https://github.com/lemonteaau/YouTube-Speed-Control-Button
jaysonmac
4 天前
感觉不错。YT 太傻了,不知道为啥一排从 5 个变 4 个到现在 3 个越来越少。

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

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

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

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

© 2021 V2EX