时间戳

首页 > 解决方案 > 如何使用 chrome 开发工具获取 youtube 成绩单 url？

javascript - 如何使用 chrome 开发工具获取 youtube 成绩单 url？

问题描述

我尝试使用 Chrome 开发工具在网络选项卡中获取 youtube 脚本 url，但我找不到它。

甚至可能吗？

标签： javascriptgoogle-chrome

解决方案

是的，有可能。

  1. 在 youtube 中打开视频（暂停，CC 关闭）
  2. 打开网络选项卡
  3. 将网络选项卡过滤为“XHR”
  4. 单击“CC”按钮以启用隐藏式字幕。
  5. 在网络选项卡上查看端点的新条目“timedtext”

例如：

https://www.youtube.com/api/timedtext？{{...带参数的更长 URL}}

结果将是由“段”分解的 JSON。

"events": [ {
    "tStartMs": 1040,
    "dDurationMs": 3210,
    "segs": [ {
      "utf8": "- People like to obsess\nover mechanical keyboards,"
    } ]
  }, {
    "tStartMs": 4250,
    "dDurationMs": 2440,
    "segs": [ {
      "utf8": "something about the clickiness of the keys"
    } ]
  }, {
    "tStartMs": 6690,
    "dDurationMs": 1730,
    "segs": [ {
      "utf8": "really gets them going."
    } ]
  }
]

推荐阅读