Selasa, 13 Januari 2015

Video Streaming Server Menggunakan VLC Berbasis Web dengan XAMPP

Apa itu Video Streaming dan XAMPP?
Video streaming adalah istilah yang sering kita gunakan saat melihat video diinternet melalui browser dimana kita tidak perlu mendownload file video tersebut untuk dapat memutarnya. Istilah ini terdiri dari dua suku kata yaitu video dan streaming, secara istilah video berarti teknologi untuk menangkap, merekam, memproses, menstransmisikan dan menata ulang gambar bergerak, sedangkan streaming berarti prsoes penghantaran data dalam aliran berkelanjutan dan tetap yang memungknkan pengguna mengakses dan menggunakan file sebelum data dihantart sepenuhnya.

Jadi video streaming dapat diartikan transmisi file video secara berkelanjutan yang memungkinkan video tersebut diputer 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 disebt juga live streaming. Jadi gambar yang didapatkan dari siaran langsung, sesegere mungkin ditransmisikan dan dapat diputar melalui internet. 

Kali ini di blog saya akan membahas mengenai XAMPP yang merupakan salah satu aplikasi untuk membangun aplikasi website dinamis di lokalhost atau yang belum terkoneksi dengan internet. Sebenarnya ada beberapa aplikasi untuk membangun website di lokalhost seperti MAMP, LAMP, dan WAMP, namun dari ke empat aplikasi tersebut menurut pusatdesainweb.com yang paling mudah digunakan dan dari segi interface yang paling baik adalah XAMPP.

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.

Apache
Apache merupakan web server yang digunakan untuk menampilkan website di internet seperti menggunakan Mozilla fire fox, Google Crome, IE, Safari, dll berdasarkan kode-kode yang di tulis di dalam website tersebut baik menggunakan bahasa pemrograman HTML maupun PHP yang mengambil suatu database yang dibangun di MySQL, sehingga terbentuklah sebuah website yang dapat di lihat di Mozilla fire fox dan kawan-kawannya. Apache sendiri bersifat opensource sehingga dapat digunakan oleh siapa saja dan dikembangkan oleh siapa saj tentunya bagi yang mampu mengembagkannya.

PHP
PHP merupakan bahasa pemrograman yang di digunakan untuk membuat website dinamis yang memungkinkan kita melakukan update website setiap saat. Berbeda dengan HTML yang source kodenya di tampilkan di website, source code PHP tidak di tampikan di halaman muka suatu website karena PHP di olah dan dip roses di server, PHP bersifat server-side scripting yang mampu berjalan di brbagai system operasi seperti windows, Linux, Mac OS, dll.

PHP memiliki kedinamisa dalam hal database yang bisa dihubungkan dengan PHP seperti MySQL, Oracle, MS Access, PostgreSQL. Namun untuk pemrograman website yang paling digunakan adalah MySQL. PHP sendiri sampai sekarang sudah mengalami perkembangan yang pesat dan sudah mencapai PHP 5.5. untuk mengawali kode dalam PHP menggunakan kode <? Dan diakhiri tanda ?>.

MySQL
MySQL dapat digunakan untuk membuat dan mengola database beserta isinya. Kita dapat memanfaatkan MySQL untuk menambahkan, mengubah dan menghapus data yang berada dalam database. MySQL merupakan sisitem manajemen database yang bersifat at relational. Artinya data-data yang dikelola dalam database akan diletakkan pada beberapa tabel yang terpisah sehingga manipulasi data akan menjadi jauh lebih cepat. MySQL dapat digunakan untuk mengelola database mulai dari yang kecil sampai dengan yang sangat besar. MySQL juga dapat menjalankan perintah-perintah Structured Query Language (SQL) untuk mengelola database-database yang ada di dalamnya. Hingga kini, MySQL sudah berkembang hingga versi 5. MySQL 5 sudah mendukung trigger untuk memudahkan pengelolaan tabel dalam database.

Permbuatan Server Video Streaming
Langkah membuat video streaming :
Pada pembuatan video streaming berbasis web ini menggunakan aplikasi XAMPP, untuk itu lakukan instalasi XAMPP.


Setelah instalasi selesai, kita bias mengecek XAMPP pada browser dengan menggunakan localhost. Dengan command : htpp://localhost/xampp/splash.php , maka akan tampil seperti berikut


Selain itu juga dalam pengecekan ini dapat digunakan IP sebagai pengganti localhost. IP sesuai dengan IP pada PC anda.

Pengecekan selanjutnya, untuk melihat Mozilla telah terhubung atau tidak dengan VLC. Caranya dengan melihat pada pengaturan pada Mozilla, lalu klik add-ons. Jika VLC ada, maka Mozilla telah terhubung. Tampilannya seperti berikut.


Selanjutnya buka aplikasi XAMPP, akan tampil jenis-jenis modul yang telah terhubung pada XAMPP. Dalam kolom tersebut terdapat menu action, dalam action tersebut terdapat pilian start dan stop. Hal tersebut bertujuan untuk menghubungkan atau mengaktifkan module yang dipilih. Dan pada pembuatan video streaming ini kita harus mengaktifkan Apache. Klik start. Tampilannya seperti berikut.


Langkah selanjutnya dengan membuat folder khusus untuk menyimpan file video dan html yang ingin dibuat. Pada XAMPP ini, file akan tersimpan pada disk C, dan pada file XAMPP > htdocs. Buat file baru, misal seperti yang saya buat dengan nama folder “video”.


Lalu masukkan file HTML dan videonya. Format video tidak ditentukan jadi bebas dengan format apapun.


Buka file HTML dengan menggunakan notepad. Ini bertujuan untuk mengedit isi dari file HTML tersebut. berikut gambaran program untuk halaman web standar. Tetapi untuk memasukkan file video pada web tersebut, pastikan nama video sama dengan yang dimasukkan pada file html tersebut (tidak boleh ada spasi). masukkan ukuran lebar dan tinggi video sesuai dengan ukuran aslinya agar video yang ditampilkan tidak pecah. 
- autoplay : untuk memulai video secara otomatis atau tidak (yes / no)
- loop :untuk mengulang video setelah selesai (yes / no)
Lalu klik save.



Buka browser untuk melihat web yang telah dibuat pada file HTMLnya, caranya masih sama dengan menggunakan localhost atau alamat IP pada PC anda. Tampilannya seperti berikut.


Selanjutnya bisa ditambahkan beberapa video dalam html tersebut. Jika kita ingin memasukkan 2 buah video maka kita harus membuat 3 buah html. Html pertama untuk tampilan utama dari web kita yang mana terdiri dari pilihan – pilihan video yang kita sediakan dan 2 Html berikutnya untuk Html video yang dimasukkan pada masing – masing Html (caranya masih sama dengan yang diatas)
Jadi program pada halaman web utama, kita hanya tinggal memasukkan alamat html masing – masing video. Programnya sebagai berikut.


Hasilnya sebagai berikut.


Sekian informasi yang dapat saya sampaikan, sekian dan terima kasih




Tidak ada komentar:

Posting Komentar