Foro de virtualpapel

 
 F.A.Q.F.A.Q.   BuscarBuscar   Lista de MiembrosLista de Miembros   Grupos de UsuariosGrupos de Usuarios   RegístreseRegístrese 
 PerfilPerfil   Identifíquese para revisar sus mensajesIdentifíquese para revisar sus mensajes   ConectarseConectarse 

Reproductor mp3 en flash 100% configurable versiÛn 1.01

 
Publicar Nuevo Tema   Responder al Tema    Índice del Foro Foro de virtualpapel -> Reproductor mp3 en flash 100% configurable.
Ver tema anterior :: Ver siguiente tema  
Autor Mensaje
puperico
Site Admin


Registrado: 27 Abr 2007
Mensajes: 95
Ubicación: catral (alicante)

MensajePublicado: Mie Sep 26, 2007 9:33 pm    Título del mensaje: Reproductor mp3 en flash 100% configurable versiÛn 1.01 Responder citando

Reproductor mp3 en flash 100% configurable con cambio de botones, fondo, tamaño del reproductor, posición de los botones, todo.

He abierto una nueva sección para que podéis mostrar vuestros diseños o adaptaciones de este reproductor, la podéis encontrar en el siguiente enlace.
ver otros diseños

Descargate skins aquí







Descarga el reproductor 100% configurable versión 1.01 con el configurador de skins para esta versión.

Ahora también puedes tener un reproductor de vídeo en tu web aquí

Podáis ver un vídeo demostrativo mas abajo
_________________
www.virtualpapel.com



Ultima edición por puperico el Vie Ago 22, 2008 6:24 pm; editado 6 veces
Volver arriba
Ver perfil del usuario Enviar mensaje privado Enviar correo Visitar sitio web del autor
puperico
Site Admin


Registrado: 27 Abr 2007
Mensajes: 95
Ubicación: catral (alicante)

MensajePublicado: Jue Oct 18, 2007 9:57 am    Título del mensaje: configuraciÛn y cambios Responder citando

Los cambios efectuados en el reproductor son los siguientes.

He corregido la posición del deslizador del paso rápido, cuando lo situamos en el creador de skins al ejecutar el reproductor no coincidía la posición.

He añadido el botón de descarga de canciones, este botón es opcional se puede mostrar o quitar según la necesidad.

He añadido un botón para hacer visible o invisible el reproductor, con esta opción el reproductor no ocupara lugar en la pagina, cuando lo necesitemos pulsamos sobre el botón mostrar y el reproductor se volverá visible, al pulsar otra vez sobre el se volverá invisible y así sucesivamente, este botón es opcional según necesidad.

También he quitado el multiplicador, lo he automatizado para facilitar la configuración.


Los cambios efectuados en el configurador de skins son los siguientes.

he añadido dos nuevos botones de configuración, uno que corresponde al botón de descarga de canciones y otro que corresponde al botón de muestra del reproductor.

También he añadido un botón de opciones, en este botón hay tres opciones que son las siguientes.

Permitir descarga de canciones, si lo activamos aparecerá el botón de descarga, en caso contrario el botón no aparecerá y no podrán ser descargadas.

Mostrar botón para ocultar o mostrar el reproductor, si lo activamos aparecerá un botón que mostrará el reproductor o lo hará desaparecer, en caso contrario el reproductor mostrará todos sus botones menos el de mostrar menú, el reproductor se quedara siempre visible.

Comenzar con el reproductor visible, si lo activamos, el reproductor se iniciara con todos sus botones visibles, en caso contrario el reproductor se iniciará solo con el botón de mostrar menú visible a la espera de que se pulse dicho botón que mostrara el resto del reproductor, esta opción solo podrá ser activada si la opción anterior esta activa.

En el ejemplo del reproductor que he puesto he dejado visible el botón guardar pero lo he desactivado.

Dentro de reproductor_mp3_configurable.rar contiene los siguientes archivos:

reproductor_mp3_configurable.swf, este es el reproductor.

configuracion_skin_repmp3.swf, este es el creador de skins.

Una carpeta llamada música, en esta carpeta tienes que poner las canciones.

La carpeta llamada música contiene los siguientes archivos:

canciones.xml, este archivo contiene los títulos de las canciones.

configuracion.xml, este archivo contiene la configuraciÛn del reporductor.

Una carpeta llamada skin, en esta carpeta contiene los botones del reproductor.

Explicación de configuración.

Para la configuración de este reproductor no se necesita conocimientos de programación, voy a comenzar explicando como configurar la actualización de las canciones.

para configurar o actualizar las canciones abrimos el archivo canciones.xml, lo podemos abrir con el bloc de notas, cuando lo abras veras este contenido.

Código:
<?xml version="1.0" encoding="iso-8859-1"?>
<canciones>     
    <datos titulo="nombre de la cancion 1"></datos>
    <datos titulo="nombre de la cancion 2"></datos>
    <datos titulo="nombre de la cancion 3"></datos>
</canciones>


Solo tienes que añadir tantas lineas <datos titulo="nombre de la cancion"></datos> como canciones tengas, si tenemos una canción que se llama antonio.mp3 y otra que se llame pedro.mp3 el archivo canciones.xml quedaría así.


Código:
<?xml version="1.0" encoding="iso-8859-1"?>
<canciones>     
    <datos titulo="antonio"></datos>
    <datos titulo="pedro"></datos>
</canciones>


Como poner el reproductor en una web html.

Para poner el reproductor en un web html tendrás que ponerlo en un marco que no actualice cada vez que cambiemos de sección, en caso contrario actualizara el reproductor y se repetirá siempre la primera canción cada vez que cambiemos de sección.

Como podéis ver el reproductor tiene un tamaño de 800x600, si lo ponemos en un html ocupara 800x600, si personalizamos el reproductor y el tamaño que queremos es por ejemplo 200x50, tenemos que crear un nuevo documento flash con las medidas 200x50 y en el panel de acciones escribimos el siguiente código.
Código:

this.createEmptyMovieClip("reproductor", this.getNextHighestDepth());
reproductor._x=0
reproductor._y=0
reproductor.loadMovie("reproductor_mp3_configurable_v_1_01.swf",0)


Una vez escrito el código seleccionamos archivo, guardar y lo guardamos donde tengamos el reproductor. ahora seleccionamos control, probar película y cargara el reproductor, una vez comprobado seleccionamos archivo, publicar y veremos donde hayas guardado como aparece un documento .html, este documento es el que tendrás que cargar en tu web.

Explicación del código

Esta linea crea un clip de película.

Código:
this.createEmptyMovieClip("reproductor", this.getNextHighestDepth());



Estas lineas sitúan el clip en las coordenadas x e y en la posición 0.

Código:
reproductor._x=0
reproductor._y=0



Esta linea cargamos el reproductor de mp3 en el clip que hemos creado llamado reproductor, si hemos cambiado el nombre del reproductor o tenemos otra versión cambiamos "reproductor_mp3_configurable_v_1_01.swf" por el nombre que hayamos puesto.

Código:
reproductor.loadMovie("reproductor_mp3_configurable_v_1_01.swf",0)


Para cualquier duda preguntar, es gratis.

Byte byte.
_________________
www.virtualpapel.com



Ultima edición por puperico el Vie Ago 22, 2008 6:35 pm; editado 5 veces
Volver arriba
Ver perfil del usuario Enviar mensaje privado Enviar correo Visitar sitio web del autor
puperico
Site Admin


Registrado: 27 Abr 2007
Mensajes: 95
Ubicación: catral (alicante)

MensajePublicado: Jue Oct 18, 2007 9:58 am    Título del mensaje: VÌdeo demostrativo del configurador de skins. Responder citando

vídeo de montaje del configurador de skins

una vez creados lo botones, marcos, fondos,etc y puesto dentro de la carpeta skins, abrimos el configurador de skins y lo montamos como se muestra en el vídeo, cuando cambiamos el color del fondo, este no se tendrá en cuenta, es solo para ver como quedaría una vez montado con el fonda que hayas elegido para tu web.






