ES6 - Multimedia

Objek navigator JavaScript menyertakan objek turunan yang disebut plugins. Objek ini adalah sebuah larik, dengan satu entri untuk setiap plugin yang dipasang di browser. Itunavigator.plugins objek hanya didukung oleh Netscape, Firefox, dan Mozilla.

Contoh

Contoh berikut menunjukkan cara mencantumkan semua plugin yang diinstal di browser Anda.

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

Keluaran

Output berikut ditampilkan pada eksekusi yang berhasil dari kode di atas.

Memeriksa Plugin

Setiap pengaya memiliki entri dalam larik. Setiap entri memiliki properti berikut -

  • name - Nama pengaya.

  • filename - File yang dapat dieksekusi yang dimuat untuk menginstal plug-in.

  • description - Deskripsi plugin, disediakan oleh pengembang.

  • mimeTypes - Larik dengan satu entri untuk setiap jenis MIME yang didukung oleh plugin.

Anda dapat menggunakan properti ini dalam skrip untuk mengetahui plugin yang diinstal, dan kemudian menggunakan JavaScript, Anda dapat memutar file multimedia yang sesuai. Perhatikan kode berikut.

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

Note - Di sini kami menggunakan HTML <embed> tag untuk menyematkan file multimedia.

Mengontrol Multimedia

Mari kita ambil contoh nyata yang bekerja di hampir semua browser.

<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"> 
      </embed> 
      
      <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>