Educational

Multimedia

Written by

Saim Khalid

in

The JavaScript navigator object includes a child object called plugins. This object is an array, with one entry for each plug-in installed on the browser. The navigator.plugins object is supported only by Netscape, Firefox, and Mozilla only.

Example

Here is an example that shows how to list down all the plug-on installed in your browser −

<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("&lt;tr&gt;&lt;td&gt;");
           document.write(navigator.plugins[i].name);
           document.write("&lt;/td&gt;&lt;td&gt;");
           document.write(navigator.plugins[i].filename);
           document.write("&lt;/td&gt;&lt;td&gt;");
           document.write(navigator.plugins[i].description);
           document.write("&lt;/td&gt;&lt;/tr&gt;");}&lt;/script&gt;&lt;/table&gt;&lt;/body&gt;&lt;/html&gt;</pre>




Checking for Plug-Ins





Each plug-in has an entry in the array. Each entry has the following properties −





    

  • name − is the name of the plug-in.
    • 




  • filename − is the executable file that was loaded to install the plug-in.
    • 




  • description − is a description of the plug-in, supplied by the developer.
    • 




  • mimeTypes − is an array with one entry for each MIME type supported by the plug-in.
    • 






You can use these properties in a script to find out the installed plug-ins, and then using JavaScript, you can play appropriate multimedia file. Take a look at the following example.





<html><head><title>Using Plug-Ins</title></head><body><script language ="JavaScript" type ="text/javascript">

     media = navigator.mimeTypes["video/quicktime"];if(media){
        document.write("&lt;embed src = 'quick.mov' height = 100 width = 100&gt;");}else{
        document.write("&lt;img src = 'quick.gif' height = 100 width = 100&gt;");}&lt;/script&gt;&lt;/body&gt;&lt;/html&gt;</pre>




NOTE − Here we are using HTML <embed> tag to embed a multimedia file.





Controlling Multimedia





Let us take one real example which works in almost all the browsers −





<html><head><title>Using Embeded Object</title><script type ="text/javascript">functionplay(){if(!document.demo.IsPlaying()){

           document.demo.Play();}}functionstop(){if(document.demo.IsPlaying()){
           document.demo.StopPlay();}}functionrewind(){if(document.demo.IsPlaying()){
           document.demo.StopPlay();}
        document.demo.Rewind();}&lt;/script&gt;&lt;/head&gt;&lt;body&gt;&lt;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"&gt;&lt;form name ="form" id ="form" action ="#" method ="get"&gt;&lt;input type ="button" value ="Start" onclick ="play();"/&gt;&lt;input type ="button" value ="Stop" onclick ="stop();"/&gt;&lt;input type ="button" value ="Rewind" onclick ="rewind();"/&gt;&lt;/form&gt;&lt;/body&gt;&lt;/html&gt;</pre>

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

More posts