Sekilas tentang FlowPlayer
FlowPlayer adalah sebuah video player berbasis web. Teknologi yang
digunakan adalah player berbasis Shockwave Flash (milik Adobe) dan
sebuah JavaScript. FlowPlayer digunakan untuk melakukan streaming video
pada suatu halaman web. FlowPlayer dilepas dengan lisensi GPL 3+ dan
tersedia dalam dua versi. Versi OpenSource yang gratis dan versi
Commercial yang dapat dikustomasi dan dibranding ulang
Download FlowPlayer
Silahkan download di sini
Membuat Web Video Player dengan FlowPlayer
Tujuan praktik kita kali ini adalah membuat sebuah halaman web mampu
melakukan streaming video dengan bantuan FlowPlayer. Video yang akan
digunakan berupa video flash (FLV). Untuk itu download dulu FlowPlayer
dari tautan diatas ekstrak dengan WinZIP/WinRAR atau menggunakan
aplikasi yang lain.
Langkah-langkahnya adalah seperti ini...
1. Ekstrak file flowplayer-3.2.7.zip (atau yang lebih baru) dengan ekstraktor ZIP/RAR,
2. Buat sebuah folder baru pada folder htdocs XAMPP/server anda. misalnya: latihanflowplayer
3. Copy file flowplayer-3.2.7.swf, flowplayer.controls-3.2.5.swf dan
flowplayer-3.2.6.min.js dari folder ekstrak flowplayer ke folder
/latihanflowplayer/
4. Buat sebuah file PHP baru, misalnya index.php dan tulis:
[sourcecode language="php"]
<html>
<head>
<title>Latihan Web Video Player dengan FlowPlayer</title>
<!– install flowplayer disini dengan load javascriptnya –>
<script type="text/javascript" src="flowplayer-3.2.6.min.js"></script>
</head>
<body>
<p>
<h3>Judul Video: Sejarah Nahdlatul Ulama (arabic)</h3>
<!– taruh nama video disini –>
<a
href="http://emka.web.id/wp-content/uploads/2011/06/Sejarah-NU-arabic.flv"
style="display:block;width:520px;height:330px"
id="player">
</a>
<!– atur flowplayer disini –>
<script>
flowplayer("player", "flowplayer-3.2.7.swf");
</script>
<small>Judul Video: Sejarah Nahdlatul Ulama (arabic). Produksi: PCI NU Sudan<small>
</p>
</body>
</html>
Tidak ada komentar:
Posting Komentar