JavaScript multimedia básicamente se usa para incluir películas, audios, texto y música, etc. en la aplicación web. Para usar estos objetos multimedia en la aplicación web, JavaScript proporciona una forma, que se conoce como JavaScript multimedia . En este caso, multimedia en JavaScript tiene un objeto navegador que incluye objetos secundarios llamados complementos . Estos complementos son de tipo array y contienen una entrada de cada complemento instalado en el navegador. Los complementos son pequeños programas que amplían la funcionalidad de un navegador. Complementos: se agregan a una página HTML usando las etiquetas <embed> y <object> .
- Usando la etiqueta <incrustar> :
<embed height="600" width="400" src="vd.mp4"> </embed>
- Usando la etiqueta <objeto> :
<object height="600" width="400" src="vd.mp4"> </object>
Valores de propiedad: el complemento contiene algunas propiedades que se describen a continuación:
- Nombre: Este es un nombre del campo.
- Nombre de archivo: este es el nombre del archivo que se está ejecutando para instalar el complemento.
- Descripción: Es la descripción del complemento.
- mimeTypes: es una array con una entrada para cada tipo MIME compatible con el complemento.
Para encontrar todos los complementos instalados en un navegador:
- Programa:
javascript
<!DOCTYPE html>
<html>
<head>
<title>
Find all the plug-ins
installed in a browser
</title>
</head>
<body>
<table border="2px" align ="center">
<tr>
<th>Name</th>
<th>Filename</th>
<th>Description</th>
</tr>
<script>
for (i = 0; i<navigator.plugins.length; i++) {
// Row wise printing
document.write("<tr><td>");
document.write(navigator.plugins[i].name);
// Print name of the field
document.write("</td><td>");
document.write(navigator.plugins[i].filename);
// Print the executable filename
document.write("</td><td>");
document.write(navigator.plugins[i].description );
// Print description of the plug-in
document.write("</td></tr>");
}
</script>
</table>
</body>
</html>
- Producción:
Reproducir un video usando la etiqueta <video>: En este caso, necesitamos agregar el botón reproducir, pausar para reproducir y pausar el video. Si no agregamos esos botones, entonces el video no se reproducirá ni se pausará. La etiqueta <video> solo se usa para agregar un video en una sección particular en la página HTML.
- Programa:
html
<!DOCTYPE html>
<html>
<head>
<title>
Playing a video using video tag
</title>
</head>
<body>
<script language="javascript">
function playPause() {
var a = document.getElementsByTagName('video')[0];
if (a.paused)
a.play();
else
a.pause();
}
</script>
<center>
<video src=
"https://media.geeksforgeeks.org/wp-content/uploads/20200110154656/20191210_115921.mp4"
width="600" height="200">
</video>
<br>
<button type="button" onclick="playPause()">
Play and Pause
</button>
</center>
</body>
</html>
- Producción:
Reproducir un video usando la etiqueta <embed>: en este caso, al usar la etiqueta <embed> no es necesario agregar ningún tipo de botón u opción mediante el cual se reproduce o pausa el video. El uso de la etiqueta <embed> es agregar automáticamente el botón de reproducción o pausa en el video como YouTube . Así que esta es la ventaja de usar la etiqueta <embed> .
- Programa:
javascript
<!DOCTYPE html> <html> <body> <center> <embed src= "https://media.geeksforgeeks.org/wp-content/uploads/20200110154656/20191210_115921.mp4" width="600" height="400"> </center> </body> </html>
- Producción:
Nota: A continuación se muestran los otros dos procedimientos en los que no se requiere JavaScript. Reproducir un video usando la etiqueta <iframe>: También podemos vincular un video de YouTube en una página web usando la etiqueta <iframe> . Que es parte de la etiqueta <embed> :
- Programa:
javascript
<!DOCTYPE html> <html> <body> <center> <iframe width="560" height="315" src= "https://www.youtube.com/embed/lcJzw0JGfeE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </center> </body> </html>
- Producción:
Publicación traducida automáticamente
Artículo escrito por SoumikMondal y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA