油管字幕插件，帮助你更好的 shadow reading

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 398 天前的主题，其中的信息可能已经有所发展或是发生改变。

最近学英语，跟着油管主播一起读，字幕跳转很麻烦，所以开发了这个插件

https://github.com/fqdeng/youtube-subtitles-panel/tree/master

example

插件

字幕

shadow

10 条回复 • 2024-08-21 11:05:48 +08:00

logic2

2024-08-07 18:34:36 +08:00

基本上是抄袭的 openai 的代码，只要描述一下，对各种 API 的理解程度确实很高

2024-08-07 23:55:58 +08:00

TamperMonkey 安装了，打开上面这个视频没有自动跳出字幕 div, chrome 浏览器。不知道什么问题

logic2

2024-08-08 07:24:01 +08:00

@YY 😅 我开无痕试试，可能初始化有点问题

logic2

2024-08-08 07:36:18 +08:00

@YY 早上试了一下，我这边也不行了，我晚点修复一下看什么原因

logic2

2024-08-08 09:03:39 +08:00

@YY JQuery 这老家伙触发了油管页面的 CSP ，我也不知道这个功能啥时候开启的，反正早上还好好的，等后面看 CSP 怎么绕过去吧

logic2

2024-08-08 09:22:20 +08:00

@YY 破案了，把 jquery 3.7.1 拉了下来，把所有 innerHTML = 的地方都用

policy.createHTML() 就搞定了

if (window.trustedTypes && trustedTypes.createPolicy) {
const policy = trustedTypes.createPolicy("default", {
createHTML: (string) => string
});

document.getElementById("yourElementId").innerHTML = policy.createHTML("<p>Safe content</p>");
} else {
document.getElementById("yourElementId").innerHTML = "<p>Safe content</p>";
}

logic2

2024-08-08 09:26:56 +08:00

raw.githubusercontent.com/fqdeng/youtube-subtitles-panel/master/main.user.js
用这个安装新的

2024-08-08 19:06:29 +08:00

@logic2 #7 这个版本可以了
就是没有你截图中这种字幕高亮

如果能自定义背景颜色字体颜色就更好了

logic2

2024-08-08 20:18:33 +08:00

@YY #8 哥，你自己改好了，代码很清晰的就改几个地方

humbass

2024-08-21 11:05:48 +08:00

字幕用上了，谢谢！！！