Video Streaming Berbasis Web dengan XAMPP

Video Streaming Berbasis Web dengan XAMPP

1. Landasan 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.

1.2 Pengenalan 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 Kerja 

1. Installan XAMPP pada Windows yang ada di PC

  

2. buka kembali xampp nya lalu pilih apache

3. buat folder didalam htdocs yang ada didalam xampp folder 

 

buat folder dengan nama video  

masukkan file video yang akan di sharing dan format text html yang akan dimunculkan pada web nanti.

4. Untuk isi format text html yang diberi nama tes.html seperti tampilan berikut 

judul video pada file html harus sama dengan nama file video yang akan dishare.

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 seperti tampilan diatas. 

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

 

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

9. Kita juga bisa memutarkan video yang ada dipc lain dengan memasukkan alamat  ip nya   172.16.30.39/video/tes.html

 






 10. Kemudian untuk percobaan berikut nya adalah membuat sebuah list ,tujuan adalah agar kita bisa memasukkan banyak vidio yang ingin kita putar nanti nya 

 

 sebelum nya kita juga masukkan judul video 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 :




buka pada web browser masukkan ip/vidio/list.htm

   

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