Video Streaming Server Menggunakan VLV Berbasis Web dengan XAMPP

Video Streaming     

 

            Video Streaming adalah istilah yang sering kita gunakan saat melihat video di internet melalui browser dimana kita tidak perlu mendownload 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 berkelanjutan yang memungkinkan video tersebut diputar tanpa menunggu file video tersebut disampaikan secara keseluruhan.

Web Server Dengan XAMPP

             Xampp adalah perangkat yang menggabungkan tiga aplikasi kedalam satu paket,yaitu Apache,MySQL,dan PHPMyAdmin,Dengan Xampp pekerjaan anda sangat dimudahkan karena dapat menginstalasi dan mengkonfigurasi ketiga aplikasi tersebut dengan sekaligus dan otomatis. Xampp telah mengalami perkembangan dari waktu ke waktu.versi yang terbaru adalah revisi dari yang terdahulu,sehingga lebih baik dan lebih lengkap.aplikasi utama dalam paket Xampp yakni terdiri atas web server Apache,MySQL,PHP,dan PHPMyAdmin. 

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

• MySQL adalah sistem manajemen database yang sering digunakan bersama PHP.PHP juga mendukung pada Microsoft Access,Database Oracle,d-Base,dan sistem manajemen database lainnya.

• SQL ( Structured Query Language ) adalah bahasa terstruktur yang digunakan secara khusus untuk mengolah database.dan MySQL merupakan sebuah sistem manajemen database. Dengan aplikasi yang juga open source ini,anda dapat membuat dan mengolah database beserta isinya,menambahkan,mengubah,dan menghapus data yang berada dalam database.diperlukan MySQL,dan PHPMyAdmin adalah salah satu aplikasi yang anda bisa gunakan.dengan PHPMyAdmin anda dapat membuat tabel,mengisi data,dan pekerjaan lainnya dengan mudah,tanpa harus mengafal perintahnya.

Tutorial Membuat Server Web

Langkah awal yang dilakukan yaitu memastikan pada komputer yang digunakan telah terinstall aplikasi XAMPP. 

Selanjutnya melalui Start buka XAMPP Control Panel, sehingga akan muncul tampilan seperti gambar di bawah ini :

Pada kali ini kita akan menggunakan Apache untuk web server, maka pada baris Apache klik Start, lalu tunggu sampai apache ready yang ditandakan dengan berubahnya warna pada modul apache menjadi hijau. Seperti yang terlihat pada gambar di bawah ini :

Pada gambar diatas terlihat nomor PID dan Port yang masing-masingnya 2 buah, yaitu nomor standart dan nomor secure nya. Seperti port 80 merupakan port yang standart digunakan dan port 443 adalah port secure yang pada port ini terdapat berbagai macam keamanan pada portnya.

Untuk memastikan Apache telah berjalan dapat dilihat dari web browser dengan memasukkan "localhost" pada alamat pencarian. Jika Apache telah berjalan maka akan muncul tampilan seperti gambar di bawah ini :

Selanjutnya membuat Folder dimana video yang akan kita stream di letakkan, yaitu didalam folder htdocs dimana XAMPP terinstall, pada kali ini saya membuat folder dengan nama " share ".

Isi folder tersebut dapat kita lihat melalui web browser dengan mengetikkan ( ip komputer/ nama folder ) " 172.16.30.8/share " pada alamat pencarian. Akan muncul tampilan sebagai berikut :

Untuk tampilan web video yang kita stream dapat diubah dengan coding-coding html. pada kali ini menggunakan tampilan standart dengan format coding HTML nya seperti yang terlihat pada gambar di bawah ini :

file html nya di simpan dalam folder yang sama dengan menyimpan video, saya gunakan nama tes untuk file tersebut. Jadi untuk membuka halaman tersebut dari web browser, dapat diketikkan pada alamat web dengan format " alamat ip/nama folder/nama file.html ".

        >> 172.16.30.8/share/tes.html
atau
        >> localhost/share/tes.html

Sehingga akan muncul tampilan web sebagai berikut :

Kita juga bisa membuka video yang di stream oleh teman dengan mengetikkan pada alamat web browser dengan format seperti diatas. sesuaikan ip/nama folder/dan nama file.html yang digunakan oleh teman kita. Seperti yang terlihat pada gambar di bawah ini :

Selanjutnya dengan melakukan beberapa perubahan pada coding html, kita dapat membuat tampilan web dengan bentuk list video, dimana apabila kita memilih salah satu video, maka akan ada hyperlink yang menghubungkan kita dengan alamat dimana video tersebut tersimpan. berikut tampilan format html dan tampilan halam web nya.

Berikut tampilan 1 video yang dibuka pada new tab dan 1 nya lagi di buka dalam new window, dapat dijalankan seperti yang terlihat pada gambar di bawah.

Enjoy It Guys!!