Docstoc

figura

Document Sample
figura Powered By Docstoc
					Flash Mp3 Player

MÓDULO VERSIÓN 1.3
Contributed by Administrator

Descarga esta Versión Aquí El gran problema para la mayoría de usuarios, es no poder seguir escuchando la canción mientras navegas por la web ya que al refrescarse la página, el módulo vuelve a cargar. La posible solución y la más viable por ahora fue lograr que el módulo pudiera reproducirse en una ventana emergente (Pop Up). Ademas esto era atender el pedido de los usuarios que comentaban el módulo en los foros. Tarea un tanto dificil, por lo cual llevo algo de tiempo y hubiese sido más aún sin la ayuda de un buen amigo interesado en el proyecto S@ncho que me hizo notar algunos errores para capturar los parámetros del administrador de Joomla. Necesitamos un lugar que enlace el PopUp, para ello creamos dos opciones: - Small Image: Si mostramos el reproductor entonces necesitamos un lugar adicional donde enlazar el PopUp, esto es un dibujo debajo del reproductor con un texto que determinado por el administrador del sitio. - Big Image: Si no queremos mostrar el reproductor y en su lugar un objeto que lo llame, entonces ponemos una imágen que remplaza al reproductor y enlaza al PopUP. Para todo esto requerimos más archivos, tanto para el código como para el diseño: - popup.php (contiene el código de la ventana emergente ) - mp3player.php (contiene el código html para las distintas opciones) - big.jpg (Imágen que se mostrara en lugar del reproductor) - small.jpg (Imágen que se mostrara debajo del reproductor) Declaramos estos archivos en el XML y creamos nuevos parámetros para el administrador de Joomla: - Show - Opción para elegir que objeto mostrar. - Big_image - Si se escoge mostrar solo objeto por defecto. - Big_own - Si se esoge mostrar solo objeto personalizado por el usuario. - Small_image - Si se escoge mostrar el reproductor másobjeto por defecto. - Small_own - Si se escoge mostrar el reproductor más el objeto personalizado. - Text_link - Opción para escribir el texto que enlaza al PopUp. - Text_color - Color del texto que enlaza al PopUp. Entonces vamos a crear el archivo xml con todos estos datos.

XML - mod_mp3player.xml <?xml version="1.0" encoding="iso-8859-1"?> <mosinstall type="module" version="1.0"> <name>Reproductor Flash Mp3</name> <author>Daniel Gutiérrez O.</author> <creationDate>Enero 2007</creationDate> <copyright>(C) 2007 Daniel Gutierrez Oroncuy</copyright> <authorEmail> \n infinity@geek-team.net This email address is being protected from spam bots, you need Javascript enabled to view it </authorEmail> <authorUrl>www.geek-team.net</authorUrl> <license>http://www.gnu.org/copyleft/gpl.html GNU/GPL</license> <version>1.3</version> <description><![CDATA[ <a href="http://infinity.geek-team.net" target="_blank" >INFINITY</a> Con el Script y Archivos de <a href="http://jeroenwijering.com" target="_blank" >Jeroen Wijering</a> <p>----------------------------------------------------------------------------------</p> <p>Módulo Creado basado en el Script y los archivos de <a href="http://www.jeroenwijering.com/" target="_blank" >Jeroen Wijering</a> .</p> <p>Puedes cambiar la lista de canciones en el archivo playlist.xml y configurar tu reproductor en config.xml ubicados en el directorio "modules/mod_mp3player_files/"</p> <p>Puedes poner tus canciones.mp3 e imágenes en el directorio "/modules/mod_mp3player_files/mp3" pero es recomendable crear un directorio en la raiz de tu sitio y llamar desde ahi a las canciones.
http://infinity.geek-team.net Powered by Joomla! Generated: 15 July, 2008, 16:34

Flash Mp3 Player

