Autor: Juanla
Url del Autor http://coloreatuforo.com
Basado en: PROSILVER O SUBSILVER2
Descripción y uso:
Podemos crearnos un enlace en el menú superior que nos abrira un reproductor con una lista de canciones definida por nosotros.
Tutorial:
Lo primero de todo vamos a ser organizados, crearemos una carpeta más en la carpeta raíz de nuestro foro o web.
En esa carpeta debe haber lo siguiente:
- Una carpeta llamada mp3 (o canciones, o como quieras donde meterás las canciones)
- Un archivo llamado radio.html que contenga lo siguiente:
- Los param name puedes cambiarlos a tu gusto, yo los uso así y por eso los puse así.
Código: Seleccionar todo
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Radio</title> </head> <body> <div id="content"> <object type="application/x-shockwave-flash" data="dewplayer-playlist.swf" width="240" height="200" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /> <param name="movie" value="dewplayer-playlist.swf" /> <param name="flashvars" value="showtime=true&autostart=1&autoreplay=true&xml=playlist.xml" /> </object> </div> </body> </html>
- Un archivo llamado playlist.xml que es donde definiremos las canciones (ruta, nombre, artista..) este archivo debe contener lo siguiente:
- El trozo de código de <track></track> puede repetirse cuantas veces quieras, siendo cada 1 una canción. (Obviamente ni que decir que en la carpeta "mp3" o como quieras llamarla exista un archivo llamado cancion1.mp3 (en este caso) o como le indiques al editar este archivo.
Código: Seleccionar todo
<?xml version="1.0" encoding="UTF-8"?> <playlist version="1" xmlns="http://xspf.org/ns/0/"> <title>Otakiosko Radio</title> <creator>OTK</creator> <link>http://www.asociacionotakiosko.com/</link> <info>Canciones de animes y videojuegos</info> <trackList> <track> <location>mp3/cancion1.mp3</location> <creator>Artista</creator> <title>Nombredelacancion</title> </track> </trackList> </playlist>
- Ahora necesitaremos el contenido flash de la radio, que lo descargaremos de aquí y los descomprimiremos:
Resumidamente debería quedar algo así:
Código: Seleccionar todo
<a href="/radio/radio.html" onclick="window.open('/radio/radio.html','','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=260, height=220, left=20, top=20'); return false;">Radio </a>
Lo podéis poner en la barra de tareas, menú, footer, header, junto a otros enlaces.. como querais. Si teneis alguna duda preguntad en los foros de soporte.
Tutorial sacado de Coloreatuforo.com