Video Streaming Berbasis Web dengan XAMPP

Penjelasan Video Streaming dengan XAMPP

             Streaming adalah sebuah teknologi untuk memainkan file video atau audio secara langsung ataupun dengan pre-recorder dari sebuah mesin server (web server) . Dengan kata lain, file video ataupun audio yang terletak dalam sebuah server dapat secara langsung pada browser saat proses buffering mulai berjalan. File video atau audio di stream, akan berbentuk sebuah buffer di komputer client, dan data video – audio tersebut akan mulai di download ke dalam buffer yang telah terbentuk pada mesin client. Dalam waktu sepersekian detik, buffer telah terisi penuh dan secara otomatis file videoaudio langsung dijalankan oleh sistem. Sistem akan membaca informasi dari buffer dan tetap melakukan proses download file, sehingga proses streaming tetap berlangsung ke computer client.

              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 XAMPP  pada video streaming langkah 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.

Apache adalah sebuah web server open source,jadi semua orang dapat menggunakannya secara gratis,bahkan anda bisa mengedit kode programnya.fungsi utama dari Apache yakni menghasilkan halaman web yang benar sesuai dengan yang dibuat oleh seorang web programmer, dengan menggunakan kode PHP. PHP adalah bahasa pemograman untuk membuat web.dengan PHP anda dapat membuat halaman web yang dinamis.selain mendukung di sistem operasi Windows,PHP juga dapat di gunakan pada mac OS,Linux,dan sistem operasi yang lainnya. Untuk lebih memperjelas, berikut langkah - langkah membuat video streaming berbasis web menggunakan XAMPP

Untuk lebih memperjelas, berikut langkah - langkah membuat video streaming berbasis web dengan menggunakan XAMPP:

1. Pertama install terlebih dahulu aplikasi XAMPP nya.

2. Setelah terinstall kemudian buka aplikasi tersebut. Lalu aktifkan apache nya seperti tampilan berikut ini:

 3. Kemudian buka web browser lalu ketikkan 'localhost' hingga muncul tampilan nya seperti ini:

Jika tampilan anda seperti diatas maka apache yang anda aktifkan pada xampp telah berhasil.

4. Setelah itu buka sotware xampp, lalu ambil bagian htdocs, kemudian buat folder baru dan beri nama “video”. Kemudian masukan kan file video yang akan anda lakukan streaming dan copykan pula format untuk tampilan HTML untuk streaming video pada web browser anda nantinya.

 

Untuk melakukan pengeditan format tampilan pada web nanti nya dapat digunakan notepad, seperti tampilan berikut:

Keterangan: Pada bagian kepala HTML nya bisa diganti dengan nama sendiri atau yang lainnya, kemudian dibagian target harus mencantumkan nama video yang akan anda lakukan streaming nanti. Ingat dalam menginputkan nama video harus sama dengan nama video yang kita gunakan apabila salah video nya tidak akan mau terbuka atau muncul karena tidak sesuai namanya.

5. Untuk melakukan pengetesan anda dapat membuka kembali web browser lalu ketikkan 'localhost/video/'. Berikut tampilan nya:

Kemudian coba buka tes.html tersebut, maka akan muncul video yang disimpan tadi seperti tampilan berikut:

6.  Jika anda ingin streaming video punya orang lain, kita dapat memasukan IP dan format path video yamg dimiliki nya pada web browser tadi. Seperti contoh berikut ini:

Kemudian selanjutnya langkah – langkah untuk membuat list streaming video:

1. Kita harus memiliki beberapa video yang ingin anda tampilkan dengan 2 format path dan dengan 1 format untuk menggabungkan kedua buah path tersebut. 

Berikut tampilan dari notepad nya:

      2. Buka web browser kembali dan ketikkan 'localhost.(nama path yang anda buat).html' karena yang kita buat ini berbasis html.

Kemudian selesai, kamu dapat menambahkan video sebanyak mungkin, tapi ingat dalam penulisan namavideo di notepad harus sama dengan nama file video tersebut. Dan untuk melakukan streaming video ini harus menggunakan satu jaringan yang sama. Selamat mencoba dan terimaksih.