KoXo 자바스크립트 - 메서드(method) - seekToFrame (t:animate, t:animateColor, ...) (+time)

개체	script	IE
animate	animate.seekToFrame(iFrame)	IE5.5(win32)
animateColor	animateColor.seekToFrame(iFrame)	IE5.5(win32)
animateMotion	animateMotion.seekToFrame(iFrame)	IE5.5(win32)
animation	animation.seekToFrame(iFrame)	IE5.5(win32)
audio	audio.seekToFrame(iFrame)	IE5.5(win32)
excl	excl.seekToFrame(iFrame)	IE5.5(win32)
img	img.seekToFrame(iFrame)	IE5.5(win32)
media	media.seekToFrame(iFrame)	IE5.5(win32)
par	par.seekToFrame(iFrame)	IE5.5(win32)
ref	ref.seekToFrame(iFrame)	IE5.5(win32)
seq	seq.seekToFrame(iFrame)	IE5.5(win32)
set	set.seekToFrame(iFrame)	IE5.5(win32)
time2	time2.seekToFrame(iFrame)	IE5.5(win32)
video	video.seekToFrame(iFrame)	IE5.5(win32)

메디어 타이머: 0

현재 프레임 #: /12
찾을 프레임(seekToFrame) 입력:

오류를 방지하기 위하여 먼저 메디어가 활성화 안되었으면 beginElement 메서드로 활성화 시킨 후 유효한 시간 범위 내에서 seekToFrame 메서드를 호출하여 원하는 프레임을 찾아 플레이한다.

<HTML xmlns:t= "urn:schemas-microsoft-com:time">
<HEAD>
<IMPORT namespace="t" implementation="#default#time2">
<STYLE>.time{behavior:url(#default#time2)}</STYLE>
<SCRIPT>
function doSeekToFrame(){
  showA.innerHTML='';
  if (!oMedia.currTimeState.isActive){ // 메디어 개체가 활성 중이 아니면 다시 시작한다.
    oMedia.beginElement();
  }
  if (isFinite(inSeekFrame.value) && inSeekFrame.value >= 0 && inSeekFrame.value < 13){
    // 입력한 찾는 프레임이 유효한 범위인가를 점검하여 찾는다.(최대 12 프레임)
    oMedia.seekToFrame(inSeekFrame.value);
    oMedia.pauseElement();
  } else{ // 범위를 벗어났으면 다이 입력을 요청한다.
    showA.innerHTML='유효 범위는 0이상 메디어 프레임(12) 이하이어야 한다.';
    inSeekFrame.value = '';
    inSeekFrame.focus();
  }
}
</SCRIPT>
</HEAD>
<BODY>
메디어 타이머:
<SPAN id="Timer2" class="time" dur=".01" repeatCount="indefinite" fill="hold"
  onrepeat="innerText=parseInt(oMedia.currTimeState.activeTime);">0</SPAN><BR>
<T:video style="width:175px; height:150px;" id="oMedia" src="../../media/clock.avi"/><BR>
현재 프레임 #: <SPAN id="oCurrFrame" class="time" dur="0.01" repeatCount="indefinite" fill="hold"
  onrepeat="innerText=parseInt(oMedia.currentFrame);"></SPAN>/12<BR>
찾을 프레임(seekToFrame) 입력:
<INPUT type="text" value="" name="inSeekFrame" size="4"/><BR>
<BUTTON id="seekBtn" onClick="doSeekToFrame();">프레임 찾기</BUTTON>
<BUTTON onClick="oMedia.resumeElement();showA.innerHTML='계속 진행 중';">계속 진행</BUTTON>
<BUTTON onClick="oMedia.beginElement();showA.innerHTML='';">다시 시작</BUTTON>
<DIV id=showA></DIV>
</BODY>
</HTML>