Mettere una radio nel proprio sito

Posted on 01. May, 2006 by Administrator in tutorials, vari


Obiettivo
In questo articolo tratteremo come mettere una radio nel nostro sito grazie a windows media player.

I canali radio
La prima cosa che dobbiamo fare e' procuraci una lista di canali radio. Basta fare una ricerca con google per trovarli. Quelli che io ho messo sono:

DiscoRadio http://discoradio.fabbricadigitale.it/asx/discoradio.asx
101 Network http://www.radio101.it/live101/radio101.asx
105 Classic http://www.105.net/fmclassics.asx
Hit Channel http://www.rtl.it/mediaplayer/1025hitchannel.asx
Montecarlo http://www.tv-radio.com/station/rmc_italie/rmc_italie-20k.asx
Radio 105 http://www.105.net/105.asx
Radio Deejay mms://deejay.wm.p1.str3.com/djradio
RDS http://www.rds.it/pandora/streaming/rds.asx
RIN mms://wmedia.rin.it/rin
RTL 102.5 http://www.rtl.it/mediaplayer/rtl1025.asx

Fatto cio' dobbiamo creare un player che trasmetta il suono proveniente da queste radio.

Articolo
LA cosa che dobbiamo fare e' quella di copiare il codice sottostante nella nostra pagina e il gioco e' fatto

<script>
var streams = new Array();
streams[0] = new makeStream("http://discoradio.fabbricadigitale.it/asx/discoradio.asx", "DiscoRadio");
streams[1] = new makeStream("http://www.radio101.it/live101/radio101.asx", "101 Network");
streams[2] = new makeStream("http://www.105.net/fmclassics.asx", "105 Classic");
streams[3] = new makeStream("http://www.rtl.it/mediaplayer/1025hitchannel.asx", "Hit Channel");
streams[4] = new makeStream("http://www.tv-radio.com/station/rmc_italie/rmc_italie-20k.asx", "Montecarlo");
streams[5] = new makeStream("http://www.105.net/105.asx", "Radio 105");
streams[6] = new makeStream("mms://deejay.wm.p1.str3.com/djradio", "Radio Deejay");
streams[7] = new makeStream("http://www.rds.it/pandora/streaming/rds.asx", "RDS");
streams[8] = new makeStream("mms://wmedia.rin.it/rin", "RIN");
streams[9] = new makeStream("http://www.rtl.it/mediaplayer/rtl1025.asx", "RTL 102.5");
function makeStream(url, name) {
this.url = url;
this.name = name;
}
function handleControlsOnOffClick() {
if (document.mediaPlayer.showControls == true) {
document.mediaPlayer.showControls = false;
document.playerCtrl.controls.value = " Show Controls ";
}
else {
document.mediaPlayer.showControls = true;
document.playerCtrl.controls.value = " Hide Controls "
}
}
function handlePlayOrPauseClick(){
var state;
playerStatus = document.mediaPlayer.playState;
if (playerStatus == 6) {
document.mediaPlayer.play();
document.playerCtrl.playOrPause.value = " Pause ";
}
else if (playerStatus == 1) {
document.mediaPlayer.play();
document.playerCtrl.playOrPause.value = " Pause ";
}
else if (playerStatus == 2) {
document.mediaPlayer.pause();
document.playerCtrl.playOrPause.value = " Play ";
}
}
function changeSize(newSize) {
document.mediaPlayer.displaySize = newSize;
}
function change() {
var list = document.playerCtrl.streams;
var streamURL = list.options[list.selectedIndex].value;
document.mediaPlayer.stop();
document.playerCtrl.playOrPause.value = " Pause ";
document.mediaPlayer.fileName = streamURL;
pstatus.innerHTML = "In attesa";
speed.innerHTML = "In attesa";
buffer.innerHTML = "In attesa";
}
function playerstatus() {
code = mediaPlayer.OpenState;
if (code == 0) code = "In attesa";
if (code == 1 || code == 2) code = "Caricamento dati";
if (code == 3) code = "Ricerca Server";
if (code == 4) code = "Connesso";
if (code == 5) code = "";
if (code == 6) code = "Connesso";
pstatus.innerHTML = code;
buffer.innerHTML = " " + mediaPlayer.BufferingProgress + "%";
speed.innerHTML = " " + parseInt(mediaPlayer.Bandwidth / 1024) + " Kbps";
}
</script>
<body onLoad='window.setInterval ("playerstatus()",800);'>
<FORM NAME="playerCtrl">
<INPUT TYPE="hidden" VALUE=" Pause " NAME="playOrPause">
<SCRIPT>
with (document) {
writeln('<SELECT NAME="streams" onChange="change()">');
for (var i = 0; i < streams.length; i++) {
writeln('<OPTION VALUE="', streams[i].url, '">', streams[i].name);
}
writeln('</SELECT>');
}
</SCRIPT>
</FORM>

Stato:<span id="pstatus" style='font-size:10px'>In attesa</span><br>
Buffer:<span id="buffer" style='font-size:10px'>In attesa</span><br>
Velocita':<span id="speed" style='font-size:10px'>In attesa</span><br>
<br>
<OBJECT
ID="mediaPlayer"
CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
STANDBY="Loading Microsoft Windows Media Player components..."
TYPE="application/x-oleobject"
STYLE="WIDTH:282px;HEIGHT:26px">
<PARAM NAME="SendOpenStateChangeEvents" VALUE="true">
<PARAM NAME="fileName" VALUE="http://discoradio.fabbricadigitale.it/asx/discoradio.asx">
<PARAM NAME="animationatStart" VALUE="false">
<PARAM NAME="transparentatStart" VALUE="true">
<PARAM NAME="autoStart" VALUE="true">
<PARAM NAME="showControls" VALUE="true">
<PARAM NAME="AudioStream" VALUE="true">
<PARAM NAME="ShowControls" VALUE="true">
<PARAM NAME="ShowAudioControls" VALUE="true">
<PARAM NAME="ShowDisplay " VALUE="false">
</OBJECT>

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • blinkbits
  • BlinkList
  • blogmarks
  • co.mments
  • del.icio.us
  • De.lirio.us
  • digg
  • Fark
  • feedmelinks
  • Furl
  • LinkaGoGo
  • Ma.gnolia
  • NewsVine
  • Reddit
  • scuttle
  • Smarking
  • Spurl
  • YahooMyWeb
  • DZone
  • Internetmedia
  • Snap2r
  • Technorati

