Video on Demand dengan menggunakan XAMPP
Assalamualaikum Wr.Wb
Pada postingan kali ini membahas Video on Demand dengan menggunakan 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.
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.
Berikut tahapan tahapan mengkonfidurasi Video on Demand dengan XAMPP
1. Melakukan pengisnstalan XAMPP pada PC
2. Jika sudah selesai melakukan penginstalan XAMPP maka selanjutnya buka XAMPP Control Panel maka akan tampak seperti gambar di bawah ini.
Ada banyak modul yang di sediakan oleh XAMPP namun kita hanya menggunakan modul Apache, kemudian klik start pada pilihan apache
Jika berhasil di jalankan maka tampilannya akan seperti gambar di atas.
3. Kemudian kita masuk ke folder tempat dimana XAMPP di simpan, pada PC saya XAMPP tersimpan di Local Disk (C:). Kemudian klik XAMPP lalu pilih file htdocs. Kemudian tambahkan folder baru dengan nama yang kita inginkan.
Tujuannya penambahan folder ini adalah sebagai tempat pemyimpanan video dan file html yang berfungsi untuk melakukan proses streaming video on demand
Ingat dalam pemberian nama folder jangan sampai ada spasi antar namanya, misalnya “video kel 1” itu akan menyebabkan XAMPP akan gagal membacanya, maka lakukan pemberian nama seperti ini “videokel1”
4. Pada gambar di atas saya memberi nama foldernya videokel1, kemudian masukan file video yang akan di sharing dan format text.html ke dalam folder tersebut yang akan muncul pada Web nantinya.
5. Kemudian isi format text yang telah dibuat dan yang di beri nama kel1.html seperti gambar di bawah ini :
Sebelumnya kita harus mempunyai video dan mengetahui resolusi video yang kita-gunakan. Pada percobaan kali ini saya mempunyai video dengan nama Payphone.mp4 dengan resolusi video width =1280 height =720. Untuk mengetahui resolusi video dapat dilakukan dengan klik kanan pada video tersebut lalu pilih properties dan pilih detail.
Untuk autoplay dan loop dapat diganti dengan yes sesuai dengan keinginan penyedia VOD ,jika autoplay diganti yes maka video akan secara otomatis play jika browser di akses,jika loop diganti yes maka saat video telah selesai video akan melakukan play ulang secara otomatis
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. Jika sudah terintegrasi, akan keluar tampilan seperti gambar di bawah ini :
7. Kemudian tinggal kita buka video pada web browser, karena kita memasukkan file video dalam folder htdocs/videokel1 dan video dibuka melalui html pemanggil video dengan nama kel1.html sehingga untuk membuka video pada brower ketik localhost/videokel1/kel1.html , lalu play video sehingga video telah dapat diputar pada browser web seperti yang ditunjukkan pada gambar berikut :
Jika Plugin VLC belum terpasang maka akan muncul tampilan sebagai berikut :
Maka dari itu pastikan Plugin VLC telah terpasang sebelumnya seperti yang ditunjukkan pada langkah 6
8. Jika kita ingin memasukkan lebih dari satu video pada webserver dapat kita harus membuat list video yang ingin kita masukkan , prinsipnya adalah membuat list html . Jika kita mempunyai 2 video maka kita harus membuat 2 html pemanggil video,sebelum itu agar kita dapat memanggil HTML file pada masing masing video maka kita harus mengetahui alamat IP yang didapat kan oleh PC web server , kali ini saya mendapatkan IP 172.16.30.32. Kemudian buat file HTML untuk pembuat daftar list link video seperti berikut,nama file HTML list.html
Kemudian buat file.html untuk video yang telah di buat filenya pada list.html di atas :
9. Tampilan isi folder videokel1 setelah ditambahkan file list.html dan 2 video lainnya :
Jika langkah - langkah diatas telah diikuti, maka dapat melakukan percobaan berhasil atau tidaknya konfigurasi yang dilakukan. Caranya ketik localhost/videokel1/list.html maka akan terlihat daftar video yang telah kita masukkan pada web server.
a. Hasil jika dibuka pada PC Server melalui localhost
b. Hasil jika dibuka melalui IP
Pada postingan kali ini membahas Video on Demand dengan menggunakan 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.
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.
Berikut tahapan tahapan mengkonfidurasi Video on Demand dengan XAMPP
1. Melakukan pengisnstalan XAMPP pada PC
2. Jika sudah selesai melakukan penginstalan XAMPP maka selanjutnya buka XAMPP Control Panel maka akan tampak seperti gambar di bawah ini.
Ada banyak modul yang di sediakan oleh XAMPP namun kita hanya menggunakan modul Apache, kemudian klik start pada pilihan apache
Jika berhasil di jalankan maka tampilannya akan seperti gambar di atas.
3. Kemudian kita masuk ke folder tempat dimana XAMPP di simpan, pada PC saya XAMPP tersimpan di Local Disk (C:). Kemudian klik XAMPP lalu pilih file htdocs. Kemudian tambahkan folder baru dengan nama yang kita inginkan.
Tujuannya penambahan folder ini adalah sebagai tempat pemyimpanan video dan file html yang berfungsi untuk melakukan proses streaming video on demand
Ingat dalam pemberian nama folder jangan sampai ada spasi antar namanya, misalnya “video kel 1” itu akan menyebabkan XAMPP akan gagal membacanya, maka lakukan pemberian nama seperti ini “videokel1”
4. Pada gambar di atas saya memberi nama foldernya videokel1, kemudian masukan file video yang akan di sharing dan format text.html ke dalam folder tersebut yang akan muncul pada Web nantinya.
5. Kemudian isi format text yang telah dibuat dan yang di beri nama kel1.html seperti gambar di bawah ini :
Sebelumnya kita harus mempunyai video dan mengetahui resolusi video yang kita-gunakan. Pada percobaan kali ini saya mempunyai video dengan nama Payphone.mp4 dengan resolusi video width =1280 height =720. Untuk mengetahui resolusi video dapat dilakukan dengan klik kanan pada video tersebut lalu pilih properties dan pilih detail.
Untuk autoplay dan loop dapat diganti dengan yes sesuai dengan keinginan penyedia VOD ,jika autoplay diganti yes maka video akan secara otomatis play jika browser di akses,jika loop diganti yes maka saat video telah selesai video akan melakukan play ulang secara otomatis
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. Jika sudah terintegrasi, akan keluar tampilan seperti gambar di bawah ini :
7. Kemudian tinggal kita buka video pada web browser, karena kita memasukkan file video dalam folder htdocs/videokel1 dan video dibuka melalui html pemanggil video dengan nama kel1.html sehingga untuk membuka video pada brower ketik localhost/videokel1/kel1.html , lalu play video sehingga video telah dapat diputar pada browser web seperti yang ditunjukkan pada gambar berikut :
Jika Plugin VLC belum terpasang maka akan muncul tampilan sebagai berikut :
Maka dari itu pastikan Plugin VLC telah terpasang sebelumnya seperti yang ditunjukkan pada langkah 6
8. Jika kita ingin memasukkan lebih dari satu video pada webserver dapat kita harus membuat list video yang ingin kita masukkan , prinsipnya adalah membuat list html . Jika kita mempunyai 2 video maka kita harus membuat 2 html pemanggil video,sebelum itu agar kita dapat memanggil HTML file pada masing masing video maka kita harus mengetahui alamat IP yang didapat kan oleh PC web server , kali ini saya mendapatkan IP 172.16.30.32. Kemudian buat file HTML untuk pembuat daftar list link video seperti berikut,nama file HTML list.html
Kemudian buat file.html untuk video yang telah di buat filenya pada list.html di atas :
9. Tampilan isi folder videokel1 setelah ditambahkan file list.html dan 2 video lainnya :
Jika langkah - langkah diatas telah diikuti, maka dapat melakukan percobaan berhasil atau tidaknya konfigurasi yang dilakukan. Caranya ketik localhost/videokel1/list.html maka akan terlihat daftar video yang telah kita masukkan pada web server.
a. Hasil jika dibuka pada PC Server melalui localhost
b. Hasil jika dibuka melalui IP



















Comments
Post a Comment