<p>---------------------------------------------------------------------------------</p> <p><a href="http://geek-team.net/index.php?option=com_content&task=view&id=191&Itemid=169" target="_blank">TUTORIAL DEL MÓDULO AQUI</a>.</p> <p>Eso es todo por Ahora.</p> <p>Si tienes alguna idea, comentario o pregunta en relación al módulo por favor envia tus inquietudes a<a href="http://geek-team.net/index.php?option=com_dfcontact&Itemid=125" target="_blank"> [Geek - Team]</a>.</p> <p>Gracias.</p> ]]></description> <files> <filename module="mod_mp3player">mod_mp3player.php</filename> <filename>mod_mp3player.xml</filename> <filename>mod_mp3player_files/popup.php</filename> <filename>mod_mp3player_files/mp3player.php</filename> <filename>mod_mp3player_files/mp3player.swf</filename> <filename>mod_mp3player_files/playlist.xml</filename> <filename>mod_mp3player_files/config.xml</filename> <filename>mod_mp3player_files/config01.xml</filename> <filename>mod_mp3player_files/config02.xml</filename> <filename>mod_mp3player_files/config03.xml</filename> <filename>mod_mp3player_files/config04.xml</filename> <filename>mod_mp3player_files/config05.xml</filename> <filename>mod_mp3player_files/config06.xml</filename> <filename>mod_mp3player_files/config07.xml</filename> <filename>mod_mp3player_files/config08.xml</filename> <filename>mod_mp3player_files/config09.xml</filename> <filename>mod_mp3player_files/config10.xml</filename> <filename>mod_mp3player_files/config11.xml</filename> <filename>mod_mp3player_files/config12.xml</filename> <filename>mod_mp3player_files/config13.xml</filename> <filename>mod_mp3player_files/config14.xml</filename> <filename>mod_mp3player_files/config15.xml</filename> <filename>mod_mp3player_files/config16.xml</filename> <filename>mod_mp3player_files/config17.xml</filename> <filename>mod_mp3player_files/config18.xml</filename> <filename>mod_mp3player_files/config19.xml</filename> <filename>mod_mp3player_files/config20.xml</filename> <filename>mod_mp3player_files/mp3/.DS_Store</filename> <filename>mod_mp3player_files/mp3/cover.jpg</filename> <filename>mod_mp3player_files/mp3/homeland.mp3</filename> <filename>mod_mp3player_files/mp3/jazzalude.mp3</filename> <filename>mod_mp3player_files/mp3/big.jpg</filename> <filename>mod_mp3player_files/mp3/small.jpg</filename> </files> <params> <param name="width" type="text" default="300" label="Ancho" description="Ancho del Reproductor" /> <param name="height" type="text" default="200" label="Alto" description="Alto del reproductor" /> <param name="playlist" type="text" default="playlist" label="Nombre de la Lista" description="Nombre de la Lista de Reproducción. Es importante considerar las mayúsculas y minúsculas." /> <param name="style" type="list" default="config" label="Estilo del Reproductor" description="Selecciona el Estilo de tu reproductor. También puedes personalizarlo"> <option value="config">PROPIO: Personalized Style</option> <option value="config01">BLACK: Autostart - Random</option> <option value="config02">BLACK: Autostart - No Random</option> <option value="config03">BLACK: No Autostart - Random</option> <option value="config04">BLACK: No Autostart - No Random</option> <option value="config05">BLUE: Autostart - Random</option> <option value="config06">BLUE: Autostart - No Random</option> <option value="config07">BLUE: No Autostart - Random</option> <option value="config08">BLUE: No Autostart - No Random</option> <option value="config09">ORANGE: Autostart - Random</option> <option value="config10">ORANGE: Autostart - No Random</option> <option value="config11">ORANGE: No Autostart - Random</option> <option value="config12">ORANGE: No Autostart - No Random</option> <option value="config13">SKY BLUE: Autostart - Random</option>
http://infinity.geek-team.net Powered by Joomla! Generated: 15 July, 2008, 16:34

Flash Mp3 Player

