Membuat sendiri online streaming radio berbasis web

Jaman sekarang yang namanya mendengarkan radio sepertinya sudah menjadi sesuatu yang boleh dibilang kuno atau ketinggalan jaman.  Bayangkan saja,  ketika kita ingin mendengarkan radio kita harus berada dalam radius kota tempat radio berasal.

Pertanyaanya bagaimana kalau kita berada diluar kota, tentunya kita tidak bisa menikmati siaran radio yang kita sukai bukan...?.

Saat ini banyak stasiun radio yang memutar otak, dan mengusahakan bagaimana agar radio mereka bisa dinikmati oleh banyak orang diseluruh dunia , tanpa harus berada dekat dengan stasiun radio yang ada di kotanya.

Teknologi yang digunakan untuk mewujudkan impian mereka adalah dengan menggunakan Aplikasi Online Streaming Radio. Aplikasi online streaming radio bisa dibuat dengan berbasis web, desktop maupun mobile.

Kali ini saya akan memberikan tutorial bagaimana membuat Online streaming radio berbasis web.

Ok langsung saja

Untuk membuatnya pertama2 kita harus menyediakan aplikasi playernya dulu. Player radio steaming dapat dibuat menggunakan flash player maupun html 5. Pada tutorial saya kali ini kita coba dengan menggunakan flash player

silahkan buat file bernama player.html  lalu ketik sintax berikut ini

<embed type="application/x-shockwave-flash" flashvars="audioUrl=MP3_FILE_URL" src="http://www.google.com/reader/ui/3523697345-audio-player.swf" width="400" height="27" quality="best"></embed>

maka hasil tampilannya akan seperti ini



Ketika anda mengklik tombol play, tidak akan terjadi apa2 karena kita belum mngisikan alamat url radio yang dituju.

Caranya ganti MP3_FILE_URL  dengan alamat dibawah ini :


  1. Kaskus radio   http://us.kradio.in:8888/; atau 
  2. Unisi radio Jogajakarta   http://202.162.32.23:8000/; 

Demo Aplikasi Online Streaming radio

Unisi radio Yogyakarta




Kaskus radio Jakarta



Nah sekarang anda bisa mendengarkan radio favorit anda dimanapun dan kapanpun asalkan terkoneksi dengan internet.



Download Source Code




Selamat mencoba, semoga bermanfaat 


Penulis 


Fuad Indra setiawan

0 comments:

Posting Komentar