Indice

:

• • • •

Introducción Interfaz Instalación Conclusión

INTRODUCCIÓN
TSPlayer v2.1, Trio Solutions Flash Music Player (Reproductor de Música en Flash), es un reproductor de música en formato mp3 para ser usado en sitios web. Este reproductor está desarrollado en Flash y corre sobre Flash Player 7 o superior. Este incluye soporte para skins lo cual le permite escoger el ambiente visual más adecuado para sus propósitos. El reproductor acepta las configuraciones más comunes: autoplay (comenzar reproduciendo o detenido), shuffling (alternar aleatoriamente entre canciones), auto repeat (repetición automática), start volume (volumen inicial), mostrar con o sin lista de canciones y mostrar con borde transparente. Este reproductor se ofrece en dos distribuciones, incluidas ambas en cada compra: - una extensión para Dreamweaver (mxp) - un archivo Flash en un fichero .zip junto con los siguientes ficheros: readme.txt, un directorio llamado skin el cual contiene el skin adquirido con el TSPlayer, el reproductor TSPlayerV2.1.swf, el fichero de configuración configuration.xml y un ejemplo de lista de camciones playlist.xml. NOTE: Los valores de bit rate aceptados por Flash son “8 kbps”, “16 kbps”, “20 kbps”, “24 kbps”, “32 kbps”, “48 kbps”, “56 kbps”, “64 kbps”, “80 kbps”, “112 kbps”, “128 kbps”, and “160 kbps” para compresión MP3.

^ Arriba

INTERFAZ

1.- Indicadores de acciones 2.- Tiempo 3.- Balance

4.- Equalizador 5.- Boton para marcar el auto-repetir 6.- Botón para poner a escoger las canciones en orden aleatorio 7.- Datos de canciones / Nombre de acción 8.- Barra de avance 9.- Ir a pista anterior 10.- Reproducir 11.- Pausar 12.- Detener 13.- Siguiente 14.- Mudo 15.- Control de Volume 16.- Playlist ^ Arriba

INSTALACIÓN COMO COMPONENTE
Si el Macromedia Extension Manager está instalado, haga doble clic en el fichero MXP descargado, el cual instalará el componente para ser usado en Dreamweaver. Entonces el usuario será capaz de insertarlo con unos simples pasos en sus páginas web. El componente estará visible en el menú de Comandos de Dreamweaver en la opción llamada Trio Solution Player v2.1. Para usar este componente usted debe configurar el sitio Web y salvar la página donde el reproductor aparecerá. Esto son pasos requeridos para que el reproductor pueda calcular la dirección URL relativa tomando en cuenta la página donde esta ubicado el TSPlayer, el correspondiente skin y los ficheros de audio a ser reproducidos. Para insertar Trio Solution Player v2.1 en su sitio Web, seleccione la opción Trio Solution Player v2.1. en el menú de Comandos del Dreamweaver; esta abrirá una ventana de inserción/configuración en la cual un campo de texto aparerá para seleccionar la carpeta donde los archivos de audio a reproducir están almacenados. Esta carpeta debe ser ubicada dentro del sitio web. Cuando se de clic en el boton llamado “next”, una carpeta llamada TSPlayer será creada en su sitio Web, incluyendo una carpeta llamada skin, el fichero TSPlayerV2.1.swf y un fichero llamado playlist.xml que contienen la lista de archivos mp3 que serán reproducidos en el sitio web.

En el próximo paso de la configuración del TSPlayer configuration el usuario debe colocar un grupo de opciones: 1. 2. 3. 4. “Select Skin”, para seleccionar de entre los diferentes skins adquiridos para TSPlayer. “Autoplay” le permitirá escoger entre comenzar reproduciendo el primer archivo en la lista de canciones o comenzar apagado hasta que el usuario selecciona un fichero de la lista o da clic en el botom correspondiente a “play”. “Playlist visibility” indica si el área dedicada a la lista de canciones se desea que sea visible o no. “Toggle Repeat” permite escoger si el usuario quiere esta opción activa por defecto. “Toogle Shuffling” permite escoger si el usuario quiere esta opción activa por defecto, para alternar aleatoriamente entre las canciones de la lista de reproducción.

5.

“Volume Value” permite indicar el volumen inicial que se desea, un numero entre 0 (mudo) y 100 (máximo).

Cuando presione "Finished" un fichero llamado configuration.xml será creado dentro de la carpeta TSPlayer. Este fichero puede ser editado si usted desea cambiar la configuración por defecto del skin.