Descargar el vídeo en alta definición.

Si tenéis alguna duda preguntad.

Byte byte.
_________________
www.virtualpapel.com



Ultima edición por puperico el Vie Ago 22, 2008 6:37 pm; editado 6 veces
Volver arriba
Ver perfil del usuario Enviar mensaje privado Enviar correo Visitar sitio web del autor
dj



Registrado: 22 Oct 2007
Mensajes: 2

MensajePublicado: Lun Oct 22, 2007 10:47 pm    Título del mensaje: ayuda Responder citando

necesito ayuda.
He conseguido ponerle en la web pero no se reproduce y ad+ el fondo se ve blanco y el fondo de mi web es negro.
También el botón de guardar me lleva a otra web.
Volver arriba
Ver perfil del usuario Enviar mensaje privado
puperico
Site Admin


Registrado: 27 Abr 2007
Mensajes: 95
Ubicación: catral (alicante)

MensajePublicado: Mar Oct 23, 2007 11:08 am    Título del mensaje: Responder citando

en el segundo post hay una explicación para ponerlo en una web.

Como poner el reproductor en una web html.

Explico como ajustarlo en tamaño.

Para lo de las descargas pasame la configuración del documento canciones.xml para comprobar que es lo que falla.
Ten en cuenta que si la canción se llama pedro.mp3 el nombre de la canción seria pedro y quedaría así.

Código:
<?xml version="1.0" encoding="iso-8859-1"?>
<canciones>
    <datos titulo="pedro"></datos>
</canciones>


También puedes pasarme el enlace de tu pagina para ver que puede ser.
_________________
www.virtualpapel.com



Ultima edición por puperico el Vie Ago 22, 2008 6:38 pm; editado 1 vez
Volver arriba
Ver perfil del usuario Enviar mensaje privado Enviar correo Visitar sitio web del autor
dj



Registrado: 22 Oct 2007
Mensajes: 2

MensajePublicado: Mar Oct 23, 2007 8:21 pm    Título del mensaje: Responder citando

http://www.gratisweb.com/djfrankkrux/

Pero creo q ya se lo q es. La pagina es de las q son totalmente gratis, asiq el reproductor está ben puesto y todo, pero no encuentra el archivo, ya q alomjor en los servidores gratis no t reconoce .mp3 (en lycos no m dejaban ni subir el arxivo, en "gratisweb" si m deja subirlo xro no leerlo).

muxas thanks x tu ayuda.
Volver arriba
Ver perfil del usuario Enviar mensaje privado
puperico
Site Admin


Registrado: 27 Abr 2007
Mensajes: 95
Ubicación: catral (alicante)

MensajePublicado: Mar Oct 23, 2007 9:59 pm    Título del mensaje: Responder citando

En ese servidor no creo que funcione, no solo por los mp3 si no por el ancho de banda, el reproductor pesa muy poco y le ha costado de abrir.

El que da telefónica gratis no tiene limite de ancho de banda, si tienes adsl con telefónica solicítalo, las descargas de este foro están alojadas allí y es muy rápido.

Para poner el fondo del reproductor en negro utilizando el dreamweaver.

Importamos el reproductor, lo seleccionamos y cambiamos el color del fondo pulsando sobre el recuadro que hay al lado de fnd en el panel de propiedades y selecciona el color que mas te convenga.
_________________
www.virtualpapel.com



Ultima edición por puperico el Vie Ago 22, 2008 6:42 pm; editado 3 veces
Volver arriba
Ver perfil del usuario Enviar mensaje privado Enviar correo Visitar sitio web del autor
gatitoromeo



Registrado: 16 Nov 2007
Mensajes: 1

MensajePublicado: Vie Nov 16, 2007 11:23 pm    Título del mensaje: AYUDA Responder citando

