javascript - 使用 javascript 显示字幕

Question

我目前正在使用jquery.srt.js来显示我拥有的一些视频的字幕。

我想要完成的是在网页中显示字幕的整个文本文件。

这就是我的 html 文档中的内容。如何获取“data-srt”（本地文件）内容？
谢谢

<div id='srt'
     class="srt"
     data-video="video"
     data-srt="sample.srt" />

</div>

编辑

    $(function()
    {
        $.get($("#srt").data("srt"), function(text) {
            alert(text);
        });
    });

</script>

我尝试了上面的编辑版本，但没有显示它给我的字幕文本：
[object XMLDocument]

score 1 · Accepted Answer

我假设 sample.srt 是位于网络服务器上的文本文件？您可以尝试对文本文件执行 ajax 调用并使用 javascript 将响应文本显示到 html 元素。使用 jQuery 来执行 AJAX 调用：

$.ajax(
{
   url: $("#srt").attr("data-srt"),
   success: function(responseText)
   {
       alert(responseText);
   }
});

score 0 · Accepted Answer

我看到您正在使用 W3C DOM 方法，但您的文件表明您正在使用 jQuery。因此，以下使用 jQuery 会更短：

$.get($("#srt").data("srt"), function(text){
  alert(text); // Show the subtitles from the text file.
});

享受！

2 回答 2