爱意满满的作品展示区。
muam

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

  •  
  •   muam · Aug 7, 2024 · 1518 views
    This topic created in 670 days ago, the information mentioned may be changed or developed.

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

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

    example

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

    如果能自定义背景颜色 字体颜色就更好了
    muam
        9
    muam  
    OP
       Aug 8, 2024
    @YY #8 哥,你自己改好了,代码很清晰的 就改几个地方
    humbass
        10
    humbass  
       Aug 21, 2024
    字幕用上了,谢谢!!!
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3129 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 13:48 · PVG 21:48 · LAX 06:48 · JFK 09:48
    ♥ Do have faith in what you're doing.