Video streaming localhost xampp HTML basic

 Percobaan kali ini adalah membuat “Video Streaming Berbasis Web menggunakan XAMPP”. Sebelum menjelaskan bagaimana cara membuat video streaming berbasis web menggunakan XAMPP, berikut ini adalah penjelasan mengenai XAMPP serta apa itu video streaming.

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

(dikutip dari http://id.wikipedia.org/wiki/XAMPP)
(dikutip dari http://grajaganseo.blogspot.com/2013/12/pengertian-xampp-dan-manfaatnya.html)

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

(dikutip dari riccoroviandy.blogspot.com/2013/01/pengertian-video-streaming.html)

Berikut ini adalah langkah kerja untuk membuat video streaming berbasis web menggunakan XAMPP :

1. Melakukan instalasi XAMPP terlebih dahulu, jika sudah selesai, buka XAMPP. Lalu klik start pada bagian Apache. Seperti pada gambar dibawah ini :
2. Jika sudah melakukan Start, lalu buka mozilla. Pada saat kita memasukkan IP address PC kita atau IP localhost 127.0.0.1, maka akan muncul seperti gambar dibawah ini, sebagai bukti bahwa XAMPP telah terinstall :
3. Melihat IP PC yang digunakan :
4. Selanjutnya masuk folder tempat penyimpanan XAMPP, yang terletak pada Local Disk (C:) kemudian xampp2 kemudian htdocs. Lalu menambahkan folder baru dengan nama video, tujuan dari penambahan folder video ini adalah sebagai tempat penyimpanan video dan file html yang akan berfungsi untuk proses streaming video lewat web, seperti tampilan berikut :
5. Di dalam folder video, nantinya akan dibuat format text html yang akan ditampilkan pada web serta video yang akan disharing. Format html yang dibuat adalah sebagai berikut ini :
   
6. Menyimpan format text diatas dengan nama tes.html
7. Video yang akan dishare selanjutnya akan diputar menggunakan aplikasi VLC. Melakukan pengecekan pada mozilla firefox apakah aplikasi VLC telah ter integrasi terhadap mozilla firefox dengan cara mengklik tools kemudian add-ons kemudian plugins. Jika sudah terintegrasi, akan keluar tampilan seperti berikut :
8. Selanjutnya kita mencoba melihat apakah file video yang anda share dapat diakses dengan memasukkan alamat webnya yaitu localhost/video/tes.html, lalu klik tombol play, sehingga muncul tampilan berikut ini :
9. Untuk menampilkan lebih dari satu video, maka kita perlu menambahkan text berformat html lagi, lalu memasukkan format tersebut kedalam sebuah format text yang mencakup keseluruhannya. Pertama-tama membuat format text html seperti sebelumnya dengan video yang berbeda :
10. Selanjutnya buat isi file html bernama list seperti tampilan berikut. Perlu diperhatikan bahwa judul video pada list html harus sama dengan judul file video yang disimpan pada folder video tadi.
11. Jika telah selesai, maka pada folder video akan terdapat file-file seperti berikut ini :
12. Jika langkah – langkah diatas telah diikuti, maka kita dapat melakukan testing hasil konfigurasi dengan cara mengetikkan localhost/video/new :
13. Dengan mengklik salah satu pilihan, misalnya Reply maka video Reply akan ditampilkan ketika kita telah menekan tombol Play :
14. Jika mengklik Wildlife, maka tampilannya :
15. PC yang digunakan saat ini merupakan PC Server, sehingga PC Client dapat melihat video yang sama, dengan menggunakan url yang tepat, seperti berikut ini :

sumber : https://elfridahutabarat.wordpress.com/2015/12/07/video-streaming-berbasis-web-menggunakan-xampp/