The Chronicles of…

Kako staviti radio stanice na svoj blog

by on velj.14, 2007 - 14:19, under Tutorial

Par ljudi me pitalo pa da ne pisem mailove, a pretpostavljam da ako me je par ljudi pitalo ima mozda jos par koje zanima ali nisu se odlucili pitati. Pa evo vam kratkih uputstava… nije uopce tesko.

Osnovni princip je da se u stranicu ugradi embedani media player, bas kao sto to rade YouT… pardon, JuBito i hrpa drugih stranica. Kad se taj media player ugradi u stranicu/blog potrebno je stranici objasniti da odredjene linkove otvara bas u tom madia playeru. Ja sam koristio Windows Media Player ali siguran sam da se i bilo koji drugi moze na isti nacin ugraditi u stranicu samo nisam isao kopati kako. Alzo dakle…

1. Ovaj kod ubacite u header svojg bloga/stranice. To vam je na blog.hr-u kad kliknete na "Dizajn > HTML kod predloska". Pronadjite </head> pa ubacite kod ISPRED (to je kraj headera)

<script type="text/javascript">
function play(media){
document.getElementById(‘mediaplayer’).innerHTML=
‘<object classid="clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95"’
+’type="application/x-oleobject" width="160" height="20">’
+’<param name="showControls" value="true">’
+’<param name="showTracker" value="true">’
+’<param name="showDisplay" value="false">’
+’<param name="animationAtStart" value="1">’
+’<param name="fileName" value="’+media+’">’
+’<embed type="application/x-mplayer2" width="160" height="20"’
+’showcontrols="true" showtracker="true" showdisplay="false" animationatstart="1" src="’+media+’"><\/embed><\/object>’
}
</script>

Nije problem ugraditi ni QuicTIme ili RealPlayer ali u tom slucaju cete na stranici imati 3 playera. Skriptu mozete malo promijeniti ubacivanjem parametara za razlicite streamove. Evo parametara koji ce vam trebati.

RealPlayer
clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA

QuickTime
classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"

WinAmp
clsid:C5E28B9D-0A68-4B50-94E9-E8F6B4697516

Nakon sto ste ubacili kod u header bloga/stranice trebate ubaciti jos jedan red u svoj CSS. Na blog.hr vas Style je isto u headeru i negdje, recimo ispred </style> u njega ubacite ovo

#mediaplayer {width: 160px;height: 20px;background: #333;}

To je otprilike sve sta treba ubaciti u header. Sad jos samo trebate negdje ubaciti element koji ce prikazivati linkove i player. Ovaj kod ubacite bilo gdje na stranicu. Posto boxovi i postovi na blog.hr ne podnose bas jako dobro skripte i u glavnom bilo kakav kod najbolje je sve zajedno ubaciti direktno u HTML kod predloska. Preporucam da se ubaci izmedju prvog i drugog BOX-a recimo ispred <!– Drugi box –> Evo i kompletnog koda sa mojeb bloga kojeg mozete za test samo kopirati pa se onda dalje igrati sa dodavanjem linkova i stanica.

