domingo, 20 de septiembre de 2015

JavaScript - Multimedia

El JavaScript del navegador de objetos incluye un objeto secundario llamado plugins.Este objeto es una matriz, con una entrada para cada plug-in instalado en el navegador.El objeto navigator.plugins sólo se admite por Netscape, Firefox y Mozilla solamente.

Ejemplo

He aquí un ejemplo que muestra cómo enumerar abajo todo el plug-on instalado en su navegador -
<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>

Salida


Comprobación de Plug-Ins

Cada plug-in tiene una entrada en la matriz. Cada entrada tiene las siguientes propiedades -
  • nombre - es el nombre del plug-in.
  • nombre - es el archivo ejecutable que se cargó para instalar el plug-in.
  • Descripción - es una descripción del plug-in, suministrado por el desarrollador.
  • mimeTypes - es una matriz con una entrada para cada tipo MIME apoyado por el plug-in.
Usted puede utilizar estas propiedades en un script para saber los plug-ins instalados y haga uso de JavaScript, puede reproducir archivos multimedia apropiado. Echa un vistazo a el siguiente ejemplo.
<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>

Salida


NOTA - Aquí estamos utilizando HTML <embed> etiqueta para incrustar un archivo multimedia.

Control Multimedia

Tomemos un ejemplo real, que funciona en casi todos los navegadores -
<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>

Salida

Si utiliza Mozilla, Firefox o Netscape, a continuación,

No hay comentarios:

Publicar un comentario