<option value="config14">SKY BLUE: Autostart - No Random</option> <option value="config15">SKY BLUE: No Autostart - Random</option> <option value="config16">SKY BLUE: No Autostart - No Random</option> <option value="config17">PINK: Autostart - Random</option> <option value="config18">PINK: Autostart - No Random</option> <option value="config19">PINK: No Autostart - Random</option> <option value="config20">PINK: No Autostart - No Random</option> </param> <param name="@spacer" type="spacer" default="" label="CONFIGURACIÓN POP UP" description="" /> <param name="show" type="radio" default="1" label="Mostrar" description="Muestra el objeto que deseas en el módulo"> <option value="1">Reproductor</option> <option value="2">Imágen PopUp</option> <option value="3">Ambos</option> </param> <param name="big_image" type="radio" default="1" label="Imágen Grande" description="Muestra la imágen del cuadro que enlazara a la ventana emergente si elegiste Vizualizar Imágen Pop Up"> <option value="1">Por Defecto</option> <option value="2">Propio</option> </param> <param name="big_own" type="text" default="mi_imagen.jpg" label="Nombre de la imágen" description="La imágen debe encontrarse almacenada en el directorio 'images/stories/' .Debes colocar la extensiòn de la imágen(.jpg, .gif, .png) para visualizarla" /> <param name="small_image" type="radio" default="1" label="Imágen Pequeña" description="Muestra la imágen del cuadro que enlazara a la ventana emergente si elegiste vizualizar Ambos (Imágen y Reproductor juntos)"> <option value="1">Por Defecto</option> <option value="2">Propio</option> </param> <param name="small_own" type="text" default="mi_imagen.jpg" label="Nombre de la imágen" description="La imágen debe encontrarse almacenada en el directorio 'images/stories/' .Debes colocar la extensiòn de la imágen(.jpg, .gif, .png) para visualizarla" /> <param name="bg_popup" type="text" default="000000" label="Fondo del Pop Up" description="Color del fondo de la ventana emergente donde se abrira el reproductor" /> <param name="text_link" type="text" default="Reproducir en ventana emergente" label="Texto del Enlace" description="Configura el texto que aparecera en la imágen del enlace" /> <param name="text_color" type="text" default="0033CC" label="Color del Enlace" description="Introduce el código del color(hexadecimal) deseado. No es necesario # al inicio" /> </params> </mosinstall> Como puede notar el tamaño del archivo es mayor, estos parámetros los puedes ver funcionando en el administrador de Joomla. A continuación trabajaremos el archivo PHP.

En esta versión se trabaja más el código php que en las anteriores, para empezar agregamos nuevos variables tomadas de los nombres de cada parámetro. - $show = $params->get( 'show' ); - $big_image = $params->get( 'big_image' ); - $big_own = $params->get( 'big_own' ); - $small_image = $params->get( 'small_image' ); - $small_own = $params->get( 'small_own' ); - $bg_popup = $params->get( 'bg_popup'); - $text_link = $params->get( 'text_link' ); - $text_color = $params->get( 'text_color' );
http://infinity.geek-team.net Powered by Joomla! Generated: 15 July, 2008, 16:34

Flash Mp3 Player

Y utilizamos una nueva variable para acortar la ruta de los archivos. $path_files = $mosConfig_live_site.'/modules/mod_mp3player_files'; Como hemos separado el Html de este archivo, los llamaremos con un switch dependiendo de la opción que el usuario eligio. PHP - mod_mp3player.php <?php /** * @version 1.0 $ * @package Reproductor Flash Mp3 * @copyright (C) 2007 Daniel Gutiérrez Oroncuy * @license http://www.gnu.org/copyleft/gpl.html GNU/GPL **/ //Restringir Acceso directo defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' ); $width = $params->get( 'width', 300 ); $height = $params->get( 'height', 200 ); $playlist = $params->get( 'playlist' ); $style = $params->get( 'style' ); $show = $params->get( 'show' ); $big_image = $params->get( 'big_image' ); $big_own = $params->get( 'big_own' ); $small_image = $params->get( 'small_image' ); $small_own = $params->get( 'small_own' ); $bg_popup = $params->get( 'bg_popup'); $text_link = $params->get( 'text_link' ); $text_color = $params->get( 'text_color' ); $path_files = $mosConfig_live_site.'/modules/mod_mp3player_files';

//Mostrar Objetos require_once( $mosConfig_absolute_path.'/modules/mod_mp3player_files/mp3player.php' ); switch($show) { case 1: Flash_Mp3_Player( $width, $height, $playlist, $style, $path_files ); break; case 2: if($big_image==1) { echo $image_big; } else { echo $image_big_own; } break; case 3: Flash_Mp3_Player( $width, $height, $playlist, $style, $path_files ); if($small_image==1) { echo $image_small; } else { echo $image_small_own; } break; default:
http://infinity.geek-team.net Powered by Joomla! Generated: 15 July, 2008, 16:34

Flash Mp3 Player

print "Configure el Módulo"; } ?> Ahora veremos el html que se mostrara en cada caso del switch.

Copiamos el código html de la versión anterior y lo pegamos 4 veces pero con algunas modificaciones. <?php /** * @version 1.0 $ * @package Reproductor Flash Mp3 * @copyright (C) 2007 Daniel Gutiérrez Oroncuy * @license http://www.gnu.org/copyleft/gpl.html GNU/GPL */ //Reproductor function Flash_Mp3_Player( $width, $height, $playlist, $style, $path_files ) { $mp3player = "<center><object width=\"".$width."\" height=\"".$height."\" classid=\"clsid:d27cdb6e-ae6d-11cf-96b8444553540000\" codebase=\"http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0\" > <param name=\"movie\" value=\"modules/mod_mp3player_files/mp3player.swf\" /> <param name=\"menu\" value=\"true\" /> <param name=\"quality\" value=\"low\" /> <param name=\"flashvars\" value=\"config=".$path_files."/".$style.".xml&file=".$path_files."/".$playlist.".xml\" /> <embed src=\"modules/mod_mp3player_files/mp3player.swf\" width=\"".$width."\" height=\"".$height."\" menu=\"true\" quality=\"low\" flashvars=\"config=".$path_files."/".$style.".xml&file=".$path_files."/".$playlist.".xml\" type=\"application/xshockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" /> </object></center>"; echo $mp3player; } //Imágen Pop Up Por Defecto $image_big ="<center> <table background=\"".$path_files."/mp3/big.jpg\" width=\"".$width."\" height=\"".$height."\" > <tr> <td> <a href=\"\" onclick=\"window.open('{$path_files}/ popup.php?playlist={$playlist}&style={$style}&bg_popup={$bg_popup}','','width=275,height=210, location=no,scrollbars=no,menubar=no,resizable=no,toolbar=no,status=no');return false;\" > <div align=\"center\"> <br> <font color=\"#".$text_color."\"> ".$text_link." </font> <br><br> </div> </a> </td> </tr> </table></center>"; //Imágen Pop Up Personalizada $image_big_own ="<center><table background=\"".$mosConfig_live_site."/images/stories/".$big_own."\" width=\"".$width."\" height=\"".$height."\" > <tr> <td> <a href=\"\" onclick=\"window.open('{$path_files} /popup.php?playlist={$playlist}&style={$style}&bg_popup={$bg_popup}','','width=275,height=210, location=no,scrollbars=no,menubar=no,resizable=no,toolbar=no,status=no');return false;\" >
http://infinity.geek-team.net Powered by Joomla! Generated: 15 July, 2008, 16:34

Flash Mp3 Player

