Radio Streaming dengan Javascript

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Beberapa hari nggak nongkrong di blog  karena zuper-zuper zibuk dikejar deadline kerjaan yang memerlukan konsentrasi penuh. Jadi mohon maaf kepada sobat-sobat semua untuk beberapa hari kedepan saya tidak ada aktivitas BW.

Emang asyik saat kerja bikin program ditemani audio music yang diputar winamp. Namun lama-lama bosan juga lagunya itu-itu aja, mau download MP3 di stafaband dot info  malas. Alternatifnya coba mencari radio streaming, Alhamdulillah kebosananpun hilang, dan bekerja pun makin asyik ditemani nada-nada  dari radio streaming,,,,

Mendengarkan hanya di satu radio streaming, lama-lama bosan juga,,,,  aaah,,, dasar manusia, nggak ada puas-puasnya,  coba lagi searching stasiun radio lain yang menyiarkan secara online di internet.  Akhirnya setiap bosan maka browser kubuka ke address lain  begitu seterusnya ,,,, 


Disela-sela istirahat saya berfikir agar mudah berpindah-pindah dari satu stasiun radio ke stasiun radio yang lain harus dibuatkan playlistnya.  Walau di winamp atau software  lainnya sudah support untuk memutar radio streaming, namun rasanya lebih puas dengan playlist bikinan sendiri.

Akhirnya malam kemarin saya mencoba bikin pemutar radio yang memanfaatkan audio player dari microsoft gratis untuk kita pakai di blog.  Playlistnya saya bikin dengan javascript sedangkan skinnya hanya dengan HTML sederhana. Untuk berpindah ke stasiun radio lain anda tinggal click saja di playlistnya. 

Radio Baraya Sunda Bandung

Script ini belum sempurna yaitu HANYA BERFUNGSI  DI FIREFOX,  sedangkan di browser lain tidak berfungsi. Insyaallah lain waktu saya teliti ulang agar bisa berjalan di semua browser.

Bila di firefox belum muncul playernya, coba install dulu PLUGIN nya bisa download di http://www.interoperabilitybridges.com/windows-media-player-firefox-plugin-download 

Bila setelah di click satu stasiun radio hanya tampil tulisan Ready pada player ini berarti stasiun tersebut sedang off air.


Bagi yang mau menampilkan Radio Streaming dengan Javascript monggo copy paste saja code berikut

<script language="javascript">
var NamaRadio=["Radio Baraya Sunda Bandung",
             "Radio Ardan FM 105.9 Bandung",
             "Brava Radio 103.8 FM Jakarta",
             "Pro1 RRI Jakarta Pusat",
             "Pro2 RRI Jakarta Pusat",
             "Pro4 RRI Jakarta Pusat",
             "KIS 95.1 FM Jakarta",
             "Suara Surabaya 100 FM",
             "She Radio 99.6 FM Surabaya",
             "Pas FM 104.3 Surabaya"];
var Streaming=["http://199.167.134.163:7910",
              "http://live.ardanradio.com:8228",
              "http://streaming.mramedia.com:8000",
              "http://live.indostreamserver.com:9120",
              "http://live.indostreamserver.com:9050",
              "http://live.indostreamserver.com:9280",
              "http://kisfm.kulcard.com/ezfiles/88/1088/img/764/live.m3u",
              "mms://wma1.viastreaming.net/radiossfm",
              "http://s7.viastreaming.net:8290",
              "http://radio.mitra.net.id:8102" ];
</script>

<style>a.radio:link{color:#41e338;background-color:#000;text-decoration:none}a.radio:visited{color:#41e338;background-color:#000;text-decoration:none}a.radio:active{color:#41e338;background-color:#000;text-decoration:none}a.radio:hover{color:#f6061a;background-color:#e2f606;text-decoration:none}a.me:link{color:#c2c0c7;background-color:#000;text-decoration:none}a.me:visited{color:#c2c0c7;background-color:#000;text-decoration:none}a.me:hover{color:#c2c0c7;background-color:#000;text-decoration:none}a.me:active{color:#c2c0c7;background-color:#000;text-decoration:none}</style><br /><div align="center"><div style="background-color:black;border-color:#000;border:solid;height:200px;width:300px"><embed autoplay="0" autosize="0" autostart="1" enablefullscreencontrols="true" height="80" id="mplayer" mute="false" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" showcontrols="1" showdisplay="0" showstatusbar="1" showtracker="1" src="" transparentatstart="0" type="application/x-mplayer2" uimode="full" volume="100" width="300"></embed><br /><div align="left" style="height:115px;margin-left:5px;margin-right:0;overflow:auto"><script language="javascript" src="http://sakahayangdotcom.googlecode.com/files/pr_myradio.js"></script></div></div><div style="background-color:black;margin-left:0;width:306px"><span style="color:white"><marquee id="select" scrolldelay="250">Radio Baraya Sunda Bandung</marquee></span></div></div>

Bila ada Stasiun Radion kesayangan anda belum tercantum dalam list, silahkan tinggal ditambahkan pada array yang berwarna merah dimana variabel array NamaRadio adalah nama radionya  yang akan tampak pada playlist  sedangkan variabel array Streaming adalah  URL  streaming radio tersebut. Penempatannya harus bersesuaian antara NamaRadio dan Streaming,  dengan kata lain bila nama radio berada pada urutan satu maka URL streamingnya juga pada urutan satu.

Bagi sobat-sobat yang jago di CSS3  saya tawarkan kerja sama untuk membuat skinnya dan saya javascriptnya ,,,,,  ayo siapa yang mau ?  Nanti nama blog anda akan tampil sebagai kontributor.

Catatan :
Aplikasi ini sudah diperbaharui, silahkan baca di : RADIOKU V 2.0 dengan Javascript

ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين

Jika sobat menyukai artikel atau tutorial di blog ini, Silahkan ketik email di sini untuk berlangganan GRATIS via EMAIL , dengan begitu sobat akan mendapatkan kiriman artikel atau tutorial setiap ada yang terbit di Sakahayang Dot Com :

Delivered by FeedBurner

Artikel Terkait: