Begini ceritanya, semester ini saya dapat tugas mata kuliah sistem multimedia. Tugasnya adalah membuat website video streaming.

Jadi elemen utama yang saya butuhkan adalah video player pada web yang open source dan dapat di kostumisasi. Ada beberapa pilihan, diantaranya adalah flowplayer, xmoov, flv-player, dll. Pilihan saya jatuh pada flv-player karena mudah untuk di kostumisasi sesuai keinginan kita. Pastikan Web Browser yang digunakan mendukung flash player. Kalau belum, silahkan instal flash player

Lalu bagaimana implementasinya?

Begini caranya

  1. Download FLV-Player. Kemudian letakkan player_flv_maxi.swf di lokasi direktori yang sama dengan dokumen HTML atau bahasa pemrograman web lain yang anda buat.
  2. Masukan kode berikut ini ke dalam kode HTML halaman yang anda buat:
<object type="application/x-shockwave-flash" data="player_flv_maxi.swf"   width="620" height="372">  
<param name="movie" value="player_flv_maxi.swf">   
<param name="FlashVars" value="flv=nama-file.flv">  
< /object>

3. Selesai.

Mudah bukan?

Seperti yang saya bilang, flv-player ini mudah di kostumisasi,  daftar parameter-parameter yang dapat digunakan dalam FLV Player bisa dilihat disini

Berikut ini adalah kode dari FLV-player yang sudah saya kostumisasi:

 <object type="application/x-shockwave-flash" data="player_flv_maxi.swf"
   width="620" height="372">
   <param name="movie" value="player_flv_maxi.swf">
   <param name="allowFullScreen" value="true">
   <param name="FlashVars" value="flv=<?echo $url;?> &amp;width=620&amp;
   height=372&amp;showstop=1&amp;showvolume=1&amp;showtime=1&amp;
   startimage=images/video.jpg&amp;showfullscreen=1&amp;bgcolor1=A5A24A&amp;
   bgcolor2=A5A24A&amp;playercolor=A5A24A">
< /object>

Berikut ini adalah penjelasan parameter-parameternya:

  1. Untuk merubah ukuran, ubah nilai width untuk lebar dan height untuk tinggi.
  2. Parameter value=”flv=<?echo $url;?> adalah tempat kita memasukkan lokasi file, karena saya menggunakan PHP, maka lokasi videonya disimpan dalam variabel $url.
  3. Untuk manampilkan gambar yang kita inginkan ketika video akan dimainkan, parameter yang digunakan adalah  startimage=images/video.jpg
  4. Parameter showstop=1&amp;showvolume=1&amp;showtime=1&amp;showfullscreen=1&amp; digunakan untuk menampilkan pilihan tombol stop, volume, menampilkan waktu dan apakah video dapat diputar secara full-screen atau tidak. Untuk menngaktifkanya beri nilai 1.
  5. Parameter bgcolor1=A5A24A&amp;bgcolor2=A5A24A&amp;playercolor=A5A24A digunakan untuk memberikan warna video player, dengan kode warna yang diinginkan.

Tampilan Screen Shoot Video Player yang berhasil dibuat:

FLV Player pada Web

FLV Player pada Web

Sekian.

Semoga tutorial ini dapat membantu teman-teman semua.

Kalo bingung, nanya aja.

cheers..