Buenas! ya hacía tiempo que no escribía aquí, pero tranquilos que no me olvido del blog!
Antes que nada, quiero recordaros que si queréis seguirme podéias hacerlo a través de mi cuenta en twitter @perellorca
Tras los preámbulos y saludos iniciales, nos metemos de lleno en el caso del que voy a hablar. Partimos de la petición de un periódico comarcal que amplía su faceta informativa con el desarrollo una radio a través de Internet. A partir de ahí, buscamos diferentes soluciones, pero siempre primando el ahorro de costes (como no, en estos tiempos que corren).
Para ello, elegimos la alternativa de listen2myradio.com en modo 'free' en primer lugar y observamos la constante que cada 'x' minutos cambia el puerto y la ip de emisión, por lo que esta solución no es aplicable a este proyecto informativo. Por ello, optamos en esta ocasión por la solución premium, la cual cumple con las características que estamos buscando, es decir una radio on-line que, con el mínimo coste, ofrezca a los usuarios toda la información del área en la que emite.
Una vez configurado el servidor nos disponemos a insertar el 'playe'r que nos ofrecen por defecto y observamos que el objeto está en flash y contiene la configuración codificada con MD5, debido a esto no podiamos modificar el player como solicitaba el cliente. En este caso optamos por configurar el JWPlayer.
Utilizamos los siguientes enlaces para probar las configuraciones antes de insertarlas en la web:
JWPlayer 4
Tras las pruebas pertinentes, al inicio no reproducía el sonido de la radio online y nos verificamos que si cambiamos el type=mp3 a type=sound el streaming si que se reproduce. El resto de características se pueden probar y configurar en los enlaces anteriores.
Una vez comprobado su correcto funcionamiento con JWPlayer 4.7, actualizamos a la siguiente versión JWPlayer 5.8 con el fin de que el reproductor de la radio pueda ser escuchado desde dispositivos móviles con IOS (Iphone, Ipod o Ipad), Android o Blackberry ya que éstos no aceptan Flash y si HTML5.
Flash JPlayer 1.4.7 que utiliza JWPlayer 4.7
<center>
<object allowscriptaccess="never" data="http://www.mbnoticias.es/plugins/content/jplayer/mediaplayer/player-4-7-811.swf" allownetworking="internal" type="application/x-shockwave-flash" width="325" height="275">
<param value="never" name="allowScriptAccess" />
<param value="internal" name="allowNetworking" />
<param value="http://www.mbnoticias.es/plugins/content/jplayer/mediaplayer/player-4-7-811.swf" name="movie" />
<param value="transparent" name="wmode" />
<param value="file=http://109.169.26.79:8028/;stream.nsv&type=sound&volume=50&autostart=false&skin=http://www.mbnoticias.es/plugins/content/jplayer/mediaplayer/skins/plugins/content/jplayer/mediaplayer/skins/fs40.zip&logo=http://www.mbnoticias.es/images/banners/mb,P20radio_.jpg.pagespeed.ce.8fZj1FDYak.jpg&controlbar=none&title=MBRadio, Noticias de Benidorm, actualidad de la Marina Baixa y mucha música&stretching=fill" name="flashvars" /></object>
</center>
HTML5 JWPlayer 5.8
<script type='text/javascript' src='http://www.mbnoticias.es/tmp/mediaplayer/jwplayer.js'></script>
<script type='text/javascript'>
jwplayer('mediaspace').setup({
'flashplayer': 'http://www.mbnoticias.es/tmp/mediaplayer/player.swf',
'provider': 'sound',
'volume': '50',
'autostart': 'false',
'controlbar': 'none',
'width': '325',
'height': '275',
'image':'http://www.mbnoticias.es/images/banners/mb,P20radio_.jpg.pagespeed.ce.8fZj1FDYak.jpg',
'file':'http://109.169.26.79:8028/;stream.nsv'
});
</script>
Espero que no sea el último post este año ;-
Datos objetivos:
