Flash Mp3 player - Colocar un reproductor Mp3 en tu web sin escribir una sola línea de código.

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

Si necesitas instalar un reproductor de archivos de audio MP3 para tu sitio web y no sabes programación web, entonces MP3 Player puede ser que te guste como alternativa.

Este es script realizado en Flash y PHP, es completamente gratuito, simple de instalar y te permite visualizar una lista de reproducción con las canciones, y contiene los botones de comandos clásicos : Play, Stop, Pausa, volumen, y una barra de carga para el sonido.

También podrás hacer AutoPlay, Guardar la posición de la reproducción cuando el usuario de tu web se mueve de página en página.

A continuación puedes ver mas características del ejemplo.

Mas información sobre el programa.

Indice - Contenido.

  1. Funcionamiento del reproductor y script PHP.
  2. Instalación y configuración.
  3. Modificar el aspecto visual del reproductor web.

 

1 - Funcionamiento del reproductor y script PHP.

El script, automáticamente escaneará la carpeta de archivos de tu sitio para cargar las canciones en el reproductor, por eso solo deberás ubicar los Mp3 en la carpeta y listo. O también podrás cargarlos desde listas de reproducción.

Captura de pantalla del reproductor dentro de la página web.

2 - Instalación y configuración del script.

 

Nota: Por defecto, la carpeta donde se encuentra los archivos se llama Mp3. Si deseas cambiar de directorio deberás buscar la línea de código, e indicar la que desees escribiendo el nombre en el parámetro de la función addVariable del script.

so.addVariable("content_path","mp3");

Otros parámetros que podrás modificar aquí son la calidad del audio.

Paso 1.

Se deberán copiar todos los archivos a tu servidor web y ejecutar flashmp3player.html. Esto te permitirá escuchar canciones de demostración. ( Cerciorarte que en la carpeta Mp3 hay archivos de audio)

Si la página de prueba funciona correctamente, ya podrás pasar al siguiente paso para insertar el reproductor en tus páginas HTML o PHP

Paso 2.

Para insertar el reproductor, deberás copiar y pegar el código fuente del archivo flash_mp3_player.htm.

El código sería el siguiente:

Este código en la sección HEAD.

<!-- Location of javascript. -->
<script language="javascript" type="text/javascript" src="swfobject.js" ></script> 

Este código fuente donde quieras que aparezca el reproductor ( en la sección BODY de la página).

<body>

<!-- DIV que contiene el reproductor. -->
<div id="player">
<h1>No flash player!</h1>
<p>It looks like you don't have flash player installed. <a href="http://www.macromedia.com/go/getflashplayer" >Click here</a> to go to Macromedia download page.</p>
</div>

<!-- Script para incrustar el reproductor. -->
<script language="javascript" type="text/javascript">
// Ruta del archivo swf file. También aquí puedes cambiar el alto y el ancho de la ventana de reproducción. ( En pixeles)
var so = new SWFObject("flashmp3player.swf", "player", "290", "247", "9");
so.addParam("quality","high");
// Ruta de la carpeta donde se colocarán los archivos de música.
so.addVariable("content_path","mp3");
// Ruta del archivo de configuración XML que contiene los valores de colores
so.addVariable("color_path","default.xml");
// Ruta del script PHP.
so.addVariable("script_path","flashmp3player.php");
so.write("player");
</script>

</body>

3 - Modificar el aspecto visual del reproductor web.

Si deseas puedes cambiar los colores para adaptarlo lo mejor posible al diseño de tu web. También puedes ver una demostración online del reproductor visitando el siguiente enlace en la web del autor: http://www.flashmp3player.org/demo.html

En el archivo de configuración XML ( Fichero default.xml ) podrás modificar varios colores de las distintas partes que componen la ventana de reproducción y otras opciones, por ejemplo alguna de ellas son:

  • scroll_bar_color: Color de la barra de desplazamiento.
  • scroll_bar_bg_color: Color del fondo de la barra de desplazamiento.
  • arrows_color : Color de las flechas de las barras.
  • buttons_color: Colores para el degradado de los botones del reproductor.
  • volume_active y volume_inactive : Color del volumen.
  • text_normal : Color del título de la canción MP3.
  • text_over : Color del título cuando se pasa el mouse encima de la canción MP3.
  • playlist_item: Colores de las canciones o trackas cargados en la lista de reproducción.
  • autoplay : Puede aceptar el valor On o el valor OFF, y es para especificar si deberá reproducirse automáticamente la canción.
  • default_volume : Es el volumen por defecto: Puede colocarse aquí un valor entre 0 y 100.

Nota: Para editar el archivo XML, lo puedes hacer por ejemplo con el worpad de windows, o con un programa para editar documentos XML, por ejemplo este.


Requerimientos de instalación y uso.

Necesitas: Soporte PHP en tu hosting para utilizar el Script.


Videos tutoriales.

No hay videos tutoriales para este script.

Cambios, actualizaciones y mejoras del programa.

Buscar programas


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

Software patrocinado.


Detalles y descargar

Web:
http://www.flashmp3player.org
Licencia:
Gratuito
Versión:
--
Idioma:
--
Programa actualizado:
12 MAY 2011


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