tutorial membuat iptv berbasis web_2

L A B O R A T O R I U M C n C

1

TUTORIAL MEMBUAT IPTV BERBASIS WEB

Hardware yang dibutuhkan :

Min 3 buah PC sebagai server

Sebuah PC sebagai client

TV tuner

Antena TV

Speaker / Headset

Software yang dibutuhkan :

VLC-1.1.11-win32

dalam pembuatan IPTV ini kita membutuhkan VLC untuk menstreaming siaran yang

ditampilkan ke browser. Selain itu kita menggunakan VLC sebagai plugin player

video di website kita. Download ” http://www.videolan.org/”

XMAPP

Dalam pengerjaan IPTV ini kita membutuhkan XAMPP sebagai webserver.

download http://sourceforge.net/projects/xampp/files/XAMPP%20Windows/

Mozila Firefox

Kita menggunakan Mozila karena hanya mozila firefox yang suport terhadap VLC

plugin.

Website

Dalam pengerjaan kali ini langsung menggunakan website yang ada. Dapat di

download di http://pinguin.ittelkom.ac.id//tp/data/ci_iptv.rar atau di

https://github.com/revolunet/VLCcontrols . Revolunet telah memberikan player VLC

berbasis JQUERY, tetapi hanya dapat digunakan untuk VLC 1.1 ke atas. Dalam

tutorial ini kita menggunakan website yang sudah jadi.

I. Konfigurasi Jaringan

Pada tutorial kali ini kita membutuhkan tiga buah server dikarenakan satu buah server

hanya bisa satu chanel. Jadi dalam konfigurasi di atas kita memiliki tiga buah chanel

dalam tiga buah server. Konfigurasi jaringan yang akan di buat adalah seperti gambar di

bawah ini :

L A B O R A T O R I U M C n C

2

Server 1Server 2

Server 3

TV Tuner ANTENA TV

Gambar konfigurasi jaringan yang akan dibuat

Server kedua berisi VLC yang memutar chanel video. Server ketiga VLC

berisi chanel yang diambil dari siaran televisi yang ada di sekitar, cth “SC*V, RC*I,

dll”. Sedangkan server pertama berisi webserver dan VLC yang memutar chanel

video. Sehingga, ketika client membuka website yang kita buat ia dapat memilih

chanel dari tiga buah server yang ada (video1, video2, siaran televisi ).

II. Konfigurasi

A. Konfigurasi IP pada tiap komputer

1. Settinglah IP server pertama 10.4.51.65/24

2. Settinglah IP server kedua 10.4.51.3/24

3. Settinglah IP server ketiga 10.4.51.2/24

4. Settinglah IP client 10.4.51.5/24

B. Pengaturan server 1

1. Install XAMPP.

2. Install VLC. Saat menginstall jangan lupa menceklist VLC mozila plugin.

3. Download website dan copy ke C:/xampp/htdocs. Tergantung kita menginstall

di mana. Bukalah file iptv.php dan right.php yang terletak di

“htdocs/ci_iptv/application/views”. Pada iptv.php carilah line 94 – 97.

L A B O R A T O R I U M C n C

3

4. Dapat dilihat di sana terdapat script di bawah ini :

94

95

96

97

<input id='uri' value='http://127.0.0.1:8080' type='hidden'>

<input id='uri1' value='http://10.4.51.65:8080' type='hidden'>

<input id='uri2' value='http://10.4.51.3:8080' type='hidden'>

<input id='uri3' value='rtp://@229.1.1.1:1234' type='hidden'>

Dapat kita lihat pada line 94 berfungsi untuk mengambil siaran yang di

stream oleh server pertama dengan alamat 127.0.0.1:8080 ( localhost ). Line

95 untuk mengambil siaran yang di stream oleh server pertama juga. Jika

server pertama ingin melihat hasil streamingan ia sendiri maka ia

menggunakan localhost. Sedangkan jika komputer lain yang ingin melihat

streamingan dari server pertama, maka menggunakan line 95 atau IP server

pertama. Sedangkan line 96 untuk server ke dua dan line 97 untuk server ke 3.

5. Buka VLC player dan pilih media>stream. Atau Ctrl+S

6. Pilih video yang ingin di tampilkan dengan mengklik tombol “Tambah”,

kemudian klik “Stream”.

L A B O R A T O R I U M C n C

4

7. Setelah itu klik next atau maju.

8. Pada pilihan file, pilihlah HTTP karena pada website meminta protokol HTTP.

“lihat langkah ke 4”. Jika sudah klik “Tambah”. Setelah itu pilih Codec yang

sesuai dan klik “Stream”. Pilihan Tampilkan secara lokal hanya opsional, jika

ingin di tampilkan di VLC juga, maka ceklist.

L A B O R A T O R I U M C n C

5

9. Bukalah mozila dan buka alamat http://10.4.51.65/ci_iptv. Kemudian klik

tombol AMERIKA.

Bagian kiri dari VLC dan bagian kanan dari browser.

10. Selesai, kita dapat melihat tampilan yang di streaming oleh VLC pada server

pertama.

C. Pengaturan server 2

1. Ikuti langkah 2, 5, 6, 7, 8 pada server pertama untuk memutar video.

2. Pada sisi client bukalah mozila dan buka alamat http://10.4.51.65/ci_iptv.

Kemudian klik tombol INDONESIA, maka video akan berputar juga.

D. Pengaturan server 3

1. Pada server ini akan diputar siaran yang di dapat dari antena. ( RC*I, dll ).

2. Mungkin dalam tutorial ini tidak dapat di tunjukkan karena tidak adanya TV

Tuner. Tetapi yang jelas protokol yang digunakan RTP dengan IP multicast

yaitu 229.1.1.1:1234, sesuai script pada line 97.

L A B O R A T O R I U M C n C

6

3. Jika sudah, pada client dapat mengklik “Live Stream”. Maka akan keluar

siaran yang sama seperti sairan server ketiga.

E. Konfigurasi Jaringan Yang lengkap

10.4.51.5/24

10.4.51.65/24 10.4.51.2/2410.4.51.3/24

TV TUNER

ANTENA

SERVER 2

Terdapat VLC

( sumber VIDEO )

SERVER 1

Webserver beserta

Website

Terdapat VLC

( sumber VIDEO )

SERVER 3

Terdapat VLC

( sumber Siaran TV live )