JavaScript的navigator对象包括被称为插件的子对象。这个对象是一个数组,为每个插件安装在浏览器中的一个条目。该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类型一个条目的阵列
可以在脚本中使用这些属性来了解安装的插件,然后使用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>标签嵌入多媒体文件。
多媒体控制:
我们需要一个真实的例子几乎可在所有的浏览器上工作:
<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>
上一篇:
JavaScript动画
下一篇:无