<div align=\"center\"> <br> <font color=\"#".$text_color."\"> ".$text_link." </font> <br><br> </div> </a> </td> </tr> </table></center>"; //Imágen pequeña por defecto, ubicada debajo del reproductor $image_small ="<center><table width=\"".$width."\" background=\"".$path_files."/mp3/small.jpg\"> <tr> <td> <a href=\"\" onclick=\"window.open('{$path_files}/ popup.php?playlist={$playlist}&style={$style}&bg_popup={$bg_popup}','','width=275,height=210, location=no,scrollbars=no,menubar=no,resizable=no,toolbar=no,status=no');return false;\" > <div align=\"center\"> <br> <font color=\"#".$text_color."\"> ".$text_link." </font> <br><br> </div> </a> </td> </tr> </table></center>"; //Imágen pequeña personalizada, ubicada debajo del reproductor $image_small_own ="<center><table width=\"".$width."\" background=\"".$mosConfig_live_site."/images/stories/".$small_own."\"> <tr> <td> <a href=\"\" onclick=\"window.open('{$path_files} /popup.php?playlist={$playlist}&style={$style}&bg_popup={$bg_popup}','','width=275,height=210, ocation=no,scrollbars=no,menubar=no,resizable=no,toolbar=no,status=no');return false;\" > <div align=\"center\"> <br> <font color=\"#".$text_color."\"> ".$text_link." </font> <br><br> </div> </a> </td> </tr> </table></center>"; ?> Primero creamos una función que nos devolvera el código html del reproductor en el insertamos el nuevo parámetro para la ruta de los archivos. Luego creamos la variable que almacenara el código que mostrara la imágen grande por defecto, insertamos los nuevos parámetros. Pon atencion en <a href=\"\" onclick=\"window.open('{$path_files}/ popup.php?playlist={$playlist}&style={$style}&bg_popup={$bg_popup}','','width=275,height=210, location=no,scrollbars=no,menubar=no,resizable=no,toolbar=no,status=no');return false;\" > es lo que nos ayudara a enlazar y captura los parámetros con los que trabaja el PopUp
http://infinity.geek-team.net Powered by Joomla! Generated: 15 July, 2008, 16:34

Flash Mp3 Player

De la misma forma, creamos otras variables y vamos insertando en el código las variaciones para diferenciar cada caso que mostrara el switch. Despues de esto ya solo falta el archivo popup.php.

El Popup solo necesitara mostrar el reproductor asi que las variables para las imágenes y el texto son obsoletas aquí y como solo mostraremos el reproductor lo único que necesitamos es el Html inicial con pequeñas variaciones. Advertira que el Pop Up muestra una nueva variable $bg_popup, es quien dara el color de fondo al del popup, lo cual es para combinar el color del reproductor con el de la ventana. <?php /** * @version 1.0 $ * @package Reproductor Flash Mp3 * @copyright (C) 2007 Daniel Gutiérrez Oroncuy * @license http://www.gnu.org/copyleft/gpl.html GNU/GPL */ require_once( '../../configuration.php' ); $path_files = $mosConfig_live_site.'/modules/mod_mp3player_files';

$bg_popup = $_GET[ 'bg_popup' ]; $playlist = $_GET[ 'playlist' ]; $style = $_GET[ 'style' ]; ?> <html> <head> <title>Música en Linea</title> </head> <body bgcolor="<?php echo $bg_popup;?>" <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="200" width="270" > <param name="movie" value="<?php echo $path_files;?>/mp3player.swf"> <param name="menu" value="true"> <param name="quality" value="low"> <param name="flashvars" value="config=<?php echo $path_files;?>/<?php echo $style;?>.xml&file=<?php echo $path_files;?>/<?php echo $playlist;?>.xml"> <embed src="<?php echo $path_files;?>/mp3player.swf" menu="true" quality="low" flashvars="config=<?php echo $path_files;?>/<?php echo $style;?>.xml&file=<?php echo $path_files;?>/<?php echo $playlist;?>.xml" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" height="200" width="270" /> </object> </body> </html> De esta forma tenemos terminada la versión 1.3 del reproductor Flash Mp3 Player. La Versión 1.3.1 realiza los siguiente cambios: - Se cambia las imágenes de esta versión (JPG) por unas mejor trabajadas (GIF) - En consecuencia se cambia el código para los nuevos formatos. - Se ajustan algunos detalles en el tamaño de la ventana PopUP para darle un aspecto simétrico a la ubicación del reproductor. Ahora se planea trabajar otros aspectos como; crear y editar el archivo config.xml y playlist.xml desde el administrador de Joomla.Descarga esta Versión Aquí

http://infinity.geek-team.net

Powered by Joomla!

Generated: 15 July, 2008, 16:34


				
DOCUMENT INFO
Shared By:
Categories:
Tags:
Stats:
views:1014
posted:9/24/2008
language:Italian
pages:7