Kolaborasi dengan Video-Player

Mengunjungi website yang menampilkan film atau video, menarik juga, Apalagi kalau video

atau film tersebut berupa koleksi music (misalnya) yang kadang dikangeni oleh orang-orang

yang sudah tua, atau mempunyai kenangan indah. Atau malah film-film documenter keluarga

anda, film perkawinan adik, kakak, saudara, rekreasi keluarga dan lainnya.

Kalau tujuannya dilihat keluarga dekat, anda tidak perlu meng-upload web tersebut, jadi cukup

disimpan dalam PC atau Laptop yang praktis bisa dibawa kemana-mana, bahkan dijadikan

theater home, dengan menambah slide-projector dan sound system.

1. Langkah awal.

Buatlah database melalui phpMyAdmin misalnya film.dengan tabel music, karena ini nantinya

akan digunakan untuk dokumentasi filmfavorite keluarga.

Kalau anda ingin

mendokumentasikan dengan kategori lainnya misalnya

perkawinan atau kelahiran

(anak-anaknya) kita buat lagi tabel perkawinan dan kelahiran, begitu seterusnya tabel dibuat

sesuai kebutuhan.

Untuk uji coba ketrampilan kita buat 1 (satu) tabel saja, misalnya music.

Bukan karena hobby saya music, tetapi kelihatannya ini lebih universal dan familiar dengan

kebanyakan orang.

Database

Tabel   :

: film

  music

       Field

:            id

File

Judul

Artis 100

Diskripsi             225    INT

VARCHAR        20

100

VARCHAR

VARCHAR

VARCHAR -

AutoInc dan Primarykey

-

-

-

-

Untuk diskripsi anda bisa menggunakan type=TEXT apabila direncanakan diskripsinya panjang.

Tentunya anda juga sudah mempersiapkan template yang cantik buatan anda sendiri, atau

kalaupun belum default template PatriotCMs juga nggak masalah yang penting aplikasinya

dapat berfungsi. Kalau nanti sudah berfungsi dengan baik, baru dikembangkan.

2. Langkah Persiapan

Sediakan beberapa buah film music, lebih banyak lebih baik, karena nanti akan bekerja di

localhost PC/Laptop dan tidak perlu diupload ke server-hosting, seberapapun tidak masalah.

Usahakan file film music tersebut berekstensi .flv, dan nama filenya di-rename pendek dengan

huruf kecil semua tanpa spasi, untuk memudahkan proses. Misalnya tadinya file bernama Walau

hati menangis – Pance.flv kita ganti pendek saja menjadi pance001.flv (misalnya). Kenapa

harus demikian.? Karena beberapa host/localhost dalam menterjemahkan data dari database

amat sensitif membedakan huruf kecil dan huruf kapital. Sering kita jumpai, pemula

kebingungan menampilkan gambar/image dalam halaman web, padahal menurutnya data sudah

benar dan cocok dengan nama filenya, e..e..e ngak tahunya hanya beda huruf depannya kapital

tersimpan di database, namun filenya huruf kecil, gambar nggak mau muncul.

Sebuah file swf yang merupakan playernya dan file .css (kami sertakan dalam artikel ini dan

dapat didownload) yang nantinya sangat diperlukan, serta harus anda letakkan pada folder web

anda.

3. Prosedur proses generate halaman web.

Bagi anda yang belum pernah men-generate database menjadi halaman-halaman website

tentunya bingung juga, apalagi belum membaca artikel saya yang pertama sampai keempat.

Syukur kalau sudah mahir, tinggal menyesuaikan settingan-nya.

Untuk menyegarkan ingatan, pertama kita jalankan aolikasi PHPMaker, dikoneksikan dengan

database, membuat folder web dan langsung generate. Anda akan menghasilkan 10 file.php, dan

2 file JavaScripts. 1 folder images,.Semua diboyong

ke-localhost, yaitu folder

XAMPP/HTDOCS/ Jangan lupa file yang anda download juga masukkan ke folder ini.

4. Input data

Kita buka website dengan alamat http://localhost/film, data masih kosong, kita input dengan

menekan Add, isikan data-data yang dibutuhkan.

Dalam contoh diatas kita isikan file : pance01.flv ; Judul : Walau Hati Menangis ; Artis : Pance

Pondaag ; Diskripsi : Merupakan ....................

Tekan tombol ADD, data sudah terkirim ke database, namun kalau kita tekan View, video-player

belum muncul.

Untuk itu, marilah kita edit, musicview.php dengan menambahkan syntax sbb:

<div id="container">

<a href="http://www.macromedia.com/go/getflashplayer">Download Flash Player</a></div>

<p>

<script type="text/javascript" src="swfobject.js"></script>

<script type="text/javascript">

var                s1                =                new

SWFObject("mediaplayer.swf","mediaplayer","250","200","8");

s1.addParam("allowfullscreen","true");

s1.addVariable("width","250");

s1.addVariable("height","200");

s1.addVariable("file","<?php echo $x_file ?>&amp;autostart=true");

s1.write("container");

</script>

</div>

Letakkan pada baris ke 80, yang dimuai dengan tag td tempat nama file. Yaitu

<td bgcolor="#000000"><font color="#FFFFFF"><font size="-1">file</font></font> </td>

<td bgcolor="#F5F5F5"> mulai dari sini sampai </td> ditimpa saja dengan listing tadi.

Jadi sudah web multimedia kita, coba dibuka pada browser, muncul list music, tekan view,

seharusnya muncul tampilan seperti gambar dibawah ini dan musicnya jalan.

Tinggal sekarang membenahi tampilan, menambah data music/lagu/video atau kategori, bisa

juga pada tampilan awal, musiclist, juga muncul foto-fotonya (teknis seperti membuat berita)

Penutup

1. Jangan lupa download file flash dan JavaScvripts, gabungkan di folder website anda.

2. Kalau digunakan untuk localhost, sebeerapa besar kapasita file video anda, tidak

menjadi masalah, asalkan RAM memadai, namun bila akan di-upload ke webhost, perlu

diperhitungkan kecepatan unggah koneksi anda, serta kapasitas disk hostingnya.

3. Sering berlatih, akan membantu anda memahami sifat dan karakter pemrograman web

PHP,

4. Carilah bacaan-bacaan untuk referensi untuk memodifikasi website anda, dan jangan

fanatik dengan hanya 1 atau 2 referensi.(20120626-1300 wib.

Sumber:

http://multigraphica.com 

Agus Subardjo 

multigraphica@yahoo.com   

http://ilmukomputer.com

Facebook Twitter Google+ LinkedIn Pinterest