ºê¶ó¿ìÀú À©µµ¿ì¿¡¼­ ¸Þµð¾î ÆÄÀÏÀ» À§Ä¡½ÃÅ°°í Ç÷¹ÀÌÇÏ´Â »ç¿ëÀÚ ±âº» ÀÎÅÍÆäÀ̽º(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 À̺¥Æ®°¡ ¹ß»ýµÇ¸é ÇØ´ç ÆäÀÌÁöÀÇ ºñÇìÀ̹ö°¡ Àû¿ëµÇ°í, ¸ðµç ¼Ó¼º, ¸Þ¼­µå, À̺¥Æ®¸¦ ½ºÅ©¸³Æ®·Î »ç¿ëÇÒ ¼ö ÀÖ´Ù. À̺¥Æ® ¹ß»ýÀü¿¡ ½ºÆ®¸³Æ®·Î °³Ã¼¿¡ Á¢¼ÓÀ» ½ÃµµÇÏ¸é ½ºÆ®¸³Æ®´Â ±× ¼Ó¼ºÀÌ °³Ã¼¿¡¼­ Áö¿øµÇÁö ¾Ê´Â´Ù´Â ¿À·ù¸¦ ¹ß»ý½ÃŲ´Ù.

º¸¾È °æ°í : ¸Þµð¾î¹Ù´Â º¹¼ö ÁÖ¼Òµé°ú ½ºÅ©¸³Æ® ³»¿ëÀ» ÁöÁ¤ÇÏ´Â .asx¿Í .asf ÆÄÀÏÀ» ·ÎµùÇÒ ¼ö ÀÖ´Ù. º¸¾È¶§¹®¿¡ ¾ÈÀüÇÏÁö ¾ÊÀº ¿øõÀ¸·ÎºÎÅÍÀÇ ³»¿ëÀº »ç¿ëÀÚ ÀÔ·ÂÀ¸·Î Ãë±ÞµÈ´Ù. ÀÛ¼ºÀÚ´Â ¸Þµð¾î¹Ù ³»¿ë Áö¿ª¿¡ ÀÖ´Â HTMLÀÇ È®ÀεÇÁö ¾ÊÀº ¼Ò½º·ÎºÎÅÍÀÇ ³»¿ëÀ» µð½ºÇ÷¹ÀÌÇÒ ¶§ ÁÖÀÇÇÏ¿©¾ß ÇÑ´Ù.

mediaBar ºñÇìÀ̹ö´Â IE6ÀÇ Win32 Ç÷¡Æ®Æû¿¡¼­¸¸ À¯È¿ÇÏ´Ù.


°³Ã¼ ¼³¸í
MediaItem ¸Þµð¾î Ç÷¹ÀÌ ¸ñ·Ï(playlist)¿¡¼­ ÇÑ°³ÀÇ Ç׸ñÀ» ³ªÅ¸³½´Ù.
PlaylistInfo ¸Þµð¾î Ç÷¹ÀÌ ¸ñ·Ï(playlist)¿¡ ´ëÇÑ Á¤º¸¸¦ Æ÷ÇÔÇÏ°í ÀÖ´Ù.

property ¼³¸í
currentItem ÇöÀçÀÇ ¸Þµð¾Æ Ç׸ñÀ» ¹ÝȯÇÑ´Ù.
disabledUI Media Bar ÀÎƮź½º°¡ »ç¿ëÀÚ ÀÎÅÍÆäÀ̽º(UI: user interface)¸¦ ºÒÈ°¼ºµÇ¾ú´Â°¡¸¦ ºÎ¿ï°ªÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
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>