Учебники

ES6 — Мультимедиа

Объект навигатора JavaScript включает дочерний объект, называемый плагинами . Этот объект является массивом, с одной записью для каждого плагина, установленного в браузере. Объект navigator.plugins поддерживается только Netscape, Firefox и Mozilla.

пример

В следующем примере показано, как составить список всех плагинов, установленных в вашем браузере.

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

Выход

Следующий вывод отображается при успешном выполнении вышеуказанного кода.

Проверка на плагины

Каждый плагин имеет запись в массиве. Каждая запись имеет следующие свойства —

  • name — название плагина.

  • filename — исполняемый файл, который был загружен для установки плагина.

  • description — описание плагина, предоставленное разработчиком.

  • mimeTypes — Массив с одной записью для каждого типа MIME, поддерживаемого плагином.

name — название плагина.

filename — исполняемый файл, который был загружен для установки плагина.

description — описание плагина, предоставленное разработчиком.

mimeTypes — Массив с одной записью для каждого типа MIME, поддерживаемого плагином.

Вы можете использовать эти свойства в скрипте, чтобы найти установленные плагины, а затем, используя JavaScript, вы можете воспроизвести соответствующий мультимедийный файл. Посмотрите на следующий код.

<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> для встраивания мультимедийного файла.

Управление мультимедиа

Давайте возьмем реальный пример, который работает практически во всех браузерах.