آموزش جاوا اسکریپت - چند رسانه ای

شیء navigator در جاوااسکریپت شامل یک شیء زیرمجموعه به نام plugins است. این شیء یک آرایه است که یک ورودی برای هر پلاگین نصب شده در مرورگر دارد. شیء navigator.plugins تنها در مرورگرهای نت‌اسکیپ، فایرفاکس و موزیلا پشتیبانی می‌شود.

نمونه

اینجا یک مثال است که نحوه لیست کردن همه پلاگین‌های نصب شده در مرورگرتان را نشان می‌دهد −


<html>
   <head>
      <title>List of Plug-Ins</title>
   </head>
   
   <body>
      <table border = "1">
         <tr>
            <th>Plug-in Name</th>
            <th>Filename</th>
            <th>Description</th>
         </tr>
         
         <script language = "JavaScript" type = "text/javascript">
            for (i = 0; i<navigator.plugins.length; i++) {
               document.write("<tr><td>");
               document.write(navigator.plugins[i].name);
               document.write("</td><td>");
               document.write(navigator.plugins[i].filename);
               document.write("</td><td>");
               document.write(navigator.plugins[i].description);
               document.write("</td></tr>");
            }
         </script>
      </table>      
   </body>
</html>

بررسی پلاگین‌ها

هر پلاگین، یک ورودی در آرایه دارد. هر ورودی شامل ویژگی‌های زیر است −

نام − نام پلاگین است.
نام فایل − فایل اجرایی است که برای نصب پلاگین بارگذاری شده است.
توضیحات − توضیحات پلاگین که توسط توسعه‌دهنده فراهم شده است.
نوع MIME − یک آرایه است که برای هر نوع MIME که توسط پلاگین پشتیبانی می‌شود، یک ورودی دارد.

می‌توانید از این ویژگی‌ها در یک اسکریپت استفاده کنید تا پلاگین‌های نصب شده را پیدا کنید و سپس با استفاده از جاوااسکریپت، فایل چندرسانه‌ای مناسب را پخش کنید. به نمونه زیر نگاهی بیندازید.


<html>   
   <head>
      <title>Using Plug-Ins</title>
   </head>
   
   <body>   
      <script language = "JavaScript" type = "text/javascript">
         media = navigator.mimeTypes["video/quicktime"];
         
         if (media) {
            document.write("<embed src = 'quick.mov' height = 100 width = 100>");
         } else {
            document.write("<img src = 'quick.gif' height = 100 width = 100>");
         }
      </script>      
   </body>
</html>

توجه − در اینجا از تگ HTML <embed> برای جاسازی یک فایل چندرسانه‌ای استفاده می‌کنیم.

کنترل چندرسانه‌ای

بیایید یک مثال واقعی را بررسی کنیم که در تقریباً همه مرورگرها کار می‌کند −


<html>   
   <head>
      <title>Using Embeded Object</title>
      
      <script type = "text/javascript">
         <!--
            function play() {
               if (!document.demo.IsPlaying()) {
                  document.demo.Play();
               }
            }
            function stop() {
               if (document.demo.IsPlaying()) {
                  document.demo.StopPlay();
               }
            }
            function rewind() {
               if (document.demo.IsPlaying()) {
                  document.demo.StopPlay();
               }
               document.demo.Rewind();
            }
         //-->
      </script>
   </head>
   
   <body>      
      <embed id = "demo" name = "demo"
         src = "http://www.amrood.com/games/kumite.swf"
         width = "318" height = "300" play = "false" loop = "false"
         pluginspage = "http://www.macromedia.com/go/getflashplayer"
         swliveconnect = "true">
      
      <form name = "form" id = "form" action = "#" method = "get">
         <input type = "button" value = "Start" onclick = "play();" />
         <input type = "button" value = "Stop" onclick = "stop();" />
         <input type = "button" value = "Rewind" onclick = "rewind();" />
      </form>      
   </body>
</html>

انیمیشن - درس قبلی

درس بعدی - اشکال زدایی