<table width="165" cellspacing="0" cellpadding="2" border="0" align="center" bgcolor="000" summary="">
    <tbody><tr><td>
            <div id="mediaplayer"> </div><hr>
                <a href="mms://media.t-com.hr/101" onclick="play(this.href);return false"> – Radio 101</a><br>
                <a href="http://www.plaviradio.hr/stream.asx" onclick="play(this.href);return false"> – Plavi Radio</a><br>
                <a href="http://www.hrt.hr/streams/hr1.asx" onclick="play(this.href);return false"> – HRT 1</a><br>
                <a href="http://www.hrt.hr/streams/hr2.asx" onclick="play(this.href);return false"> – HRT 2</a><br>
                <a href="http://www.hrt.hr/streams/hr3.asx" onclick="play(this.href);return false"> – HRT 3</a><br>
                <a href="http://www.radio-cibona.hr/cibona-stream.m3u" onclick="play(this.href);return false"> – Radio Cibona</a><br>
                <a href="http://www.hrt.hr/streams/sljeme.asx" onclick="play(this.href);return false"> – Sljeme</a><br>
                <a href="http://www.obiteljski.hr/ObiteljskiRadio.asx" onclick="play(this.href);return false"> – Obiteljski</a><br>
                <a href="mms://media.t-com.hr/www.narodni.hr" _fcksavedurl=""mms://media.t-com.hr/www.narodni.hr"" _fcksavedurl=""mms://media.t-com.hr/www.narodni.hr"" _fcksavedurl=""mms://media.t-com.hr/www.narodni.hr"" _fcksavedurl=""mms://media.t-com.hr/www.narodni.hr"" _fcksavedurl=""mms://media.t-com.hr/www.narodni.hr"" onclick="play(this.href);return false"> – Narodni</a><br>
                <a href="http://streaming.zadar.net:8000/radio057.m3u" onclick="play(this.href);return false"> – Radio 057</a><br>
                <a href="http://streaming.zadar.net:8000/zadar.ogg.m3u" onclick="play(this.href);return false"> – Radio Zadar</a><br>
                <a href="mms://www.netlivebroadcast.com/Radio _fcksavedurl=""mms://www.netlivebroadcast.com/Radio" _fcksavedurl=""mms://www.netlivebroadcast.com/Radio" _fcksavedurl=""mms://www.netlivebroadcast.com/Radio" _fcksavedurl=""mms://www.netlivebroadcast.com/Radio" _fcksavedurl=""mms://www.netlivebroadcast.com/Radio" Brod" onclick="play(this.href);return false"> – Radio Brod</a><br>
                <a href="mms://media.t-com.hr/rkc128" onclick="play(this.href);return false"> – Radio Koprivnica</a><br>
                <a href="mms://www.netlivebroadcast.com/Petrinjski%20radio" onclick="play(this.href);return false"> – Petrinjski</a><br>
                <a href="mms://wms.iskon.hr/Slavonski%20radio%20Osijek" onclick="play(this.href);return false"> – Radio Osijek</a><br>
                <a href="http://radioriva.myftp.org" onclick="play(this.href);return false"> – Radio Riva</a><br>
                <a href="http://www.radioritam.hr/play.asx" onclick="play(this.href);return false"> – Radio Ritam</a><br>
   </td></tr></tbody>
</table>

I to je otprilike to. Isto tako se ugradjuje i TV samo se malo poveca "ekran" u skripti i promijene linkovi. Dalje se sami malo poigrajte. Ako zelite dodati jos jedan player morat cete dodati jos jednu skriptu, promijeniti ime komande i csid da se ne pomjesaju. Morat cete dodati i jos jednu definiciju u CSS. Klikajte, razmisljajte skuzit cete sta i kako. Ako pak zapnete… a hebga, pokusat cu pomoci kolko mogu.

Hint: Otvorite "Viev Sorce" i pogledajte kod na mojem blogu, ako malo mucnete glavom sve je u kodu, nemrete fulati.

A za one kojima se ne da gnjaviti sa svime evo kod koji mozete ubaciti u neki box na svom blogu i imati radio ili TV bez cijele ove zezancije.

Radio
<iframe src="http://zombix.net/rtvzomb/radio.htm" width="170" height="600" frameborder="0" marginwidth="2" marginheight="2" scrolling="no"></iframe>

TV
<iframe src="http://zombix.net/rtvzomb/iptv.htm" width="170" height="600" frameborder="0" marginwidth="2" marginheight="2" scrolling="no"></iframe>

Evo, nadam se da sam nekom makar malo pomogo. BTW ubacivanjem ovog iFrame koda pogledajte da li se vidi cijeli box ili mozda malo fali ili je viska pa pokusajte podesiti height="600" povecanjem ili smanjivanjem visine. Naravno, ubacivnjem koda cete ubaciti i link na moj blog pa buteme malo reklamirali. :-) Pa ako vam to smeta onda se poigrajte sami.

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...


