使用javascript显示字幕

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

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

这就是我在我的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>

我试过上述editied版本，但不是显示字幕文本它给了我：
[对象的XMLDocument]

来源

2012-07-26 user1460015

我看你使用W3C DOM方法，但你的文件显示您正在使用jQuery。所以，使用jQuery以下更短：

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

享受！

来源

2012-07-26 23:36:57

感谢您的帮助。我尝试了上面的内容并编辑了我的问题。我将如何访问对象XMLDocument以提取整个.srt文本？ – user1460015 2012-07-27 01:27:36

上面的代码工作。我不得不设置一个Apache服务器来获得结果。谢谢 – user1460015 2012-07-29 14:58:11

我假设sample.srt是位于w上的文本文件ebserver？您可以尝试对文本文件执行ajax调用，并使用javascript将响应文本显示给html元素。使用jQuery执行AJAX调用：

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

来源

2012-07-26 23:34:13 AceCorban

该文本文件实际上是本地的。我只是试验一个网页，并希望它显示文本。 – user1460015 2012-07-27 01:28:35

但是，如果您选择此方法，那么.srt文件将位于Web服务器上，对不对？我的意思是你不会尝试访问用户拥有的本地文件。这个建议和say2joe提供的更简洁的版本都可以工作。有趣的是，您正在获取对象引用而不是实际的文本。文件是否存在？它是否与此代码的html文件位于同一目录中？ – AceCorban 2012-07-27 15:51:58

你说得对。将来我不会访问本地文件。该文件存在并且位于同一目录中的.html文件旁边。如果您按照上面的'jquery.srt.js'链接，我使用视频和srt文件作为示例。你可以看看自己。谢谢 – user1460015 2012-07-27 18:49:53

使用javascript显示字幕

回答

相关问题