Javascript - Multimedia - Amzuni - Học lập trình trực tuyến

Javascript – Multimedia

Đối tượng điều hướng JavaScript bao gồm một đối tượng con được gọi là plugin. Đối tượng này là một mảng, với một mục cho mỗi trình cắm được cài đặt trên trình duyệt. Đối tượng navigator.plugins chỉ được hỗ trợ bởi Netscape, Firefox và Mozilla.
Ví dụ

Đây là một ví dụ cho thấy cách liệt kê tất cả các plug-on được cài đặt trong trình duyệt của bạn –

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

Kiểm tra Plug-In

Mỗi plug-in có một mục trong mảng. Mỗi mục có các thuộc tính sau –

 tên - là tên của plug-in.

 tên tệp − là tệp thực thi đã được tải để cài đặt trình cắm.

 mô tả - là mô tả của plug-in, được cung cấp bởi nhà phát triển.

 mimeTypes − là một mảng có một mục nhập cho mỗi loại MIME được bổ trợ hỗ trợ.

Bạn có thể sử dụng các thuộc tính này trong tập lệnh để tìm ra các trình cắm đã cài đặt, sau đó sử dụng JavaScript, bạn có thể phát tệp đa phương tiện thích hợp. Hãy xem ví dụ sau.

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

Controlling Multimedia

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