12 Comments for this entry

  • pacjent
    veljača 14th, 2007 on 15:53

    Not Found
    The requested URL /rtvzomb/iptv.htm was not found on this server.

    Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.

    Odgovori
  • T-Zombix
    veljača 14th, 2007 on 16:18

    Haha, e jesam konj. Napisem post, slozim stranice i onda odem na kavu bez da stavim stranice online… :-)) A sorry, i hvala na dojavi, ko zna kad bi ja skuzio sta sam zeznuo.

    Odgovori
  • Hanni
    siječanj 13th, 2008 on 20:04

    Dali postoji mogucnost da se ubaci neki drugi radio recimo pink radio ili bilo koji drugi radio.
    Unaprijed zahvalan

    Odgovori
  • Zombix
    siječanj 14th, 2008 on 01:27

    Naravno, samo treba zamjeniti URL sa željenim URL-om.

    Odgovori
  • Hanni
    siječanj 14th, 2008 on 18:30

    Hvala puno najbolji si :)

    Odgovori
  • HELL RAISER
    siječanj 17th, 2008 on 01:48

    KAJ DA KAZEM SADA JE CCA 0:43 UJUTRO I ZGUBIO SAM 4 H DA SE DOKOPAM 2 LIVE STREAM KODA OD RADIO POSTAJA KO ZNA DOKLE BI CACKAO DA DODEM DO OSTALIH CAK SAM GLEDAO I PO WEBOVIMA SOURCE COD ALI NIGDJE DA ISCACKAM KOMPLET HR POSTAJA SVI IH IMAJU A NIKO IH NEDA TVOJ CLANAK SA KODOM ZA RADIO POSTAJE ME JE SPASIO BESANE NOČI ,

    BOG TE BLAGOSLOVIO KAD ZAVRSIM SVOJ WEB JAVIM TI E -MAILOM PA U ZNAK HVALE STAVIM TVOJU REKLAMU SA TVOJIM LINKOM GORE .SPASIO SI ME MUKE SAD IMAM VISE VREMENA ZA OSTALO , ZA SVAKU JE POHVALU STO SI STAVIO GOTOV KOD AKO SE LJUDIMA NEDA CACKATI I UCITI JOS JEDNOM HVALA ;)

    Odgovori
  • dean
    svibanj 27th, 2008 on 18:57

    kako da stavim da vide radio kazu da gs ne vide i kako da stavim narodni

    Odgovori
  • Ivana
    svibanj 30th, 2008 on 21:55

    Pozdrav,ja bi htjela pitat na koji način je moguće napravit svoj radio tako da ti puštaš glazbu na njemu i da ga mogu stavit na svoj chat i blog,pa ako neko zna molila bih vas da mi objasnite!Već sam napravila radio stanicu preko winampa ali onda odem na tu stranu i samo tamo mogu slušat svoj radio ali mi nije jasno kako napravit radio player a da sviraju pjesme s mojeg kompa!

    Odgovori
  • mimi
    prosinac 27th, 2008 on 23:09

    Cao.Pisem ti uvezi radio stanice na blogu.Ja sam sve kopiro ko u tebe na blogu ali kako da ubacim drugi radio.

    Odgovori
  • Zombix
    prosinac 27th, 2008 on 23:13

    Zamijeni link na stream radio stanice. Link je u kodu i kao i svaki link počinje sa http:// ili mms:// na početku i kraju su “” dakle između njih samo ubaci link koji želiš i to je to…

    Odgovori
  • Cigo
    siječanj 10th, 2009 on 19:25

    Bas me je zanimalo kako se radio stanice ubacuju ali kod mene jedan drugi problem.
    Radim stranicu na WordPress i malo me zbunjuje ovo HEADER sta je to i gdje bude on jer nikada cuo za to nisam.
    Hvala

    Odgovori
  • DyJasko
    lipanj 3rd, 2009 on 14:14

    Mene zanima ako bi mozda znao neko da ubacim ovde
    http://xat.com/RadioAmbasadaUzivo
    radio i pravila i take fore ja sam to sam probavo ali nikako da mi uspje zato molim da mi odgovorite na email ili mi se javite na mome chatu.
    DyJasko@hotmail.com
    http://xat.com/RadioAmbasadaUzivo

    Hyala Vam Velika NA Pomoci

    Odgovori

Leave a Reply

Twitter Users
Enter your personal information in the form or sign in with your Twitter account by clicking the button below.

zombix.net