• Home
  • 1000 Efectos jQuery
  • 1000 Estilos Css
  • Foro
  • Freelance
  • Herramientas Web
  • Tu Granito de Arena!!
  • ZoneArtCss Móvil

Reproductor de Radio con Estilo

Obtén una cuenta de @zoneartcss.com gratuita
Registrarse
Ver correo
Jun 27


barra_radio

Muchas veces he notado que en varias estaciones de radio por internet utilizan el tipico reproductor de Windows Media Player para que escuchen su radio pero..lamentablemente no en todos los navegadores soporta ese plugin de Microsoft (si estoy hablando de Firefox y Chrome) , se que hay la posibilidad de instalarlo, pero la verdad no todos los usuario lo hacen.

En  este pequeño manual les voy a mostrar como podemos implementar un reproductor de radio facil y en Flash para que tus radio escuchas esten contentos.

Primero que nada les recomiento descargar el reproductor JW FLV Media Player 4.4 y en la seccion de plugin de esa misma pagina hay varios temas con los que puedes decorar tu reproductor.

Este es el codigo para agregar tu ip de radio junto con el puerto asignado.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div id="player">
	<div id="player" align="center">
		<a href="http://www.macromedia.com/go/getflashplayer">Instalar plugin de Flash</a>
	</div>
 
	<script type="text/javascript">
		var so = new SWFObject('swf/player.swf', 'reproductor', '300', '27', '7', '#FFFFFF');
		so.addVariable('type', 'mp3');
		so.addVariable('file', 'AQUI VA TU IP CON EL PUERTO INCLUIDO EL HTTP:// /;stream.nsv');
		so.addVariable('autostart','true');
		so.addVariable('frontcolor','0x000000');
		so.addVariable('lightcolor','0x000000');
		so.addVariable('screencolor','0xFFFFFF');
		so.addVariable("skin", "swf/dangdang.swf");
		so.write('player');
	</script>

Recuerda que despues de poner tu ip:puerto le debes de agregar /;stream.nsv para que funcione la reproducción.

Con esto sencillos pasos podemos tener nuestro reporductor en flash y en cualquier explorador poder escuchar tu radio.

By Miguel Ortega






Compartir   votar
¿Te gusto este tema?
Recibe en tu correo las ultimas actualizaciones

Escribe tu correo:

Recibirás un correo con todos los articulos escritos en ZoneArtCss durante el día.
Posted in Programación con Style. on Sábado, Junio 27th, 2009 by miguelortega Tags: barra de radio, estaciones de radio, Jw flv Media Player, miguel ortega, reproductor