DISTRIBUIDO COMO SWF
Descomprima el fichero .zip descargado desde nuestro sitio web llamado TSPlayerV2.1.zip, copielo dentro de su sitio web bajo la carpeta llamada TSPlayer, la cual contiene el fichero TSPlayerV2.1.swf, el fichero configuration.xml, el fichero playlist.xml y una carpeta que contiene el skin seleccionado con la apariencia visual del reproductor en su sitio Web. 1) Abra el fichero configuration.xml dentro del Dreamweaver o en cualquier otro editor de texto. Este fichero contiene las opciones para configurar el reproductor mp3 y juega un rol importante en el buen funcionamiento del TSPlayer. Configuration.xml tiene la siguiente estructura: <?xml version="1.0" encoding="iso-8859-1"?> <tsplayer> <skinoptions> <skin>../skin/ts1.swf</skin> <playlist>1</playlist> </skinoptions> <functionality> <autoplay>1</autoplay> <volume>100</volume> <repeat>0</repeat> <shuffling>1</shuffling> </functionality> </tsplayer> Donde:

• •

<skin></skin> contiene la dirección URL del skin que el reproductor mostrará. Esta dirección puede ser absoluta dentro del sitio Web (Ej. http://www.mywebaddress.com/TSPlayer/skin/skinname.swf) o relativa a la página Web donde el reproductor será insertado (Ej. tsplayer/skin/skinname.swf, en caso de que la carpeta TSPlayer y la página Web estén al mismo nivel). <playlist></playlist> Esta opción permite mostrar/ocultar la lista de canciones. Los valores permitidos son 0 “o” 1. <autoplay></autoplay> Esta opción es usada para seleccinoar si el usuario quiere que el reproductor inicie reproduciendo la primera canción de la lista. Los valores permitidos son 1 (el reproductor inicia reproduciendo la primera canción de la lista) o 0 (el reproductor inicia detenido hasta que el usuario hace clic en alguna acción) <volume></volume> Esta opción permite al usuario configurar el volumen inicial del reproductor al iniciar. Los valores son numeros entre 0 y 100.

• •

<repeat></repeat> Esta opción configura si el reproductor comienza con una reproducción cíclica de la lista de canciones o no. Los valores son 1 “o” 0. <shuffling></shuffling> Esta opción configura si la selección de la lista de canciones será aleatoria o no. Los valores son: 1(activado) “o” 0 (desactivado).

2) Abra el fichero playlist.xml dentro del Dreamweaver o cualquier otro editor de texto. Este fichero contiene la lista de archivos .mp3 que serán reproducidos en su sitio web. playlist.xml tiene la siguiente estructura: <?xml version="1.0" encoding="iso-8859-1"?> <playlist> <element url="../music/1.mp3" /> <element url="../music/2.mp3" /> <element url="../music/3.mp3" /> </playlist> Donde cada elemento contiene la direccion URL al fichero mp3 que será reproducido. Esta dirección debe ser absoluta dentro del sitio Web (Ej. http://www.mywebaddress.com/music/skin/musicname.mp3) o relativa a la página Web donde el reproductor sera insertado (Ej. music/musicname.mp3, en case de que la carpeta TSPlayer y la página Web estén al mismo nivel). Al final, dentro de la etiqueta <body></body> de la página Web donde el reproductor será insertado, inserte el siguiente texto:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="355" height="316" id="TSPlayer" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="<tsplayer address>" /><param name="quality" value="high" /> <param name="bgcolor" value="#ffffff" /> <param name="FlashVars" value="playlistfile=<playlist.xml address>& configurationfile=<configuration.xml address>" /> <embed src="<tsplayer address>" quality="high" FlashVars="playlistfile=<playlist.xml address>& configurationfile=<configuration.xml address>" bgcolor="#ffffff" width="355" height="316" name="TSPlayer" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object>

Donde “<tsplayer address>” es la dirección URL al fichero TSPlayerV2.1.swf. Esta dirección debe ser absolute dentro del sitio Web o relativa a la página Web donde el reproductor será insertado. Donde “<configuration.xml address>” es la dirección URL al fichero configuration.xml. Esta dirección debe ser absolute dentro del sitio Web o relativa a la página Web donde el reproductor será insertado. Donde “<playlist.xml address>” es la dirección URL al fichero playlist.xml. Esta dirección debe ser absolute dentro del sitio Web o relativa a la página Web donde el reproductor será insertado. ^ Arriba

CONCLUSION
TSPlayerV2.1 es popular entre sus usuarios debido a el número de opciones que ofrece y la disponibilidad de skins con diseños profesionales disponibles. Nosotros continuaremos publicando atractivos skins. En caso de que los skins publicados no satisfagan los requerimientos de su Web, usted puede contactarnos y usar nuestros servicios de diseño para que el reproductor acople perfectamente son su sitio Web.