Senin, 28 Desember 2015

Konfigurasi Video On Demand dengan Menggunakan XAMPP

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.


 1.2 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.

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, 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, misalnyaVOD 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. 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.

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

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



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.