使用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顯示字幕

回答

相關問題