HTML ¹®¼¿¡¼ ¾ÖÆ®¸®ºäÆ®¿¡ µ¶¸³ÀûÀ¸·Î ½Ã°£À» °ü¸®ÇÏ´Â ¿¤·¹¸àÆ®·Î »õ·Î¿î ½Ã°£(timeline) ¿ë±â¸¦ Á¤ÀÇÇÑ´Ù.
Script | [propVal=]..propName; | |
HTML | propName="propVal">innerString |
ÀÌ ¿¤·¹¸àÆ®ÀÇ ¸ðµç HTML ÀÚ¼ÕµéÀº µ¶¸³ÀûÀ̰ųª ÆòÇà(parallel)ÀûÀÎ ½Ã°£À» °®´Â´Ù.
timeContainer ¾ÖÆ®¸®ºäÆ® ´ë½Å¿¡ ÀÌ ¿¤·¹¸àÆ®¸¦ »ç¿ëÇÏ¸é ½Ã°£¿ë±â¸¦ HTML ¿¤·¹¸àÆ® ¾øÀÌ »ý¼ºÇÒ ¼ö ÀÖ´Ù.
¸ðµç ÀÚ½ÄÀ̳ª ÈÄ¼Õ ½Ã°£ °³Ã¼¿¡´Â ÀÌ ½Ã°£¿ë±âÀÇ ½Ã°£ ¼Ó¼ºµéÀÌ »ó¼ÓµÈ´Ù.
t:SEQ ¿¤·»Æ®ÀÇ ½Ã°£ Àڽĵé°ú´Â ´Þ¸®, parÀÇ ÈļյéÀº ¼·Î ÀÛ¿ëµÇ´Â ½Ã°£°ü°è°¡ ¾øÀÌ ¼·Î ÁßøµÉ ¼ö ÀÖ´Ù.
t:PAR ¿¤·¹¸àÆ®´Â È¿°úÀûÀ¸·Î ±¸·ìÁö¾îÁú ¼ö ÀÖ°í ÇÑ ´ÜÀ§Ã³·³ ½±°Ô ¼öÁ¤ÇÒ ¼ö ÀÖ´Ù.
t:PAR ½Ã°£¿ë±â ÀڽĵéÀÇ begin ¼Ó¼º µðÆúÆ®°ªÀº 0 ÃÊÀÌ´Ù.
Á¢µÎ¾î t:´Â ¿¤·¹¸àÆ®¿Í ¿¬°üµÈ XML(Extensible Markup Language)ÀÇ À̸§ÀÚ¸®(namespace)·Î »ç¿ëµÈ´Ù.
ÀÌ ¿¤·¹¸àÆ®¸¦ »ç¿ëÇÒ ¶§´Â html ű׿¡ XMLÀÇ namespace¸¦ ¼±¾ðÇÏ¿©¾ß ÇÑ´Ù.
<HTML xmlns:t ="urn:schemas-microsoft-com:time">
´ÙÀ½ ÅÂ±× Á¤ÀÇ HTML time2 ºñÇìÀ̹ö¸¦ import¸¦ »ç¿ëÇÏ¿© µµÀÔÇÏ¿©¾ß ÇÑ´Ù.
<IMPORT namespace="t" implementation="#default#time2">
°ü·Ã ¼Ó¼ºµéÀº window.onload À̺¥Æ®°¡ ¹ß»ýµÉ ¶§±îÁö´Â ½ºÅ©¸³Æ®¸¦ ÅëÇÏ¿© Á¢¼ÓÇÒ ¼ö ¾ø´Ù. ¹®¼°¡ ¿ÏÀüÈ÷ ·ÎµùµÇ¾î ÆäÀÌÁöÀÇ ÇØ´ç ¿¤·¹¸àÆ®¿¡ °ü·ÃµÈ ºñÇìºñ¾îµéÀÌ ¸ðµÎ Àû¿ëµÈ °ÍÀ» È®ÀÎÇÒ ¶§±îÁö ±â´Ù·Á¼ À̺¥Æ®°¡ ¹ß»ýµÇ¸é, ¸ðµç ºñÇìÀ̹öÀÇ ¼Ó¼º, ¸Þ¼µå, À̺¥Æ®µéÀÌ ½ºÆ®¸³Æ®·Î »ç¿ëµÉ ¼ö ÀÖ´Ù. window.onload À̺¥Æ® ¹ß»ý Àü¿¡ À̵éÀ» »ç¿ëÇÏ´Â °ÍÀº ±× ¿ä¼Ò°¡ Áö¿øµÇÁö ¾Ê´Â´Ù´Â ½ºÅ©¸³Æ® ¿À·ù¸¦ ¹ß»ý½ÃŲ´Ù.
ÀÌ ¿¤·¹¸àÆ®´Â Ç¥ÇöµÇÁö ¾Ê´Â´Ù.
ÀÌ ¿¤·¹¸àÆ®´Â Á¾·áű׸¦ ÇÊ¿ä·Î ÇÑ´Ù.
ÀÌ °³Ã¼´Â (¿µ¹®) SMIL 2.0(Synchronized Multimedia Integration Language)¿¡ Á¤ÀǵǾú´Ù.
¼³¸íÀ» À§ÇÑ ¿¹Á¦
¹®´Ü 1 : ¹®¼°¡ ·ÎµùµÇ°í 1ÃÊ ÈÄ¿¡ ½ÃÀ۵Ǿî 9Ãʵ¿¾È µð½ºÇ÷¹À̵ȴÙ.
¹®´Ü 2 : ¹®¼°¡ ·ÎµùµÇ°í 5ÃÊ ÈÄ¿¡ ½ÃÀÛµÇ°í ¸ðü ½Ã°£¿ë±â°¡ Á¾·áµÉ ·ÎµùÈÄ 10ÃÊ ÈıîÁö Áö¼ÓµÈ´Ù.
|
¿¹Á¦ÀÇ t:PAR ¿¤·¹¸àÆ®´Â ¹®¼ ·ÎµùÈÄ 1ÃÊ¿¡¼ 9ÃÊ µ¿¾È Ç÷¹ÀÌ µÈ´Ù.
Ä÷º¼Ç | ¼³¸í°ú ¿¹Á¦ ÄÚµå | °á°ú | Âü°í |
---|---|---|---|
activeElements | °³Ã¼ÀÇ ÇöÀç È°¼º ÁßÀÎ ÃÖ»óÀ§ ÀڽݳüµéÀÇ Ä÷º¼ÇÀ» ¹ÝȯÇÏ°í ÂüÁ¶ÇÑ´Ù. ¹®´Ü 2°¡ È°¼ºÈµÇ¾úÀ» ¶§ ´ÜÃ߸¦ Ŭ¸¯ÇØ º¸¶ó. |
||
<SCRIPT>document.write(oObj.activeElements.length)</SCRIPT> | |||
timeAll | °³Ã¼ÀÇ ¸ðµç ½Ã°£ ¿¤·¹¸àÆ®µéÀÇ Ä÷º¼ÇÀ» ¹ÝȯÇÏ°í ÂüÁ¶ÇÑ´Ù. | ||
<SCRIPT>document.write(oObj.timeAll.length)</SCRIPT> | |||
timeChildren | °³Ã¼ÀÇ ¸ðµç ÃÖ»óÀ§ ÀÚ½Ä ½Ã°£ ¿¤·¹¸àÆ®µéÀÇ Ä÷º¼ÇÀ» ¹ÝȯÇÏ°í ÂüÁ¶ÇÑ´Ù. | ||
<SCRIPT>document.write(oObj.timeChildren.length)</SCRIPT> |
°³Ã¼ | ¼³¸í | °á°ú | Âü°í |
---|---|---|---|
currTimeState | HTML+time timeline¿¡ ´ëÇÑ Á¤º¸¸¦ Æ÷ÇÔÇÏ´Â °³Ã¼ÀÌ´Ù. ¹®´Ü 2°¡ È°¼ºÈµÇ¾úÀ» ¶§ ´ÜÃ߸¦ Ŭ¸¯ÇØ º¸¶ó. |
||
<SCRIPT>document.write(oObj.currTimeState.isActive)</SCRIPT> |
¸Þ¼µå | ¼³¸í |
---|---|
activeTimeToParentTime | ¿¤·¹¸àÆ®ÀÇ È°¼º ½Ã°£°ªÀ» ¸ðüÀÇ ½Ã°£ Æ÷ÀÎÅÍ¿¡ ÇØ´çÇÏ´Â °ªÀ¸·Î º¯È¯ÇÑ´Ù. |
activeTimeToSegmentTime | ¿¤·¹¸àÆ®ÀÇ È°¼º ½Ã°£°ªÀ» Á¶°¢(segment) ½Ã°£ Æ÷ÀÎÅÍ¿¡ ÇØ´çÇÏ´Â °ªÀ¸·Î º¯È¯ÇÑ´Ù. |
beginElement | ¿¤·¹¸àÆ®ÀÇ ½Ã°£À» ½ÃÀÛÇÑ´Ù. |
beginElementAt | ¿¤·¹¸àÆ®ÀÇ ½Ã°£À» ÁöÁ¤ÇÑ ½Ã°£¿¡ ½ÃÀÛÇÑ´Ù. |
documentTimeToParentTime | ¹®¼ÀÇ ½Ã°£À» ¿¤·¹¸àÆ® ¸ðüÀÇ ½Ã°£ Æ÷ÀÎÅÍ¿¡ ÇØ´çÇÏ´Â °ªÀ¸·Î º¯È¯ÇÑ´Ù. |
endElement | ¿¤·¹¸àÆ®ÀÇ ½Ã°£À» Á¾·áÇÑ´Ù. |
endElementAt | ¿¤·¹¸àÆ®ÀÇ ½Ã°£À» ÁöÁ¤ÇÑ ½Ã°£¿¡ Á¾·áÇÑ´Ù. |
nextTrack | ¸Þµð¾î ¿¬ÁÖ¿ë±â¿¡¼ ´ÙÀ½ Æ®¸¯À̳ª ¿¬ÁÖ ¸ñ·Ï(playList)¿¡¼ ´ÙÀ½ playItem Ç׸ñÀ¸·Î ¼³Á¤ÇÏ°í Ç÷¹À̸¦ ½ÃÀÛÇÑ´Ù. |
parentTimeToActiveTime | ¸ðüÀÇ ½Ã°£À» ¿¤·¹¸àÆ® È°¼º Æ÷ÀÎÅÍ¿¡ ÇØ´çÇÏ´Â °ªÀ¸·Î º¯È¯ÇÑ´Ù. |
parentTimeToDocumentTime | ¿¤·¹¸àÆ® ¸ðüÀÇ ½Ã°£À» ¹®¼ÀÇ ½Ã°£ Æ÷ÀÎÅÍ¿¡ ÇØ´çÇÏ´Â °ªÀ¸·Î º¯È¯ÇÑ´Ù. |
pauseElement | ¿¤·¹¸àÆ®ÀÇ ½Ã°£À» Çö ½ËÁ¡¿¡¼ Àӽà ÁßÁöÇÑ´Ù. |
prevTrack | ¸Þµð¾î ¿¬ÁÖ¿ë±â¿¡¼ ÀÌÀü Æ®¸¯À̳ª ¿¬ÁÖ ¸ñ·Ï(playList)¿¡¼ ÀÌÀü playItem Ç׸ñÀ¸·Î ¼³Á¤ÇÏ°í Ç÷¹À̸¦ ½ÃÀÛÇÑ´Ù. |
resetElement | ¿¤·¹¸àÆ®¿¡ º¯°æµÈ ³»¿ëÀ» Á¦°ÅÇÏ°í ¿ø·¡ÀÇ »óÅ·Πȯ¿øÇÑ´Ù. |
resumeElement | ÀϽà Áß½ÃµÈ ¿¤·¹¸àÆ®ÀÇ ½Ã°£À» °è¼ÓÇؼ ´Ù½Ã ½ÃÀÛÇÑ´Ù. |
seekActiveTime | ¿¤·¹¸àÆ®ÀÇ È°¼º ½Ã°£À» ÁöÁ¤µÈ ½Ã°£¿¡ ¸ÂÃß°í ±× ½ËÁ¡ºÎÅÍ Ç÷¹ÀÌ ÇÑ´Ù. |
seekSegmentTime | ¿¤·¹¸àÆ®ÀÇ Á¶°¢(segment) ½Ã°£À» ÁöÁ¤µÈ ½Ã°£¿¡ ¸ÂÃß°í ±× ½ËÁ¡ºÎÅÍ Ç÷¹ÀÌ ÇÑ´Ù. |
seekTo | ¹Ýº¹À» Æ÷ÇÔÇÏ¿© ¿¤·¹¸àÆ®ÀÇ Á¶°¢ ½Ã°£À» ÁöÁ¤µÈ ½Ã°£¿¡ ¸ÂÃß°í ±× ½ËÁ¡ºÎÅÍ Ç÷¹ÀÌ ÇÑ´Ù. |
seekToFrame | °³Ã¼¿¡ ÀÖ´Â ÇÁ·¹ÀÓ¿¡ À§Ä¡½ÃŲ´Ù. |
segmentTimeToActiveTime | ¿¤·¹¸àÆ® Á¶°¢(segment)ÀÇ ½Ã°£À» ¿¤·¹¸àÆ® È°¼º½Ã°£ Æ÷ÀÎÅÍ¿¡ ÇØ´çÇÏ´Â °ªÀ¸·Î º¯È¯ÇÑ´Ù. |
segmentTimeToSimpleTime | ¿¤·¹¸àÆ® Á¶°¢(segment)ÀÇ ½Ã°£À» ¿¤·¹¸àÆ® ´Ü¼ø½Ã°£ Æ÷ÀÎÅÍ¿¡ ÇØ´çÇÏ´Â °ªÀ¸·Î º¯È¯ÇÑ´Ù. |
simpleTimeToSegmentTime | ¿¤·¹¸àÆ® Á¶°¢ÀÇ ´Ü¼ø½Ã°£À» ¿¤·¹¸àÆ® Á¶°¢ÀÇ ½Ã°£ Æ÷ÀÎÅÍ¿¡ ÇØ´çÇÏ´Â °ªÀ¸·Î º¯È¯ÇÑ´Ù. |
À̺¥Æ® | ¼³¸í | onbegin | ¿¤·¹¸àÆ®¿¡¼ ½Ã°£ÀÌ ½ÃÀÛµÇ¸é ¹ß»ýÇÑ´Ù. |
---|---|
onend | ¿¤·¹¸àÆ®¿¡¼ ½Ã°£ÀÌ ÁßÁöµÇ¸é ¹ß»ýÇÑ´Ù. |
onmediacomplete | ¿¤·¹¸àÆ®¿Í ¿¬°üµÈ ¸Þµð¾îÀÇ ·ÎµùÀ» ¿Ï·áÇßÀ» ¶§ ¹ß»ýµÈ´Ù. |
onmediaerror | ¿¤·¹¸àÆ®ÀÇ ¸Þµð¾î ÆÄÀÏ¿¡¼ ¿À·ù°¡ ÀÖÀ¸¸é ¹ß»ýµÈ´Ù. |
onoutofsync | ¿¤·¹¸àÆ®°¡ ¿¬°üµÈ ½Ã°£°úÀÇ µ¿±â¼ºÀ» »ó½ÇÇßÀ» ¶§ ¹ß»ýµÈ´Ù. |
onpause | ¿¤·¹¸àÆ®¿¡¼ ½Ã°£ÀÌ ÀӽøØÃß¸é ¹ß»ýÇÑ´Ù. |
onrepeat | ¿¤·¹¸àÆ®¿¡¼ ÇÑ ·çÇÁÀÇ ½Ã°£ÀÌ ¿Ï·áµÇ°í ´Ù½Ã ½ÃÀÛµÇ¸é ¹ß»ýÇÑ´Ù. |
onreset | ¿¤·¹¸àÆ®¿¡¼ begin ¼Ó¼º°ª¿¡ µµ´ÞÇϰųª °³Ã¼¿¡¼ resetElement ¸Þ¼µå¸¦ È£ÃâÇÏ¸é ¹ß»ýÇÑ´Ù. |
onresume | ¿¤·¹¸àÆ®¿¡¼ ÀÓ½ÃÁßÁöÇÑ ½Ã°£ÀÌ ´Ù½Ã ½ÃÀÛµÇ¸é ¹ß»ýÇÑ´Ù. |
onreverse | ¿¤·¹¸àÆ®¿¡¼ ½Ã°£ÀÌ ¿ª¹æÇâÀ¸·Î ½ÃÀÛµÇ¸é ¹ß»ýÇÑ´Ù. |
onseek | ¿¤·¹¸àÆ®¿¡¼ °ËÃâ(seek) ÀÛ¾÷ÀÌ ÀϾ¸é ¾ðÁ¦³ª ¹ß»ýÇÑ´Ù. |
onsyncrestored | ¿¤·¹¸àÆ®¿Í °ü·Ã ½Ã°£°ú »çÀÌÀÇ µ¿±âÈ°¡ ȸº¹µÇ¸é ¹ß»ýµÈ´Ù. |