6 Comments

  1. thegolgen on Julio 1st, 2009

    Ola .. una consulta
    Donde se coloca el puerto IP en en codigo que dejaste… podrias ponerlo en el codigo porfa
    de verdad necesito poner mi radio en ese flash.. XD
    Otra pregunta en el puerto IP se puede poner link en ves de esto http://19.8990.889:8000... porque el IP de mi localhost es dinamica y la he dejado fija con No-ip…

    eso muchas gracias XD

  2. miguelortega on Julio 1st, 2009

    Que tal man!!

    COn respecto a los que preguntaste donde vca tu codigo es e la parte de
    so.addVariable(’file’, ‘http://198.237.156.235:8000/;stream.nsv’);
    El http:// tiene que ir, luego tu ip seguido el puerto separados con : y recuerda a lo ultimo agregarle /;stream.nsv

    En cuestion de lo que decias de lo del nomrbe de la ip si te lo acepta!! puede poner http://radioskasos.no-ip.org:8000/;stream.nsv o tambien http://19.8990.889:8000/;stream.nsv

    Espera le proximo post que va ser un script en php que podras pegar en tu web que te dice si estan transmitiendo o no o que personas esta en linea como locutor.

    Saludos

  3. thegolgen on Julio 1st, 2009

    Bueno gracias por la respuesta tan rapidad de verdad…
    pero hize todo lo que me dijiste y no me funciona…
    te dejo la url de mi radio (no es para publicidad XD)
    link
    ojala pudieras ver el codigo y decirme el problema, si tienes tiempo…

    Gracias

  4. miguelortega on Julio 2nd, 2009

    Hola man

    Intente verificar la pagina pero si en efecto no funciona el reproductor, compie la ip y tu servidor estaba caido, no se si ya intentaste poner la direccion ip nada mas si lo de homeip aaaaaaaaa pero recuerdo que lo tienes configurado en tu compu verdad y no cuentas con una direccion estatica.. Hay variso paquetes de Hosting para radio y son muy baratos hay hasta de $400 Mexicanos al año o como $100 al mes.

    verificalo y me ehcas un grito Saludos

  5. Mario Roberto Morales on Septiembre 17th, 2009

    man se te olvido aclarar donde va la url que localiza el reproductor Flash
    en mi caso mi codigo seria:

    Instalar plugin de Flash

    var so = new SWFObject(’swf/player.swf’, ‘reproductor’, ‘170′, ‘27′, ‘7′, ‘#FFFFFF’);
    so.addVariable(’type’, ‘mp3′);
    so.addVariable(’file’,'http://78.129.242.166:8504/;stream.nsv’);
    so.addVariable(’autostart’,'true’);
    so.addVariable(’frontcolor’,'0×000000′);
    so.addVariable(’lightcolor’,'0×000000′);
    so.addVariable(’screencolor’,'0xFFFFFF’);
    so.addVariable(”skin=path/to/you/skin.swf”);
    so.write(’player’);

    Pero no dices como o donde colocar la Url que identifica donde se encuentra alojado el Flash del reproductor.

    nesecito tu ayuda amigo gracias por todo.

  6. miguel ortega on Septiembre 17th, 2009

    Que tal Mario Roberto, mira con respecto atu pregunta, mira el parametro de donde va la url del flash esta en ese script que puse anteriormente en esta parte SWFObject(’swf/player.swf’ …. la ruta swf/player.flv es la ruta del reproductor en flahs ese reproductor lo puedes descargar en r JW FLV Media Player 4.4 que esta arribita el link, asi se llama ese reproductor , checalo y comentas a ver que onda,o cualquier cosa ve como esta el ejemplo de mi radio que es esta url http://www.sexytec.net



Leave a Reply

Security Code:

ZoneArtCSS | Tu lugar: Del Arte CSS

  • Buscador
  • Suscribete
    Escribe tu correo:

    Recibirás un correo con todos los articulos escritos en ZoneArtCss durante el día.








  • Lo Último

    Un Administrador de Proyectos para un Diseñador WebUn Administrador de Proyectos para un Diseñador Web   39 Iconos Sociales para tu Sitio Web39 Iconos Sociales para tu Sitio Web   Editor de código online Editor de código online   Iconos para Redes SocialesIconos para Redes Sociales   ¿Cuantos usuarios online soporta tu sitio Web?¿Cuantos usuarios online soporta tu sitio Web?  


  • Ideas
  • Archivos
  • Comentarios
  • Populares
ajax alex aguiar cms codigo CSS Curl diseño efecto estilo facebook facil firefox fireworks fix flash gallery google gratis html ie6 i hate photoshop images Javascript jQuery js libreria liz palacios manual menu miguel ortega miguelortega Mootools php plugin problema solucion style Themes para dedalus tutorial Twitter video video tutorial web wordpress zoneartcss
  • Julio 2010
  • Junio 2010
  • Mayo 2010
  • Abril 2010
  • Marzo 2010
  • Febrero 2010
  • Enero 2010
  • Diciembre 2009
  • Noviembre 2009
  • Octubre 2009
  • Septiembre 2009
  • Agosto 2009
  • Julio 2009
  • Junio 2009
  • Navegar por internet gratis desde celular o móvil con telcel  629
    fernando, gabo, Andres, Roberto, miguelortega, Roberto [...]
  • Filtrar palabras de un post de formulario con PHP  2
    zonarock, dante
  • Simple Inicio de Sesión con Php y Mysql  3
    audio rodriguez, bk7, argos
  • Tu Granito de Arena!!  3
    miguelortega, edardo, la nena
  • CSS text-shadow  4
    miguelortega, Carlos, Luis, uJuan
  • Navegar por internet gratis desde celular o móvil con telcel {630}
  • Popin - Plugin jQuery para Pop-Ups {27}
  • Crear tu aplicación del facebook {18}
  • Personalizar en menú que sale cuando das clic secundario con JavaScript {16}
  • Beautiful Slide con jQuery {12}


  • Categorías
  • RSS Twitter
    Zoneartcss
    • Buen día a todos !! Espero que sea un excelente viernes :) hace 1 hora desde TweetDeck
    • ahora zoneartcss.com ya tiene su versión para celulares, :) hace 23 horas desde TweetDeck
    • ZoneArtCss.com Versión Móvil http://goo.gl/fb/7sXzh 11:01:31 PM Julio 28, 2010 desde Google
    • Traductor con jQuery http://goo.gl/fb/oOXwj 10:47:11 PM Julio 28, 2010 desde Google
  • Enlaces
    • Alex Aguiar
    • Bienes Raices en Mérida
    • Blog SexyTec
    • Desarrollo Web
    • Descargas para Celular
    • Frogx3
    • Hosting en Mexico
    • Noticias en Cozumel
    • Playeras y Uniformes
    • SexyTec.net
    • WebAdictos
  • Home
  • 1000 Efectos jQuery
  • 1000 Estilos Css
  • Foro
  • Freelance
  • Herramientas Web
  • Tu Granito de Arena!!
   

Back to Top

© Copyright ZoneArtCSS | Tu lugar: Del Arte CSS. All rights reserved.
Designed by FTL Wordpress Themes brought to you by Smashing Magazine

  • Blogalaxia
  • http://www.wikio.es