Selasa, 13 Januari 2015

VIDEO STREAMING MENGGUNAKAN VLV BERBASIS WEB DENGAN XAMPP

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.

XAMPP adalah software web server apache yang di dalamnya tertanam server MySQL yang didukung dengan bahasa pemrograman PHP untuk membuat website yang dinamis. XAMPP sendiri mendukung dua system operasi yaitu windows dan Linux. Untuk linux dalam proses penginstalanny menggunakan command line sedangkan untuk windows dalam proses penginstalannya menggunakan interface grafis sehingga lebih mudah dalam penggunaaan XAMPP di Windows di banding dengan Linux.
Sebelum kita membahas cara mengenai penginstalan dan penggunaan dasar XAMPP alangkah lebih baiknya jika kita mengetahui terlebih dahulu aplikasi apa yang ada di dalam XAMPP yang merupakan aplikasi vital bagi berjalannya XAMPP dengan baik. DIdalam XAMPP ada 3 komponen utama yang di tanam di dalamnya yaitu web server Apache, PHP, dan MySQL. XAMPP adalah "Perangkat lunak bebas ("FREE") yang mendukung  banyak System Operasi.
XAMPP singkatan dari :
·            X (yang berarti cross-platform)
·            A (Apache)
·            M (MySql)
·            P (php)
·            P (Perl)
XAMPP ini bisa kita Download dari situs resminya di apachefriends secara gratis ,namun pada percobaan ini kita dapatkan software nya dari dosen


Berikut adalah langkah-langkah nya :
    1.       Install xampp telebih dahulu ,perhatikan gambar dibawah ini :
       setelah kita dapatkan software tadi maka kita install muncul pertama kali installer Language seperti dibawah ini


fungsi Installer Language adalah memilih bahasa yang digunakan pada instalan nya nanti ,kemudian klik ok. Hingga muncul tampilan dibawah ini setelah semua proses Xampp kita install.


setelah tampilan diatas muncul maka kita klik Finish ,sehingga Xampp telah terinstall pada desktop kita.
 
  2.       Setelah terinstal buka kembali xampp nya lalu pilih apache  ,seperti terlihat dibawah ini

 
fungsi apache ini yaitu : menghasilkan halaman web yang benar sesuai dengan yang dibuat oleh seorang web programmer ,dengan menggunakan kode PHP (bahasa pemograman untuk membuat web).

 3.       Kemudian buat folder didalam htdocs yang ada didalam xampp folder


fungsi dari htdocs ini yaitu :  tempat meletakkan berkas-berkas yang akan dijalankan, seperti berkas PHP ,HTML ,dan skrip lainnya. Disini saya membuat folder dengan nama video ,dapat dilihat seperti dibawah ini :   


setelah selesai kita buat folder tadi ,selanjutnya kita minta tes Notepad pada instruktur (dosen) ,bisa dilihat seperti dibawah ini :


sebelum nya kita copy kan juga vidio yang ingin kita putar kan nanti pada folder yang kita buat tadi. Disini saya mengambil judul vidio 391 didalam folder vidio.

 4.       setelah itu kita buka tes nya tadi ,muncul lah tampilan seperti dibawah ini :

Masukkan vidio  yang ingin kita lihat pada tes Notepad nya ,saya mengambil judul vidio 391

  
 5. lalu kita kita save pada tes Notepad nya program yang telah kita atur tadi    
,selanjutnya kita buka di web : perhatikan tampilan gambar di bawah ini 

   
 cara cek vidio pada web yaitu : localhost/video/tes.html

6. kita juga bisa memutarkan vidio milik pc lain dengan memasukkan alamat   ip nya ,seperti tampilan dibawah ini :


                         cara cek dengan ip : 172.16.30.39/video/tes.html
Tambahan : ip yang saya gunakan adalah ip instruktur (dosen)
 
    7.       Kemudian untuk percobaan berikut nya adalah membuat sebuah list ,tujuan adalah agar kita bisa memasukkan banyak vidio yang ingin kita putar nanti nya. Sama seperti percobaan sebelum nya untuk list ini kita juga minta sama instruktur (dosen) list Notepad nya ,perhatikan tampilan dibawah ini :


sebelum nya kita juga masukkan judul vidio yang ingin nanti kita putarkan ,saya mengambil vidio dengan judul 391,366 dan 367 ,setelah itu kita buka list nya muncul lah tampilan dibawah ini :


setelah itu kita save pada list Notepad nya ,lalu kita buka pada web browser seperti dibawah ini :

      cara cek nya yaitu : masukkan ip/vidio/list.html

Tambahan : 172.16.30.38 merupakan ip pc yang saya gunakan dalam percobaan ini. untuk pengecekan tampilan suatu vidio saya lupa untuk menyimpan 3 judul diatas (human error) ,namun untuk percobaan ini saya berhasil membuat list seperti perintah instruktur (dosen) pada percobaan ini.

Demikian lah percobaan dalam menampilkan video streaming dengan menggunakan vlc berbasis web (xampp) ini,semoga bermanfaat. Terima Kasih.