在 nodejs 中使用 api 获取 Youtube 视频的字幕数据

Question

这里是一些链接，它以 xml 格式提供 youtube 视频的字幕列表。

'https://www.youtube.com/api/timedtext?lang=en&v=6dlr-1Qk8Uc'

'http://video.google.com/timedtext?type=track&v=zenMEj0cAC4&id=0&lang=en'

但它不适用于所有视频。 有些视频在视频底部有字幕（cc）图标，点击后会出现此字幕，但此链接无法返回字幕数据。

然后我检查了点击 cc 图标时的响应数据，它返回所有带字幕的视频的数据。

但是我不知道如何使用节点 js 调用这个 api。

Answer 1

除了使用 YouTube Data API - caption¹ 来检索视频的字幕，您还可以使用 AJAX 回调来获取字幕。

¹如果你想使用 YouTube 数据 API 来查询字幕，我建议你 read the documentation carefully。

---

在本例中，AJAX 回调用于从给定的 YouTube 视频中检索字幕。

使用XML parser，前一个AJAX回调的响应在for循环中迭代以获取字幕：

// Ajax callback to the YouTube channel:
$.ajax({
  type: "GET",
  url: "http://video.google.com/timedtext?type=track&v=zenMEj0cAC4&id=0&lang=en",
  crossDomain: true,
}).done(function(data) {
  getCaption(data);
});

// Variables.
var parser, xmlDoc;
var HTML_captions = "";

// Parse the AJAX response and get the captions.
function getCaption(data) {
  try {

    // Loop the results of the ajax:
    for (var i = 0; i < data.getElementsByTagName("transcript")[0].childNodes.length; i++) {
      HTML_captions += data.getElementsByTagName("transcript")[0].childNodes[i].innerHTML + "<br/>";
    }

    // Preparing captions...
    fillData();

  } catch (err) {
    console.log(err);
    alert('Error at getCaption function - see console form more details.');
  }
}


// Fill the data "captions" in a HTML "div" control.
function fillData() {
  try {
    document.getElementById("demo").innerHTML = HTML_captions;
  } catch (err) {
    console.log(err);
    alert('Error at fillData function - see console form more details.');
  }
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<div class="infoVideo">
  <span>These are the captions of the following YouTube video:</span>
  <br/>
  <span>Title: How Turbochargers Work</span>
  <br/>
  <span>URL: https://www.youtube.com/watch?v=zenMEj0cAC4</span>
</div>
<br/>
<div id="demo"><i>Loading captions...</i></div>