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
Silakan download FlowPlayer terbaru di situs resminya: http://www.flowplayer.org/ atau via link berikut: Klik Disini
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 dsb.
Berikut langkahnya:
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:
<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>
Contoh
Silakan klik disini (http://emka.web.id/demo/flowplayer/)
Selamat mencoba!
Incoming search terms:
- php video player
- video player php
- membuat video streaming pada php
- script video pada php
- cara menggunakan flowplayer
- membuat web video
- membuat web video streaming
- membuat video di web
- membuat video player dengan php
- membuat website streaming
Tulisan Menarik Lainnya
4 Comments on “Belajar PHP: Membuat Web Video Player dengan FlowPlayer”
You can track this conversation through its atom feed.
wah kebetulan ni ada tugas untuk membuat desain web.. terima kasih ya tutorialnya..
btw saya mau tanya ni untuk mengembangkan web yang sudah jadi..
menggunakan dreamweaver, adakah cara untuk menambahkan javascript dan template smarty?? mohon saran n bimbingannya ya.. tolong di cek web http:/cakraindah.net terima kasih
Posted on September 6, 2011 at 3:51 pm.
kalau JavaScript tinggal disisipkan, untuk smarty harus manut sama aturan syntax templatenya smarty, bisa disisipi javascript juga
Posted on September 7, 2011 at 12:32 am.
Thanks ya Mas, atas artikel Flowplayernya.
Posted on September 9, 2011 at 5:37 am.
Thanks ya Mas artikel Flowplayernya, kalau ada mohon dimuat artikel cara membuat radio internet.
Posted on September 9, 2011 at 7:29 am.