Video Streaming Berbasis Web dengan XAMPP

apa itu video streaming?

 Pengertian Video Streaming adalah sebuah komunikasi yang dilakukan melalui broadcast akses internet untuk menghasilkan sebuah gambar, video streaming bukan hal yang baru bagi kita di tanah air (Indonesia), sejak munculnya 3G (Generasi ke Tiga) pada sebuah telephone seluler video streaming bagaikan jamur bertumbuhan dimana-mana, hingga kepelosok tanah air.

Sebenarnya penggunaan video streaming ini sudah lama kita lakukan, mungkin kita sudah lupa dengan penggunaan kita pada Yahoo Messenger, skype, youtoube atau yang sejenisnya, kita sudah lakukan sebelum 3G menjamur, sekitar tahun 2008 lebih kurangnya, mulai muncul media televisi di Indonesia yang menggunakan video streaming, seperti metrotv, antv, transtv kini sudah sampai tv one 

 XAMPP

  XAMPP adalah software grafis gratis yang di tujukan pada pengguna Windows Operating System. Walaupun dalam versi linux telah ada software ini, namun dalam pengoperasiannya mengunakan perintah text. Hal ini mengakibatkan menjalankan software ini dalam linux sedikit sulit di banding dengan windows. Namun kelebihan software ini jika di jalankan pada linux lebih lancar di banding dengan windows.

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.

Langkah-langkah video streaming berbasis web dengan XAMPP

1. langkah pertama yaitu  Lakukan penginstallan XAMPP pada windows pada pc anda.berikut:

     

2.jika sudah terinstall,maka kita dapat mengecek apakah XAMPP kita gunakan dengan cara membuka di mozilla firefox.dimana menggunakan dns local host. seperti  contoh di bawah ini:
     

    

      

3 Selanjutnya Buka XAMPP  control panel, akan tampak jenis - jenis modules service yang disediakan oleh XAMPP. kemudian aktifkan module apache dengan  Klik start pada actions. Maka akan muncul  tampilan berikut :

    

4. langkah selanjutnya  masuk folder tempat penyimpanan XAMPP, untuk XAMPP yang ada di Windows yaitu  pada folder C: > xampp > htdocs tambahkan folder video pada htdocs.
  

     

       

             

  fungsi dari penambahan folder video ini yaitu  untuk penyimpanan video dan file html yang akan berfungsi untuk proses streaming video lewat web.

5 selanjutnya untuk di dalam folder video, silahkan memasukkan file video yang akan di sharing dan format text html yang akan dimunculkan pada web nanti.

     

6  format text html dapat di buat seperti gambar di bawah ini yang di beri nama test.html 

         

Judul video pada file HTML tidak boleh terdapat space. disini bole menyamakan  judul video pada file HTML dan judul video yang akan di share.

7 Video yang anda share, akan diputar menggunakan aplikasi vlc.kita dapat mengecek  vlc ter integrasi terhadap mozilla firefox dengan cara mengklik mengklik tools kemudian add-ons kemudian plugins. Jika sudah terintegrasi, akan keluar tampilan seperti berikut :

       

8. Selanjutnya mencoba apakah file video yang anda share dapat diakses dengan memasukkan alamat webnya yaitu localhost/video/tes.html

  

       

9. kemudian  klik play,untuk menjalankan video yang di sharing tadi. jika video dapat berjalan maka sharing video yang anda inginkan telah berhasil.berikut tampilanya:

   

           

10. untuk gambar di atas merupakan untuk menampilkan satu video, untuk berikut ini akan ditampilkan 2 buah pilihan video yang dapat dipilih. Adapun langkah yang perlu ditambahkan yaitu menambahkan file html. html yang ditambahkann terdiri dari list dimana berisi html untuk memilih video yang diinginkan dan juga html yang berisi content dari variasi video yang akan dishare.berikut merupakan tampilanya:

  

11.selanjutnya buat  isi file html list yang dapat kita  buat. disini harus  diperhatikan kesamaan judul video yang akan ditampilkan dengan penulisan pada file html.berikut merupakan tampilanya:

  

12. selanjutnya setelah langkah - langkah diatas telah diikuti, disini kita dapat  melakukan percobaan berhasil atau tidaknya konfigurasi yang dilakukan. Caranya masukkan dns pada browser seperti tampilan berikut : 

       

13.kita juga mengakses video yang dishare orang lain dengan cara memasukkan alamat IP yang dimiliki PC orang tersebut.Berikut tampilan yang dapat dilihat dari IP yang berbeda namun harus berada dalam satu lan karena DNS ini belum didaftarkan. 

     

demikianlah untuk membuat  Video Streaming Berbasis Web dengan XAMPP.

semoga bermanfaat