jQuery multimedia plugin - Buena opción para reproducir y visualizar fácilmente archivos de audio, video, imágenes y documentos PDF en tu página web.

Más sobre el programa :: Requerimientos :: Videos :: Actualizaciones

Si necesitas una buena opción para reproducir contenido multimedia en tu sitio o página web, este plugin que utiliza la librería jQuery, es una muy buena opción a tener en cuenta.

El plugin es completamente gratis y de libre uso, muy fácil de instalar y poner en marcha, y con el que podrás reproducir varios formatos de audio y video, como por ejemplo clips de video en formato Flash, QuickTime, RealPlayer, SilverLight, Windows media player y archivos de audio en varios formatos, por ejemplo Mp3, wma, wav etc ...

A continuación se describen las características principales y otras opciones, así como también un simple manual de instalación.

Mas información sobre el programa.

Indice - Contenido.

  1. Formatos multimedia soportados.
  2. Funcionamiento del script.
  3. Configurar opciones para reproducir audio, video, imágenes.
  4. Ejemplos para reproducir videos, música, en la página.

 

1 - Formatos multimedia soportados.

Además de los formatos de medio ya mencionados, este plugin puede reproducir y mostrar muchos otros tipos de ficheros, por ejemplo es posible embeber y mostrar documentos PDF, animaciones Flash ( SWF y FLV), archivos de audio MP4, WMA, WAV, MP3, OGG etc ...

La lista de formatos completa es la siguiente:

  • Archivos de clip de video: avi, flv, mov, mpg, asx, asf, mpeg, mp4, swf, wmv, 3g2, 3gp, qt, ra, smil
  • Archivos de sonido/Audio: wav, wma, mp3, m4a, gsm, mid, midi, mov, snd, ra, ram, rm, aif, aac, au
  • Otros archivos que se pueden embeber y mostrar en la página web son: Documentos PDF, páginas webs HTML, archivos de imágenes y fotos ( BMP, JPG, TIF, PSD), otros.

2 - Funcionamiento del script.

El script, lo que hace, es convertir un enlace del archivo o medio, y embeberlo dentro de un DIV que luego contendrá el objeto en cuestión.

Por ejemplo, para iniciar el script deberemos hacerlo de la siguiente forma.

Seguido de esto, cuando coloquemos enlaces en el código fuente de la página, por ejemplo un link a un archivo de audio wma, mp3, wmv, mov etc .., el script generará luego el DIV contenedor para mostrar el archivo.

Este es un bloque de ejemplo con los enlaces a los archivos.

Y este, el resultado con el código fuente generado ( Son 3 divs para mostrar y reproducir cada uno de los archivos anteriores en la página):

De esta forma, podremos, de una forma fácil, simplemente añadiendo los enlaces, generar el código con las etiquetas Object y la demás información necesaria para la reproducción de los distintos tipos de archivos multimedia.

3 - Configurar opciones para reproducir audio, video, imágenes.

El plugin de jQuery Media permite establecer y configurar varias opciones, que se pueden utilizar para controlar cómo los medios de comunicación se representan y / o se comportan al mostrarlos en la página web.

Por ejemplo, establecer:

  • El color de fondo de la ventana de reproducción ( Opción BGColor).
  • Configurar la reproducción automática ( Opción AutoPlay).
  • Añadir variables de flash ( FlashVars).
  • Establecer la versión de Flash a utilizar
  • Indicar el reproductor por defecto para los videos y archivos de música.
  • Indicar el ancho y alto de la ventana del reproductor ( para los videos y audio), o el contenedor para los demás archivos, por ejemplo imágenes, PDF y HTML. ( Opción Height y Width). Estos últimos se cargarán en un IFRAME.

Nota importante: Todas estas configuraciones, se pueden especificar en el código fuente del archivo Javascript. ( En la sección Global defaults)

4 - Ejemplos para reproducir videos, música, en la página.

En la web del autor hay varios ejemplos y demostraciones que te mostrarán como poder realizar lo dicho.

También contiene un ejemplo para visualizar documentos en formato PDf y una página web embebida dentro de un marco o IFRAME.


Requerimientos de instalación y uso.

Requiere: Librería jQuery


Videos tutoriales.

Video de ejemplo para instalar y usar el plugin.

Video que muestra paso por paso como editar el código fuente de la páginas para implementar el plugin y poder embeber videos, audio y otros elementos multimedia fácilmente en un sitio web.

Describe como:

  • Insertar el javascript en la sección head.
  • Como hacer referencia al reproductor flash ( JW player - Es gratuito ) que se utilizará en la reproducción. Descargando el reproductor al disco y ubicarlo en una carpeta de nuestro directorio raíz con los archivos del sitio. ( carpeta js )
  • Cómo insertar el enlace del video a reproducir dentro del contenedor ( DIV )
  • Por último visualiza el video embebido en la página.

Duración: El tutorial dura 14 minutos.

 

Cambios, actualizaciones y mejoras del programa.

Buscar programas


Introduce los términos de búsqueda ...

Software patrocinado.


Detalles y descargar

Web:
Licencia:
Gratis - Software libre
Versión:
1.1.2
Idioma:
Inglés
Programa actualizado:


Si te ha gustado esta página, programa o artículo puedes votar haciendo clic en este botón: