无涯教程-Javascript - 多媒体

95 阅读2分钟

JavaScript navigator 对象包含一个名为 plugins 的子对象。该对象是一个数组,在浏览器上安装的每个插件都有一个记录。仅Netscape,Firefox和Mozilla支持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>

     </span><span class="tag">&lt;script</span><span class="pln"> </span><span class="atn">language</span><span class="pun">=</span><span class="atv">"JavaScript"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="kwd">for</span><span class="pln"> </span><span class="pun">(</span><span class="pln">i</span><span class="pun">=</span><span class="lit">0</span><span class="pun">;</span><span class="pln"> i</span><span class="pun">&lt;</span><span class="pln">navigator</span><span class="pun">.</span><span class="pln">plugins</span><span class="pun">.</span><span class="pln">length</span><span class="pun">;</span><span class="pln"> i</span><span class="pun">++)</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
           document</span><span class="pun">.</span><span class="pln">write</span><span class="pun">(</span><span class="str">"&lt;tr&gt;&lt;td&gt;"</span><span class="pun">);</span><span class="pln">
           document</span><span class="pun">.</span><span class="pln">write</span><span class="pun">(</span><span class="pln">navigator</span><span class="pun">.</span><span class="pln">plugins</span><span class="pun">[</span><span class="pln">i</span><span class="pun">].</span><span class="pln">name</span><span class="pun">);</span><span class="pln">
           document</span><span class="pun">.</span><span class="pln">write</span><span class="pun">(</span><span class="str">"&lt;/td&gt;&lt;td&gt;"</span><span class="pun">);</span><span class="pln">
           document</span><span class="pun">.</span><span class="pln">write</span><span class="pun">(</span><span class="pln">navigator</span><span class="pun">.</span><span class="pln">plugins</span><span class="pun">[</span><span class="pln">i</span><span class="pun">].</span><span class="pln">filename</span><span class="pun">);</span><span class="pln">
           document</span><span class="pun">.</span><span class="pln">write</span><span class="pun">(</span><span class="str">"&lt;/td&gt;&lt;td&gt;"</span><span class="pun">);</span><span class="pln">
           document</span><span class="pun">.</span><span class="pln">write</span><span class="pun">(</span><span class="pln">navigator</span><span class="pun">.</span><span class="pln">plugins</span><span class="pun">[</span><span class="pln">i</span><span class="pun">].</span><span class="pln">description</span><span class="pun">);</span><span class="pln">
           document</span><span class="pun">.</span><span class="pln">write</span><span class="pun">(</span><span class="str">"&lt;/td&gt;&lt;/tr&gt;"</span><span class="pun">);</span><span class="pln">
        </span><span class="pun">}</span><span class="pln">
     </span><span class="tag">&lt;/script&gt;</span><span class="pln">
  </span><span class="tag">&lt;/table&gt;</span><span class="pln">      

</body> </html>

运行上面代码输出

检查插件

每个插件在数组中都有一个条目。每个条目具有以下属性-

  • 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"];

     </span><span class="kwd">if</span><span class="pln"> </span><span class="pun">(</span><span class="pln">media</span><span class="pun">)</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
        document</span><span class="pun">.</span><span class="pln">write</span><span class="pun">(</span><span class="str">"&lt;embed src=quick.mov height=100 width=100&gt;"</span><span class="pun">);</span><span class="pln">
     </span><span class="pun">}</span><span class="pln"> </span><span class="kwd">else</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
        document</span><span class="pun">.</span><span class="pln">write</span><span class="pun">(</span><span class="str">"&lt;img src=quick.gif height=100 width=100&gt;"</span><span class="pun">);</span><span class="pln">
     </span><span class="pun">}</span><span class="pln">
  </span><span class="tag">&lt;/script&gt;</span><span class="pln">      

</body> </html>

运行上面代码输出

注意-这里无涯教程使用HTML <embed>标签嵌入多媒体文件。

控制多媒体

举一个几乎可以在所有浏览器中使用-

