2012-07-26 2 views
0

나는 현재 가지고있는 비디오의 자막을 표시하기 위해 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> 

나는 위의 editied 버전을 시도했지만 대신 자막 텍스트를 표시하는 그것은 나를 제공 :
[객체 XMLDocument로]

답변

0

을 당신이 W3C DOM 방법을 사용하고 볼 수 있지만 파일은 jQuery를 사용하고 나타냅니다. 따라서 다음은 jQuery를 사용하여 짧아집니다 :

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

즐기십시오!

+0

도움에 감사드립니다. 나는 위의 시도하고 내 질문을 편집했습니다. 전체 .srt 텍스트를 추출하려면 XMLDocument 객체에 어떻게 액세스합니까? – user1460015

+0

위의 코드가 작동했습니다. 결과를 얻으려면 아파치 서버를 설정해야했습니다. 감사 – user1460015

1

sample.srt가 w에있는 텍스트 파일이라고 가정합니다. ebserver? 텍스트 파일에 대한 ajax 호출을 수행하고 javascript를 사용하여 응답 텍스트를 html 요소에 표시 할 수 있습니다. 그 AJAX 호출을 수행하기 위해 jQuery를 사용

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

텍스트 파일은 실제로 로컬입니다. 나는 웹 페이지를 실험하고 텍스트를 표시하는 방법을 알고있다. – user1460015

+0

그러나이 방법을 선택하면 .srt 파일이 웹 서버에 저장됩니다. 내 말은 사용자가 가지고있는 로컬 파일에 액세스하려고 시도하지 않는다는 것입니다. say2joe가 제공하는이 제안과 훨씬 더 간결한 버전 모두 작동해야합니다. 실제 텍스트가 아니라 객체 참조를 얻는 것은 흥미 롭습니다. 파일이 존재합니까? 이 코드가있는 html 파일과 같은 디렉토리에 있습니까? – AceCorban

+0

당신 말이 맞아요. 앞으로는 로컬 파일에 액세스하지 않을 것입니다. 파일이 존재하고 바로 그 디렉토리의 .html 파일 옆에 있습니다. 위의 링크 'jquery.srt.js'를 따르는 경우 동영상 및 srt 파일을 예로 사용하고 있습니다. 너는 너 자신을 위해 볼 수있다. 감사합니다 – user1460015

관련 문제