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
- 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.
- 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;?> &width=620& height=372&showstop=1&showvolume=1&showtime=1& startimage=images/video.jpg&showfullscreen=1&bgcolor1=A5A24A& bgcolor2=A5A24A&playercolor=A5A24A"> < /object>
Berikut ini adalah penjelasan parameter-parameternya:
- Untuk merubah ukuran, ubah nilai width untuk lebar dan height untuk tinggi.
- Parameter value=”flv=<?echo $url;?> adalah tempat kita memasukkan lokasi file, karena saya menggunakan PHP, maka lokasi videonya disimpan dalam variabel $url.
- Untuk manampilkan gambar yang kita inginkan ketika video akan dimainkan, parameter yang digunakan adalah startimage=images/video.jpg
- Parameter showstop=1&showvolume=1&showtime=1&showfullscreen=1& digunakan untuk menampilkan pilihan tombol stop, volume, menampilkan waktu dan apakah video dapat diputar secara full-screen atau tidak. Untuk menngaktifkanya beri nilai 1.
- Parameter bgcolor1=A5A24A&bgcolor2=A5A24A&playercolor=A5A24A digunakan untuk memberikan warna video player, dengan kode warna yang diinginkan.
Tampilan Screen Shoot Video Player yang berhasil dibuat:
Sekian.
Semoga tutorial ini dapat membantu teman-teman semua.
Kalo bingung, nanya aja.
cheers..
w2
Mar 25, 2010 @ 21:52:36
kebanyakan snapshots,,jadi ga bisa di klik,hahaha
dwmonkeys
Mar 25, 2010 @ 22:20:12
cuma 1 screenshot kok, dan muncul.
mungkin koneksi om w2 sedang bermasalah.
coba di refresh
naval
Mar 25, 2010 @ 22:36:45
sundul gan 😀
naval
Mar 25, 2010 @ 22:37:43
hahaha, theme nya diganti juga akhirnya
dikdik
Jun 09, 2010 @ 11:29:29
mantap……minta ID ym nya donk kang pengen belajar lebih lanjut boleh kaaan?? :d
dwmonkeys
Jun 09, 2010 @ 14:55:35
boleh.
dw_monkeys
aliefchandra
Sep 07, 2010 @ 14:57:39
kamu sangat membantu saya dalam Memajukan TV lOKAL seluruh Indonesia,,tanks,,,,Boleh Aku Minta Alamat FB dan YM kamu…????
Kank0221
Sep 15, 2011 @ 09:59:45
Tetep g bs Sobat, Mohon pncerhannya. I Pakai WordPress kr2 lngkh awalny scr detail bgmn? Krn I msh bljr awal Mz, Makasih!
dwmonkeys
Sep 15, 2011 @ 11:50:48
tutorial ini digunakan untuk menampilkan video pada halaman web, menggunakan bahasa pemrograman berbasis HTML atau bahasa pemrograman lain. Bukan untuk menampilan video pada posting wordpress.
Untuk menampilkan video di posting wordpress, berikut caranya:
Klik Add New Post , dibawah kolom pengisian judul ada pilihan “Upload/Insert” lalu klik icon add video untuk memasukkan video kedalam posting wordpress
budi supriatna
Feb 17, 2012 @ 18:08:13
Mas ini gimana cara masukin file videonya? tolong dijelasin..makasih
budi supriatna
Feb 17, 2012 @ 18:10:06
maksud saya lokasi $url itu masih kurang paham…
dwmonkeys
Feb 20, 2012 @ 09:10:14
Lokasi file video dimasukkan pada bagian value= “flv=namafile.flv
Jika menggunakan php, lokasi file dapat disimpan pada variable $url. Misalnya lokasi file berada di folder video dengan nama file movie.flv
Maka variable php tersebut di-assign menjadi $url=”video/movie.flv” lalu dilanjutnya kode yang dimulai dari <object type= diikuti kode2 selanjutnya.
Tapi jika ingin langsung menuliskan lokasi file, maka langsung saja value="flv=video/movie.flv diikuti kode2 selanjutnya.
ahmad
Mar 27, 2012 @ 13:31:56
Hasilnya mana coba tampilkan jangan screenshootnya doang .. Hahh ..
yohanes
Jul 21, 2012 @ 19:32:08
thx u 🙂 saya coba
budi supriatna
Jul 30, 2012 @ 03:33:42
susah ga masuk2 videonya….
budi supriatna
Jul 30, 2012 @ 03:47:27
berhasil juga simple ternyata….
didi
Apr 23, 2013 @ 14:46:15
sob kalaw video nya loop gimana script nya…maksud na vdeo tu putar ulang auto
tady
May 16, 2013 @ 11:40:47
saya sudah mencoba seperti yang di jelaskan diatas, namun pas akan di play, video tidak bisa tampil,(saya pakai browser mozilla firefox 20.0 dan flash player 11.7), dari permasalahan yang saya sebut diatas, apakah solusinya, trims sebelumnya
tady
May 16, 2013 @ 12:22:13
juga image cover tidak bisa ditampilkan sebelum playing video tsb
dwmonkeys
Nov 07, 2013 @ 16:04:37
Hai tady,
Sorry baru bales, soalnya saya udah lama gak buka blog ini.
Analisa saya kode yang dimasukkan untuk mengarahkan lokasi video/gambar tidak tepat.
Jika video/gambar ada pada direktori yg sama dengan file koding nya, maka cukup dengan penulisan file namenya nya. Contoh <param value:“flv=namafile.flv.
Jika berada pada child direktori dari file kodingnya misalnya foldernya bernama doc, maka penulisanya <param value:“flv=doc/namafile.flv.
Hal yang sama juga berlaku untuk konfigurasi start image
sukro
Nov 07, 2013 @ 11:11:39
bos file player_flv_maxi.swf to dmn letaknya? saya dah Download FLV-Player tp ndak ketemu.. hehe
dwmonkeys
Nov 07, 2013 @ 21:42:15
coba download disini: http://flv-player.net/medias/player_flv_maxi.swf
sukro
Nov 08, 2013 @ 10:14:08
yang keluar malah flv di browsernya bos… hehehe…
ndak ada link bt downloadnya..
tgwegw sdgsdgfgbdg
Jun 06, 2017 @ 18:39:56
bisa ga file mp4 di gogledrive di play di flowplayer???kalo bisa gimana caranya mksh ya
dwmonkeys
Jun 07, 2017 @ 07:57:59
Setahu saya tidak bisa pakai flow player.
Alternatifnya, bisa menggunakan fitur embed dari Google Drive.
Ini tutorialnya: https://pacificu.libguides.com/c.php?g=495911&p=3395956