JavaScript - Multimedya

JavaScript navigator nesne adında bir alt nesne içeriyor plugins. Bu nesne, tarayıcıda yüklü her eklenti için bir giriş içeren bir dizidir. Navigator.plugins nesnesi yalnızca Netscape, Firefox ve Mozilla tarafından desteklenir.

Misal

Tarayıcınızda yüklü olan tüm eklentilerin nasıl listeleneceğini gösteren bir örnek:

<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>

Çıktı

Eklentileri Kontrol Etme

Her eklentinin dizide bir girişi vardır. Her giriş aşağıdaki özelliklere sahiptir -

  • name - eklentinin adıdır.

  • filename - eklentiyi yüklemek için yüklenen yürütülebilir dosyadır.

  • description - geliştirici tarafından sağlanan eklentinin açıklamasıdır.

  • mimeTypes - eklenti tarafından desteklenen her MIME türü için bir giriş içeren bir dizidir.

Bu özellikleri kurulu eklentileri bulmak için bir komut dosyasında kullanabilir ve ardından JavaScript kullanarak uygun multimedya dosyasını oynatabilirsiniz. Aşağıdaki örneğe bir göz atın.

<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>

Çıktı

NOTE - Burada bir multimedya dosyasını gömmek için HTML <embed> etiketini kullanıyoruz.

Multimedyayı Kontrol Etme

Hemen hemen tüm tarayıcılarda çalışan gerçek bir örnek alalım -

<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>

Çıktı

Mozilla, Firefox veya Netscape kullanıyorsanız,