Descuento 20% Diciembre
Plugin Optimización de Imágenes Gratuito para WordPress
Martes, 17 Enero 2012 21:45

Insertar archivos de audio en Joomla

Escrito por 
CMS:  Joomla! |  Versión:  1.5.x |  Nivel de dificultad:  Básico |  Tiempo estimado de lectura:  10 minutos


ico_audiojoomlaLos elementos multimedia en un sitio web han cobrado mucha importancia. Como parte de evolución de internet el video y sonido es ahora elemento común y casi obligado en muchos sitios

En Joomla podemos insertar video y audio a través de diferentes extensiones lo que nos facilita el trabajo de colocar código. Sin embargo en ciertas ocasiones sólo necesitamos colocar un determinado elemento multimedia particular y no justifica del todo utilizar una extensión compleja

En este artículo veremos cómo insertar audio en nuestro sitio web, primero veremos cómo hacerlo a través de código directo y finalmente a través del uso de una extensión

1- Código embebido simple

Una alternativa para insertar audio es hacerlo a través de codigo, con la etiqueta embed, tal como se muestra a continuación:

<embed src="/ruta_archivo_audio" />
img1

 

2- Código embebido con interfaz flash de google

Una alternativa mejorada del código anterior

<embed type="application/x-shockwave-flash" flashvars="audioUrl=ruta_archivo_audio" src="http://www.google.com/reader/ui/3523697345-audio-player.swf" width="400" height="27" quality="best"></embed>
img2

 

3- Código Html5

Una alternativa futura pero que ya podemos ir usando ya que muchos navegadores lo soportan

<audio controls="controls">  <source src="/ruta_archivo_audio" type="audio/mpeg" /></audio>
img3

 

4- Usando una extensión

Finalmente podemos usar una extensión, hay varias opciones en este artículo veremos la extensión SAudioPlayer , después de instalar, configurar la carpeta de audio y habilitar la extensión obtendremos el siguiente resultado

img4

 

En el siguiente video se explica de manera práctica cada uno de los puntos explicados anteriormente.

 


¿Te ha resultado interesante este artículo?

Suscríbete para recibir consejos exclusivos para WordPress, Joomla y PrestaShop




Plugin Optimización de Imágenes Gratuito para WordPress