모체 시간용기에 상대적인 엘레멘트의 플레이 속도를 부동소수점 수치로 반환하거나 지정한다.
![]() | Script | object.speed(speed)=[fpVal] |
HTML | <ELEMENT speed="fpVal"> |
speed 속성값은 모체 시간용기에 상대적인 엘레멘트의 플레이 속도를 나타내는 부동소수점 수치이다.
(부동소수점 수치) | 엘레멘트의 플레이 속도는 지정된 이 시간을 곱한 값이다. |
1.0 | 디폴트이며 엘레멘트의 플레이 속도가 지정되니 않았다 |
이 속성은 읽기전용 혹은 읽기/쓰기로 디폴트값은 1.0이다.
엘레멘트이 플레이 속도는 모체 시간용기의 시간에 상대적이다. 예를들어 엘레멘트 모체 시간용기와 엘레멘트 자체의 속도 speed 속성이 모두 0.5로 설정된 경우, 엘레멘트는 그 정상 플레이 속도의 25%로 플레이된다. 이는 모체가 50%로 플레이되고 자식이 50%로 플레이되므로 결과적인 플레이 속도가 25%로 되는 것이다. currTimeState 개체에서 speed 속성으로 엘레멘트의 플레이 속도를 얻을 수 있다.
음수값은 비디오 개체를 최종 프레임에 고정시킨다.
speed 값 0은 유효하지 않은 값이며, 메디어는 디폴트인 1.0으로 플레이 된다.
일부 메디어에서는 요청한 speed 값으로 플레이할 수 없을 수 있다. 메디어가 플레이를 할 수 없으면 onoutofsync 이벤트가 발생되고 지정된 speed 값은 유효하지 않은 것으로 처리하여 정상 속도로 플레이하게 된다.
speed 속성은 엘레멘트의 활성 지속시간에 영향을 준다. 개체의 속도가 증가되면 활성 지속시간은 애트리뷰트에 지정한 시간값보다 짧아지고 속도가 감소되면 길어질 것이다.
개체 | script | HTML | 규격 | IE |
---|---|---|---|---|
animate | animate.speed[=fpVal] | <t:ANIMATE speed="fpVal"> | 없음 | IE5.5(win32) |
animateColor | animateColor.speed[=fpVal] | <t:ANIMATECOLOR speed="fpVal"> | 없음 | IE5.5(win32) |
animateMotion | animateMotion.speed[=fpVal] | <t:ANIMATEMOTION speed="fpVal"> | 없음 | IE5.5(win32) |
animation | animation.speed[=fpVal] | <t:ANIMATION speed="fpVal"> | 없음 | IE5.5(win32) |
audio | audio.speed[=fpVal] | <t:AUDIO speed="fpVal"> | 없음 | IE5.5(win32) |
img | img.speed[=fpVal] | <t:IMG speed="fpVal"> | 없음 | IE5.5(win32) |
media | media.speed[=fpVal] | <t:MEDIA speed="fpVal"> | 없음 | IE5.5(win32) |
par | par.speed[=fpVal] | <t:PAR speed="fpVal"> | 없음 | IE5.5(win32) |
ref | ref.speed[=fpVal] | <t:REF speed="fpVal"> | 없음 | IE5.5(win32) |
seq | seq.speed[=fpVal] | <t:SEQ speed="fpVal"> | 없음 | IE5.5(win32) |
time2 | time2.speed[=fpVal] | 없음 | 없음 | IE5.5(win32) |
transitionFilter | transitionFilter.speed[=fpVal] | <t:TRANSITIONFILTER speed="fpVal"> | 없음 | IE6(win32) |
video | video.speed[=fpVal] | <t:VIDIO speed="fpVal"> | 없음 | IE5.5(win32) |
이 속성은 (영문)SMIL 2.0(Synchronized Multimedia Integration Language)에서 정의되었다.
![]() | speed 속성⇒ | ![]() | ![]() ![]() ![]() |
모체 속도가 0.5 이므로 자식 속도 0.5 를 곱하여 결과적으로 실제 자식 속도는 0.25가 되고, 자식 설정 지속시간 1초, 모체 설정 지속시간 5초는 연장되어 자식 개체 시간 4초, 모체 시간은 10초가 된다.
<IMPORT namespace="t" implementation="#default#time2"> <STYLE>.time{ behavior: url(#default#time2);}</STYLE> </HEAD> <BODY> <SCRIPT> function normalSpeed(speed){ timeObj.speed=divObj.speed=speed; showSpeed.innerHTML='divObj.speed='+divObj.speed+'<BR>timeObj.speed='+timeObj.speed; timeObj.beginElement() } </SCRIPT> <T:excl id="timeObj" begin="0;clickBut.onclick;" dur="5" speed="0.5"> <DIV id="divObj" class="time" begin="1" dur="1" speed="0.5" style="color:blue;font-size:20;border:solid 1 red;background:ffa;padding:5">플레이 개체</DIV> </T:excl> 문서 시간 = <SPAN id="Timer1" class="time" dur=".01" repeatCount="10000" fill="hold" onrepeat="innerText=parseInt(document.body.currTimeState.activeTime);">0</SPAN><BR> 용기 시간 = <SPAN id="Timer2" class="time" dur=".01" repeatCount="indefinite" fill="hold" onrepeat="innerText=parseInt(timeObj.currTimeState.activeTime);">0</SPAN><BR> <DIV id=showSpeed> <SCRIPT>document.write('divObj.speed='+divObj.speed+'<BR>timeObj.speed='+timeObj.speed+'<BR>')</SCRIPT> </DIV> <BUTTON id="clickBut" onclick=timeObj.beginElement()>다시 시작</BUTTON> <BUTTON id="clickBut" onclick=normalSpeed(1)>정상속도로</BUTTON> <BUTTON id="clickBut" onclick=normalSpeed(.5)>.5 속도로</BUTTON> <BUTTON id="clickBut" onclick=normalSpeed(.3)>.3 속도로</BUTTON> <BUTTON id="clickBut" onclick=normalSpeed(.1)>.1 속도로</BUTTON> <BR> </BODY> </HTML>
![]() | speed 속성 | ⇒ | ![]() ![]() |
최종 수정: 07/12/2025 23:32:52 | ![]() All right reserved | 비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다. 오류가 나면 정상적 접속으로 시도해 보세요. | http://koxo.com/lang/js/property/speed.html |