Man ayuda me descarge el reproductor y no se como cambiarle de tamaño todo el archivo flash porfa responde pronto y muchisimas gracias por el reproductor es de gran utilidad...
Volver arriba
Ver perfil del usuario Enviar mensaje privado
puperico
Site Admin


Registrado: 27 Abr 2007
Mensajes: 95
Ubicación: catral (alicante)

MensajePublicado: Sab Nov 17, 2007 11:58 am    Título del mensaje: Responder citando

Para ajustar el tamaño abre el programa macromedia flash player, dale a archivo, nuevo (ctrl+n) y a aceptar, selecciona la pestaña propiedades si no te sale pulsa (ctrl+f3), pulsa donde pone tamaño, en la ventana que se abre en dimensione escribe la anchura y altura que deses, en esta ventana también puedes seleccionar el color para que coincida con la pagina, dale a aceptar, dale a la pestaña acciones (f9), selecciona el primer fotograma y en el panel de acciones pega el siguiente código.


Código:
this.createEmptyMovieClip("reproductor", this.getNextHighestDepth());
reproductor._x=0
reproductor._y=0
reproductor.loadMovie("reproductor_mp3_configurable_v_1_01.swf",0)


Dale archivo y guardar (ctrl+s), guárdalo donde tengas el reproductor, dale a archivo y configuración de publicación selecciona flash y html, dale a publicar y aceptar, para ver que todo a ido bien dale a control y probar película (control+intro).


Puedes descargar este ejemplo.

Para verlo entra en la siguiente dirección.

http://www.virtualpapel.com/reproductor/reproductor.html
_________________
www.virtualpapel.com



Ultima edición por puperico el Vie Ago 22, 2008 6:41 pm; editado 1 vez
Volver arriba
Ver perfil del usuario Enviar mensaje privado Enviar correo Visitar sitio web del autor
hardware



Registrado: 23 Jun 2008
Mensajes: 1

MensajePublicado: Mie Jun 25, 2008 8:53 am    Título del mensaje: Responder citando

No consigo incrustar el reproductor en el código HTML ... puedes ponerme el ejemplo?.

gracias,
Volver arriba
Ver perfil del usuario Enviar mensaje privado
puperico
Site Admin


Registrado: 27 Abr 2007
Mensajes: 95
Ubicación: catral (alicante)

MensajePublicado: Vie Jun 27, 2008 8:04 pm    Título del mensaje: Responder citando

http://www.virtualpapel.com/reproductor/reproductor.html
_________________
www.virtualpapel.com

Volver arriba
Ver perfil del usuario Enviar mensaje privado Enviar correo Visitar sitio web del autor
guille



Registrado: 18 Oct 2008
Mensajes: 1

MensajePublicado: Dom Oct 19, 2008 12:13 am    Título del mensaje: Responder citando

hola, alguien sabe como desabilitar la reproduccion automatica al abrir la pagina donde esta ubicado este reprodcutor??'


gracias!
Volver arriba
Ver perfil del usuario Enviar mensaje privado
puperico
Site Admin


Registrado: 27 Abr 2007
Mensajes: 95
Ubicación: catral (alicante)

MensajePublicado: Dom Oct 19, 2008 12:20 am    Título del mensaje: Responder citando

Esta preparado para que empiece reproduciendo, no programé la opción de comienzo pausado, tendría que reprogramar el reproductor.

Si puedo sacar tiempo pondré una versión que empiece pausado.
_________________
www.virtualpapel.com

Volver arriba
Ver perfil del usuario Enviar mensaje privado Enviar correo Visitar sitio web del autor
Mostrar mensajes anteriores:   
Publicar Nuevo Tema   Responder al Tema    Índice del Foro Foro de virtualpapel -> Reproductor mp3 en flash 100% configurable. Todas las horas están en GMT + 2 Horas
Página 1 de 1

 
Saltar a:  
No puede crear mensajes
No puede responder temas
No puede editar sus mensajes
No puede borrar sus mensajes
No puede votar en encuestas


Powered by phpBB © 2001, 2005 phpBB Group