Sabtu, 17 Januari 2015

KONFIGURASI VIDEO ON DEMAND (VOD) DENGAN XAMPP

Muhammad Taufiq Israr
1220301040
Teknik Elektronika Telekomunikasi, Politeknik Caltex Riau
muhammadtaufiqisrar@gmail.com 


1. DASAR TEORI

1.1 Pengertian Video Streaming

     Video streaming adalah istilah yang sering kita gunakan saat melihat video diinternet melalui browser dimana kita tidak perlu men-download file video tersebut untuk dapat memutarnya. Istilah ini tersebut terdiri dari dua suku kata yaitu video dan streaming, secara istilah video berarti teknologi untuk menangkap, merekam, memproses, mentransmisikan dan menata ulang gambar bergerak, sedangkan streaming berarti proses penghantaran data dalam aliran berkelanjutan dan tetap yang memungkinkan pengguna mengakses dan menggunakan file sebelum data dihantar sepenuhnya. Jadi video streaming dapat diartikan transmisi file video secara bekelanjutan yang memungkinkan video tersebut diputar tanpa menunggu file video tersebut tersampaikan secara keseluruhan.
 
     Video streaming banyak diimplementasikan pada dunia pertelevisian untuk melakukan siaran dari website atau mengirimkan gambar siaran langsung melalui website atau disebut juga live streming. Jadi gambar yang didapatkan dari siaran langsung, sesegera mungkin ditransmisikan dan dapat diputar melalui internet.

     Atau biasa juga di sebut dengan VOD ( Video On Demand ) Salah satu hal yang ingin bisa dicapai dari industri komunikasi adalah memberikan kontrol yang penuh terhadap para penggunanya. Karena itulah konsep Video-On-Demand coba dikembangkan. Melalui konsep ini pengguna akan memiliki kebebasan penuh untuk memilih apa yang ingin ia lihat. Semuanya berjalan secara interaktif dan menggunakan tombol serta perintah yang sederhana. Bisa pause, rewind, fast forward, atau apapun yang kita inginkan. Melalui VOD juga akan terbuka peluang untuk menyimpan apa yang kita lihat. VOD menjanjikan kepuasan yang sifatnya lebih personal. Kepentingan pribadi satu orang lebih diutamakan dibandingkan kemauan orang banyak.
Jadi, VOD adalah sebuah konsep di mana sistem pertelevisian yang sudah bersifat sangat interaktif dengan fasilitas pemilihan content dari sebuah acara televisi. Ini bisa berupa film, serial, potongan berita, atau apapun yang kita inginkan. Semua tinggal sebut, pesan, dan bayar. Maka kita pun bisa menikmatinya.


1.2 XAMPP
   
     Karena kita menggunakan XAMPP sebagai server yang standalone maka saya akan menjelaskan sedikit tentang XAMPP.

     XAMPP  adalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program.Fungsinya adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (empat sistem operasi apapun), Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GNU General Public License dan bebas, merupakan web server yang mudah digunakan yang dapat melayani tampilan halaman web yang dinamis. Untuk mendapatkanya dapat mendownload langsung dari web resminya.



     Software yang merupakan software web server apache yang di dalamnya sudah terdapat database seperti mysql, php dan masih banyak lagi. Kelebihan software web server XAMPP ini di banding dengan software web server lain adalah dalam satu kali install software ini telah sekaligus terinstall Apache Web Server, MySQL Database Server, PHP Support.

Apache
Software ini bisa kita dapatkan secara gratis, dan bersifat open source. Atau dalam artian
kita dapat menggunakan dan mengubah script secara gratis. Fungsi dari Apache adalah menampilkan halaman web sesuai dengan script php yang telah di buat sebelumnya.
PHP
Merupakan bahasa pemograman yang sering di gunakan untuk web server. PHP memungkinkan pengguna atau user untuk membuat web dinamis (dapat di ubah). PHP dapat berkerja di berbagai macam Operating System seperti, windows, linux, mac os, dan lainnya. Sama halnya dengan Apache, software ini juga bisa di dapatkan secara gratis.
MySQL
SQL atau Structured Query Language merupakan software yang khusus di gunakan untuk mengolah database. Hal ini memungkinkan SQL untuk dapat menambah, mengubah, menghapus data yang terdapat dalam database. SQL merupakan software yang bersifat rational atau dalam artian program ini menggunakan tabel data untuk memisahkan beberapa data yang memungkinkan untuk menghindari duplicate data.
PHPmyAdmin
Dengan fitur PHPmyAdmin ini, kita akan dapat dengan mudah membuat baris data ataupun database tanpa harus mengingat perintah-perintahnya.

2. LANGKAH-LANGKAH KONFIGURASI

1. Melakukan pengisnstalan XAMPP pada PC anda.


2. Jika sudah selesai melakukan penginstalan XAMPP maka selanjutnya buka XAMPP Control Panel maka akan tampak seperti gambar di bawah ini.

