V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
logic2
V2EX  ›  分享创造

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

  •  
  •   logic2 · 108 天前 · 869 次点击
    这是一个创建于 108 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    example

    10 条回复    2024-08-21 11:05:48 +08:00
    logic2
        1
    logic2  
    OP
       108 天前
    基本上是抄袭的 openai 的代码,只要描述一下, 对各种 API 的理解程度确实很高
    YY
        2
    YY  
       107 天前
    TamperMonkey 安装了,打开上面这个视频 没有自动跳出字幕 div, chrome 浏览器。不知道什么问题
    logic2
        3
    logic2  
    OP
       107 天前
    @YY 😅 我开无痕试试,可能初始化有点问题
    logic2
        4
    logic2  
    OP
       107 天前
    @YY 早上试了一下,我这边也不行了,我晚点修复一下 看什么原因
    logic2
        5
    logic2  
    OP
       107 天前
    @YY JQuery 这老家伙 触发了油管页面的 CSP ,我也不知道这个功能啥时候开启的,反正早上还好好的,等后面看 CSP 怎么绕过去吧
    logic2
        6
    logic2  
    OP
       107 天前
    @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>";
    }
    YY
        8
    YY  
       107 天前
    @logic2 #7 这个版本可以了
    就是没有你截图中这种字幕 高亮

    如果能自定义背景颜色 字体颜色就更好了
    logic2
        9
    logic2  
    OP
       106 天前
    @YY #8 哥,你自己改好了,代码很清晰的 就改几个地方
    humbass
        10
    humbass  
       94 天前
    字幕用上了,谢谢!!!
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2683 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 11:55 · PVG 19:55 · LAX 03:55 · JFK 06:55
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.