ºê¶ó¿ìÀú À©µµ¿ì¿¡¼ ¸Þµð¾î ÆÄÀÏÀ» À§Ä¡½ÃÅ°°í Ç÷¹ÀÌÇÏ´Â »ç¿ëÀÚ ±âº» ÀÎÅÍÆäÀ̽º(UI:user interface)¸¦ Á¦°øÇÑ´Ù.
script | object.style.behavior="url('#default#mediaBar')"; | |
---|---|---|
object.addBehavior('#default#mediaBar'); | ||
HTML | <ELEMENT style="behavior:url('#default#mediaBar')" id=idVal> | |
XML | <prefix:CustomTag id=idVal style="behavior:url('#default#mediaBar')" /> |
prefix | CustomTag°ú ¿¬°üµÈ XML namespace Á¢µÎ¾îÀÌ´Ù. HTML ű׿¡¼ xmlns ¾ÖÆ®¸®ºäÆ®·Î ¼³Á¤ÇÑ´Ù. |
CustomTag | ÀÛ¼ºÀÚ°¡ Á¤ÀÇÇÏ¿© »ç¿ëÇϴ ű×ÀÌ´Ù. |
idVal | °³Ã¼À» ´ëÇ¥ÇÏ´Â À¯ÀÏÇÑ ÀνÄÀÚ ¹®ÀÚ¿ÀÌ´Ù. |
¸Þµð¾î¹Ù(Media Bar)ÀÇ µðÆúÆ® ºñÇìÀ̹ö·Î Ç÷¹ÀÌ, Ç×ÇØ, Ç÷¹À̾î ÀÎÅÍÆäÀ̽ºµî ¸¹Àº ±â´ÉÀû ½ºÅ©¸³Æ®¸¦ »ç¿ëÇÒ ¼ö ÀÖ´Ù. ¶ÇÇÑ ¸Þµð¾î¹Ù ³»¿ë Áö¿ª¿¡ HTMLÀ» ·ÎµùÇÒ ¼ö ÀÖ´Ù.
»ç¿ëÀÚ´Â ºê¶ó¿ìÀú¿¡¼ ¸Þµð¾î¿¡ ¿¬°áµÈ ¸µÅ©¸¦ Ŭ¸¯Çϰųª, ºÎ¶ó¿ìÀúÀÇ mediaBar ºñÇìÀ̹ö´Â ¸Þµð¾î¹Ù ¼Ó¿¡¼¸¸ À¯È¿ÇÏ´Ù.
ÀԷ¶õ¿¡ ÁÖ¼Ò¸¦ ÀԷ¿©, ºê¶ó¿ìÀúÀÇ ´ÜÃ߸¦ Ŭ¸¯ÇÏ¿©, ȤÀº ¢¡ ¢¡ ¸¦ Ŭ¸¯ÇÏ¿© ¸Þµð¾î¹Ù¸¦ ¿ ¼ö ÀÖ´Ù.»õ·Î¿î ³»¿ëÀÌ mediaBar ºñÇìÀ̹ö¿¡ ÁöÁ¤µÇ¸é, ¸Þµð¾î¹Ù´Â ÀÌÀüÀÇ Ç÷¹À̸¦ Áß´ÜÇÏ°í ¸Þµð¾î¹Ù ³»¿ë Áö¿ªÀÇ HTML ¹®¼¿¡¼ ÀÌÅ»ÇÏ¿© »õ·ÎÀº ±× ³»¿ëÀ» À§ÇÏ¿© »ç¿ëµÈ´Ù.
window.onload À̺¥Æ®°¡ ¹ß»ýµÇ±â Àü¿¡´Â ½ºÅ©¸³Æ®·Î ¾Æ·¡ ¼Ó¼ºÀ̳ª À̺¥Æ®¿¡ Á¢¼ÓÇÒ ¼ö ¾ø´Ù. ¹®¼°¡ ¿ÏÀüÈ÷ ·ÎµùµÇ°í, onload À̺¥Æ®°¡ ¹ß»ýµÇ¸é ÇØ´ç ÆäÀÌÁöÀÇ ºñÇìÀ̹ö°¡ Àû¿ëµÇ°í, ¸ðµç ¼Ó¼º, ¸Þ¼µå, À̺¥Æ®¸¦ ½ºÅ©¸³Æ®·Î »ç¿ëÇÒ ¼ö ÀÖ´Ù. À̺¥Æ® ¹ß»ýÀü¿¡ ½ºÆ®¸³Æ®·Î °³Ã¼¿¡ Á¢¼ÓÀ» ½ÃµµÇÏ¸é ½ºÆ®¸³Æ®´Â ±× ¼Ó¼ºÀÌ °³Ã¼¿¡¼ Áö¿øµÇÁö ¾Ê´Â´Ù´Â ¿À·ù¸¦ ¹ß»ý½ÃŲ´Ù.
mediaBar ºñÇìÀ̹ö´Â IE6ÀÇ Win32 Ç÷¡Æ®Æû¿¡¼¸¸ À¯È¿ÇÏ´Ù.
°³Ã¼ | ¼³¸í |
---|---|
MediaItem | ¸Þµð¾î Ç÷¹ÀÌ ¸ñ·Ï(playlist)¿¡¼ ÇÑ°³ÀÇ Ç׸ñÀ» ³ªÅ¸³½´Ù. |
PlaylistInfo | ¸Þµð¾î Ç÷¹ÀÌ ¸ñ·Ï(playlist)¿¡ ´ëÇÑ Á¤º¸¸¦ Æ÷ÇÔÇÏ°í ÀÖ´Ù. |
property | ¼³¸í |
---|---|
currentItem | ÇöÀçÀÇ ¸Þµð¾Æ Ç׸ñÀ» ¹ÝȯÇÑ´Ù. |
disabledUI | |
enabled | ¸Þµð¾Æ¹Ù Ç÷¹À̾î Á¦¾î°¡ °¡´ÉÇÑ°¡¸¦ ³ªÅ¸³»´Â ºÎ¿ï°ªÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù. |
hasNextItem | Ç÷¹ÀÌ ¸ñ·Ï(playlist) ¿¡¼ ÇöÀçÀÇ Ç׸ñ µÚ¿¡ ´Ù¸¥ Ç׸ñÀÌ µû¶ó ³ª¿À´Â°¡´Ã ³ªÅ¸³»´Â ºÎ¿ï°ªÀÌ´Ù. |
nextItem | Ç÷¹ÀÌ ¸ñ·Ï(playlist) ¿¡¼ ÇöÀçÀÇ Ç׸ñ µÚ¿¡ ´Ù¸¥ Ç׸ñÀÌ µû¶ó³ª¿À¸é ±× Ç׸ñÀ» ¹ÝȯÇÑ´Ù. |
openState | ¸Þµð¾î¹Ù Ç÷¹À̾î(Media Bar player)ÀÇ ¿¸° »óŸ¦ ³ªÅ¸³»´Â Á¤¼ö°ªÀ» ¹ÝȯÇÑ´Ù. |
playlistInfo | Ç÷¹ÀÌ ¸ñ·Ï(playlist)ÀÌ ÀÖÀ¸¸é, Ç÷¹ÀÌ ¸ñ·Ï Á¤º¸¸¦ ¹ÝȯÇÑ´Ù. |
playState | ¸Þµð¾î¹Ù Ç÷¹À̾î(Media Bar player)ÀÇ »óŸ¦ ³ªÅ¸³»´Â Á¤¼ö°ªÀ» ¹ÝȯÇÑ´Ù. |
¸Þ¼µå | ¼³¸í |
---|---|
playNext | Ç÷¹ÀÌ ¸ñ·Ï(playlist)ÀÌ ÀÖÀ¸¸é Ç÷¹ÀÌ ¸ñ·Ï¿¡¼ ´ÙÀ½ ¸Þµð¾î¸¦ Ç÷¹ÀÌÇÑ´Ù. |
playURL | ÁöÁ¤µÈ ÁּҷκÎÅÍ ¸Þµð¾î¸¦ ¸Þµð¾î¹Ù·Î ·ÎµùÇÏ°í Ç÷¹À̸¦ ½ÃÀÛÇÑ´Ù. |
stop | ÇöÀç ¿¬ÁÖÇÏ°íÀÖ´Â ¸Þµð¾î¸¦ ÁßÁö½ÃŲ´Ù. |
À̺¥Æ® | ¼³¸í |
---|---|
onhide | ¸Þµð¾î Ç÷¹À̾ °¨ÃçÁö¸é ¹ß»ýµÈ´Ù. |
onopenstatechange | ¸Þµð¾î¹Ù Ç÷¹À̾îÀÇ ¿¸° »óÅ°¡ º¯°æµÉ ¶§ ¹ß»ýµÈ´Ù. |
onplaystatechange | ¸Þµð¾î¹Ù Ç÷¹À̾¼ ±× ¿¬ÁÖ »óÅ°¡ º¯°æµÇ¾úÀ» ¶§ ¹ß»ýÇÑ´Ù. |
onshow | ¸Þµð¾î¹Ù Ç÷¹À̾ º¸ÀÌ°Ô µÇ¸é ¹ß»ýµÈ´Ù. |
¿¹Á¦´Â ¸Þµð¾î ³»¿ë¿¡ º¸Åë ¿¬°áÇÑ °ÍÀ¸·Î ¸Þµð¾î¹Ù¿¡¼ ¸Þµð¾î°¡ Ç÷¹À̵DZ⠽ÃÀÛÇÑ´Ù.
<A href="http://msdn.microsoft.com/workshop/samples/author/behaviors/media/56movie.asf">µð½ºÄ¿¹ö¸® ¹ß»ç</A>
¸Þµð¾î¹ÙÀÇ ¸ñÇ¥¸¦ ÁöÁ¤ÇÏ¿© HTML ³»¿ëÀ» Media Bar ³»¿ë Áö¿ª¿¡ µð½ºÇ÷¹ÀÌÇÑ´Ù.
<A target="_media" href="http://msdn.microsoft.com/workshop/samples/author/behaviors/sample_content.htm">°ßº» ¿¬°á</A>
ÀÌ ºñÇìÀ̹ö´Â ¸Þµð¾î¹Ù ¼Ó¿¡¼¸¸ ÀÛ¿ëÇϹǷÎ, ¸Þµð¾î¹Ù¿¡ mediaBar ºñÇìÀ̹ö¸¦ »ç¿ëÇÏ´Â HTML ³»¿ëÀ» ·ÎµåÇÏ¿©¾ß¸¸ ÇÏ°í ºñÇìÀ̹ö¸¦ ±× °÷¿¡¼ ¼±¾ðÇÏ¿©¾ß ÇÑ´Ù. mediaBar ºñÇìÀ̹öÀÇ playNext³ª playURL ¸Þ¼µå·Î Ç÷¹À̵Ǵ ¸Þµð¾î ÆÄÀÏÀº »ç¿ëÀÚ ÀÎÅ×ÆäÀ̽º·Î ÀÓ½ÃÁßÁö(pause), Ž»ö(scan), ÁßÁö(stop)½Ãų ¼ö ÀÖ´Ù.
ÀÌ ¿¹Á¦´Â ÀζóÀÎ ½ºÅ¸ÀÏÀ» »ç¿ëÇÏ¿´´Ù.
<DIV style="behavior:url(#default#mediaBar)" id="divMedia">¸Þµð¾î¹Ù ¼Ó¿¡¼ ¸Þµð¾î Ç÷¹À̸¦ À§ÇÑ ¿ë±â °³Ã¼</DIV>