Ada banyak modul yang di sediakan oleh XAMPP namun kita hanya menggunakan modul Apache, kemudian klik start pada pilihan apache


Jika berhasil di jalankan maka tampilannya akan seperti gambar di atas.

3. Kemudian kita masuk ke folder tempat dimana XAMPP di simpan, pada PC saya XAMPP tersimpan di  Local Disk (C:). Kemudian klik XAMPP lalu pilih file htdocs. Kemudian tambahkan folder baru dengan nama yang kita inginkan.

Tujuannya penambahan folder ini adalah sebagai tempat pemyimpanan video dan file html yang berfungsi untuk melakukan proses streaming video on demand



Ingat dalam pemberian nama folder jangan sampai ada spasi antar namanya, misalnya VOD On VLC itu akan menyebabkan XAMPP akan gagal membacanya, maka lakukan pemberian nama seperti ini VOD_On_VLC.

4. Pada gambar di atas saya memberi nama foldernya VOD_On_VLC, kemudian masukan file video yang akan di sharing dan format text.html yang akan muncul pada Web nantinya.


5. Kemudian isi format text yang telah dibuat dan yang di beri nama test.html seperti gambar di bawah ini.

     Membuat folder video pada htdocs dan masukkan file browser dengan fvahasa HTML untuk membuka videonya ,sebelumnya kita harus mempunyai video dan mengetahui resolusi video yang kita-gunakan. Pada percobaan kali ini saya mempunyai video dengan nama antena-the-other-wheel.mpg dengan resolusi video width =288 height =240. mengetahui resolusi video dapat dilakukan dengan klik kanan pada video tersebut lalu pilih properties dan pilih detail.


     Untuk autoplay dan loop dapat diganti dengan yes sesuai dengan keinginan penyedia VOD ,jika autoplay diganti yes maka video akan secara otomatis play jika browser di akses,jika loop diganti yes maka saat video telah selesai video akan melakukan play ulang secara otomatis

6. Video yang akan dishare selanjutnya akan diputar menggunakan aplikasi VLC. Lakukan pengecekan pada mozilla firefox apakah sudah aplikasi VLC-nya ter integrasi terhadap mozilla firefox dengan cara mengklik tools kemudian add-ons kemudian plugins. Jika sudah terintegrasi, akan keluar tampilan seperti gambar di bawah ini :


7.  Kemudian tinggal kita buka video pada web browser ,karena kita memasukkan file video dalam folder htdocs/VOD_On_VLC dan video dibuka melalui html pemanggil video dengan nama test.html sehingga untuk membuka video pada brower ketik localhost/VOD_On_VLC/test.html , lalu play video sehingga video telah dapat diputar pada browser web seperti yang ditunjukkan pada gambar berikut :


8. Selanjutnya klik tombol play untuk menjalankan video streaming yang telah disharing tadi. Jika tampilan seperti berikut maka video streaming via web yang telah kita buat berhasil.


Pada kali ini saya menggunakan video yang ukuran filenya kecil yaitu .mpg dan mengakibatkan ukuran videonya pada tampilan seperti diatas sangat kecil, anda dapat memasukan video dengan ukuran file yang lebih besar seperti mp4

9. Jika kita ingin memasukkan lebih dari satu video pada webserver dapat kita harus membuat list video yang ingin kita masukkan , prinsipnya adalah membuat list html . Jika kita mempunyai 2 video maka kita harus membuat 2 html pemanggil video,sebelum itu agar kita dapat memanggil HTML file pada masing masing video maka kita harus mengetahui alamat IP yang didapat kan oleh PC web server , kali ini saya mendapatkan IP 192.168.43.141. Kemudian buat file HTML untuk pembuat daftar list link video seperti berikut,nama file HTML list.html


kemudian buat file.html untuk video yang telah di buat filenya pada list.html di atas :



10. Tampilan setelah ditambahkan file list.html dan 2 video lainnya :



11. Jika langkah - langkah diatas telah diikuti, maka dapat melakukan percobaan berhasil atau tidaknya konfigurasi yang dilakukan. Caranya ketik localhost/VOD_On_VLC/list.html maka akan terlihat daftar video yang telah kita masukkan pada web server


Kita juga dapat mengakses video yang di share teman kita dengan cara memasukan IP yang dimiliki PC teman kita tersebut.

Demikian langkah-langkah melakukan konfigurasi video streaming menggunakan XAMPP. 

Terima kasih




SUMBER REFERENSI
  • http://id.wikipedia.org/wiki/Video_on_demand
  • http://solylight.blogspot.com/2013/03/penjelasan-dan-fungsi-xampp.html
  • http://comput-techno.blogspot.com/2013/01/definisi-dan-fungsi-mysql-apache-dan-php.html
  • http://grajaganseo.blogspot.com/2013/12/pengertian-xampp-dan-manfaatnya.html)


Tidak ada komentar:

Posting Komentar