2012-10-12 2 views
0

SVG Animation 요소가 있습니다.SVG Tiny 1.2에서 SVGAnimation 요소의 현재 시간 얻기

... 
<animation id="playlist" begin="indefinite" dur="60.0" repeatDur="indefinite" width="1920" height="1080" preserveAspectRatio="xMidYMid" xlink:href="playlist.svg"/> 
... 

playlist.svg 내에는 몇 가지 svg 비디오 요소가 있습니다. 예 :

... 
<video begin="0;item_8.end" dur="10.0" width="1920" height="1080" xlink:href="files/content/movie.mp4" id="item_1" preserveAspectRatio="xMidYMid" /> 
... 

이 비디오 클립은 오류없이 계속 실행됩니다.

재생 목록의 경과 시간을 가져 오려고합니다. 우리 중 하나는 재생 목록 또는 경과 시간을 보유하고있는 변수의 이름 또는 코드의 현재 시간을 얻을 수있는 방법을 필요로 우리는

var elapsed_time = document.getElementById('playlist').getCurrentTime(); 
// or 
var elapsed_time = $('#playlist').getCurrentTime(); 

를 사용하여 시도했지만 그것은
$("#playlist").getCurrentTime is not a function 

을 반환하는 것 우리를 위해 이것을 생성 할 스 니펫.

참고로 브라우저에는 아무 것도 없습니다. SVG 파일을 실행하고 로그를 생성하는 장치에 있으므로 Firebug, console.log 등에 액세스 할 수 없지만 alert() 및 오류를 볼 수 있습니다.

감사합니다.

답변

0

당신이 찾고있는 것이 루트 svg 요소에 getCurrentTime() 인 것으로 의심됩니다. 전체 문서 조각에 대해서만 애니메이션마다 하나씩 존재하지 않습니다.

+0

루트 svg 요소의 getCurrentTime은 전체 문서가로드 된 후 경과 된 시간을 반환합니다. 당신이 얼마나 멀리있는 애니메이션을 볼 수있는 방법이 없다는 것은 믿을 수 없습니다. 그것은 내가 필요한 재산 인 것처럼 보인다. 우리는 루트 요소 시간을 가져 와서 애니메이션을 시작하는 데 걸리는 시간을 뺀 다음 재생 목록 길이만큼 mod를 계산할 수 있다고 가정합니다. 그러나이 값은 정확하지 않으며이 계산은 정확해야합니다. – MattDiamant