18 Comments

antonio

29. Aug, 2007

Ciao trovo molto interessante il tuo metodo per inserire una radio nella propria homepage.
Io però avrei questo bisogno:
due radio
radioxj=miawebradio
rtl1025=rtl 102.5

Vorrei che lo script o il forum (non so) mi aprisse in automatico radioxj e se questa per qualche ragione non è online (ad es. decido per qualche giorno di non trasmettere) vorrei che si aprisse sempre in automatico (cioè senza far decidere all’utente attraverso il menu a tendina) rtl1025.
Spero di essermi spiegato.

antonio

29. Aug, 2007

ah dimenticavo!!!
In tanto molte grazie, ma con firefox non funziona?

Administrator

29. Aug, 2007

uhmn, vediamo un po …

antonio

31. Aug, 2007

uhmn, resto in attesa…

antonio

04. Sep, 2007

ho risolto io
basta creare un album, ossia un file .asx in cui indico l’url delle due radio. In tal modo mi basta dare la priorità alla mia radio radioxj cosicchè se non è attiva allora si apre quella di rtl1025. ovviamente il player deve puntare al file .asx
ecco il codice:

AltraRadio

Provare per credere cliccando qui: http://www.carpinofolkfestival.com/AltraRadio.asx

Francesco

13. Sep, 2007

ciao volevo sapere se è possibile che funzioni con firefox
a me non funziona

mi spiego meglio inserendo il codice in una pagina html, la pubblico, accedo con ie(tutto ok) con firefox(non funziona)

Administrator

13. Sep, 2007

che errore ti da?

Francesco

14. Sep, 2007

ciao praticamente non funziona… non si vede il player e non si sente con ie funziona.

poi ho provato questo altro codice per una singola stazione:

Nuova pagina 1

in questo caso il player viene visualizzato da firefox ma la musica non si sente… mi puoi aiutare??

ciao e grazie

Francesco

14. Sep, 2007

ciao scusa se scrivo un altro commento ma il codice che ti ho postato prima non viene visualizzato

puoi vedere il risultato del tuo script con firefox al seguente indirizzo:
http://www.scaricando.it/indexprova.htm

poi ho trovato dell’altro codice per una singola stazione in pratica solo l’object player con un unico indirizzo di una stazione(a me va bene anche cosi) in questo caso il player viene visualizzato da firefox ma l’audio non si sente. puoi vedere la pagina in questione al seguente indirizzo:
http://www.scaricando.it/radio/discoradio.htm

serena

03. Nov, 2007

io vorrei solo radio deejay..come posso fare??
ho copiato e incollato tutti i codici ma sento un’altra radio…

serena

03. Nov, 2007

sento solo DISCORADIO…

andrywebM

13. Dec, 2007

ciao serena forse ho capito il tuo problema.
in questo tag posso farti vedere.
streams[0] = new makeStream(”http://discoradio.fabbricadigitale.it/asx/discoradio.asx”, “DiscoRadio”);

come vedi questo è il primo pezzo dello script da inserire se noi modifichiamo il primo indirizzo URL
di: http://discoradio.fabbricadigitale.it/asx ecc..
con: mms://deejay.wm.p1.str3.com/djradio
dovrebbe andare e poi per modificare il nome nel player di stream come ultimo pezzetto tra ,”Discoradio”); si puo modificare con: ,”RadioDJ”);

in fine metti lo script nel tuo sito web o forum e il gioco è fatto.

se non dovrebbe andare qualche cosa puoi contattarmi all’indirizzo e-mail che dovrebbe sbucare. ciao!

io

20. Jan, 2008

Voglio mettere un chat nel mio sito.

homer

14. May, 2008

intanto complimenti per il tuo sito poi ti volevo dire ho provato a incollare il codice per utilizzare la radio ma ascolto solo disco radio io vorrei far partire radio 105 ma nn riesco mi potresti dare un aiuto (ho gia provato a sostituire gli indirizzi ma nulla nn parte neanche) grazie ciao

sekkatura

18. May, 2008

io ho letto nei commenti e ho lo stesso problema di serena cm faccio a mettere un bottone in modo ke kambio la radio sento solo disco radio

roberto

06. Nov, 2008

ciao ho copiato il codice presente in questa pagina per mettere piu radio in menu’ nel mio sito web pero’ una volta fatto con copia e incolla se provo mi da questo errore
mi dice :il numero dei tagvuoi proseguire?

roberto

06. Nov, 2008

AIUTO -imserire video in pagina web-
volevo inserire piu video in una pagina web i miei film sono in mpeg1
non voglio utilizzare google video oppure youtube cerco uno script che faccia comparire i video coni vari tasti e che sia io ad far partire il video.
i video devono essere convertiti? è meglio che l’utente li veda in straming?mi potete indicare degli script!

kingsun

21. Nov, 2008

per chi vuole una buona chat la puo’ prendere qui basta fare embed e ottenere il codice html

http://kingsun.forumup.it

Leave a reply