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

[logic2]

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

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

[logic2]

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

[YY]

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

[logic2]

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

[logic2]

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

[logic2]

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

[logic2]

@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]

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

[YY]

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

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

[logic2]

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

[humbass]

字幕用上了，谢谢！！！