<html>   
   <head>
      <title>Using Embeded Object</title>
  </span><span class="tag">&lt;script</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">&gt;</span><span class="pln">
     </span><span class="pun">&lt;!--</span><span class="pln">
        </span><span class="kwd">function</span><span class="pln"> play</span><span class="pun">()</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
           </span><span class="kwd">if</span><span class="pln"> </span><span class="pun">(!</span><span class="pln">document</span><span class="pun">.</span><span class="pln">demo</span><span class="pun">.</span><span class="typ">IsPlaying</span><span class="pun">())</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
              document</span><span class="pun">.</span><span class="pln">demo</span><span class="pun">.</span><span class="typ">Play</span><span class="pun">();</span><span class="pln">
           </span><span class="pun">}</span><span class="pln">
        </span><span class="pun">}</span><span class="pln">
        </span><span class="kwd">function</span><span class="pln"> stop</span><span class="pun">()</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
           </span><span class="kwd">if</span><span class="pln"> </span><span class="pun">(</span><span class="pln">document</span><span class="pun">.</span><span class="pln">demo</span><span class="pun">.</span><span class="typ">IsPlaying</span><span class="pun">())</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
              document</span><span class="pun">.</span><span class="pln">demo</span><span class="pun">.</span><span class="typ">StopPlay</span><span class="pun">();</span><span class="pln">
           </span><span class="pun">}</span><span class="pln">
        </span><span class="pun">}</span><span class="pln">
        </span><span class="kwd">function</span><span class="pln"> rewind</span><span class="pun">()</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
           </span><span class="kwd">if</span><span class="pln"> </span><span class="pun">(</span><span class="pln">document</span><span class="pun">.</span><span class="pln">demo</span><span class="pun">.</span><span class="typ">IsPlaying</span><span class="pun">())</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
              document</span><span class="pun">.</span><span class="pln">demo</span><span class="pun">.</span><span class="typ">StopPlay</span><span class="pun">();</span><span class="pln">
           </span><span class="pun">}</span><span class="pln">
           document</span><span class="pun">.</span><span class="pln">demo</span><span class="pun">.</span><span class="typ">Rewind</span><span class="pun">();</span><span class="pln">
        </span><span class="pun">}</span><span class="pln">
     </span><span class="com">//--&gt;</span><span class="pln">
  </span><span class="tag">&lt;/script&gt;</span><span class="pln">

</head>

<body>
<embed id="demo" name="demo" src="www.amrood.com/games/kumit…" width="318" height="300" play="false" loop="false" pluginspage="www.macromedia.com/go/getflash…" swliveconnect="true">

  </span><span class="tag">&lt;form</span><span class="pln"> </span><span class="atn">name</span><span class="pun">=</span><span class="atv">"form"</span><span class="pln"> </span><span class="atn">id</span><span class="pun">=</span><span class="atv">"form"</span><span class="pln"> </span><span class="atn">action</span><span class="pun">=</span><span class="atv">"#"</span><span class="pln"> </span><span class="atn">method</span><span class="pun">=</span><span class="atv">"get"</span><span class="tag">&gt;</span><span class="pln">
     </span><span class="tag">&lt;input</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"button"</span><span class="pln"> </span><span class="atn">value</span><span class="pun">=</span><span class="atv">"Start"</span><span class="pln"> </span><span class="atn">onclick</span><span class="pun">=</span><span class="atv">"</span><span class="pln">play</span><span class="pun">();</span><span class="atv">"</span><span class="pln"> </span><span class="tag">/&gt;</span><span class="pln">
     </span><span class="tag">&lt;input</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"button"</span><span class="pln"> </span><span class="atn">value</span><span class="pun">=</span><span class="atv">"Stop"</span><span class="pln"> </span><span class="atn">onclick</span><span class="pun">=</span><span class="atv">"</span><span class="pln">stop</span><span class="pun">();</span><span class="atv">"</span><span class="pln"> </span><span class="tag">/&gt;</span><span class="pln">
     </span><span class="tag">&lt;input</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"button"</span><span class="pln"> </span><span class="atn">value</span><span class="pun">=</span><span class="atv">"Rewind"</span><span class="pln"> </span><span class="atn">onclick</span><span class="pun">=</span><span class="atv">"</span><span class="pln">rewind</span><span class="pun">();</span><span class="atv">"</span><span class="pln"> </span><span class="tag">/&gt;</span><span class="pln">
  </span><span class="tag">&lt;/form&gt;</span><span class="pln">      

</body> </html>

运行上面代码输出

参考链接

www.learnfk.com/javascript/…