Skip to content

emka.web.id

menulis pengetahuan – merekam peradaban

Menu
  • Home
  • Tutorial
  • Makalah
  • Ke-NU-an
  • Kabar
  • Search
Menu

Belajar PHP: Membuat Web Video Player dengan FlowPlayer

Posted on June 5, 2011

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:
[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="https://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>
[/sourcecode]

Contoh

Silakan klik disini (https://emka.web.iddemo/flowplayer/)

Selamat mencoba!

Terbaru

  • Apa itu Website SugarDaddy.com? Hati-hati Ilegal!
  • Apa Itu Pekerjaan Clipper Tiktok?
  • Mengenal Situs tiktoklikesgenerator.com
  • Apa itu Ovil App Studio?
  • jimpl.com: Alat Online Gratis untuk Melihat Metadata dan Data EXIF Foto
  • Kenapa Chromebook Tak Populer di Indonesia?
  • 10 Cara Menambah Followers Instagram Gratis di Tahun 2025: Strategi Lengkap
  • Cara Dapat Reward Telkomsel Prestige Gold 17GB
  • 5 Fitur Premium di ASUS Gaming K16 K3605VC, Laptop Gaming dengan Harga Terjangkau!
  • Inilah 6 SMA Swasta Terbanyak Masuk PTN dan Kampus Luar Negeri
  • Cara Didik Anak agar Disiplin dan Bertanggung Jawab atas Tindakannya
  • Apa itu Badan Otorita Pengelola Pantai Utara Jawa (BOP Pantura)?
  • Contoh Makalah K3: Apa itu Sertifikasi K3?
  • Cara Cek Bansos September 2025
  • Ini Jadwal Kereta Bandara Adi Soemarmo Agustus 2025
  • Apa itu Jabatan Fungsional Penggerak Swadaya Masyarakat Ahli Pertama?
  • Cagongjok: Budaya Memalukan Korea, Ketika Kafe Jadi Kantor dan Ruang Belajar
  • Pengertian Anomali Brainrot
  • Penemuan DNA Denisovan Manusia Purba Amerika
  • SpaceX Akan Luncurkan Pesawat Rahasia X-37B Space Force Amerika
  • Biawak: Antara Hama dan Penjaga Ekosistem
  • Ini Profil Komjend Dedi Prasetyo Wakapolri Baru
  • Fraksi PKB DPRD Pati Tetap Selidiki Dugaan Pelanggaran Kasus RSUD Pati
  • Fraksi PKB Kritik Penggunaan Anggaran Prabowo, Fokus pada Fasilitas Publik
  • Inilah Syarat Nilai Minimal Raport Pendaftar SNBP 2026
  • Kemendikdasmen Sangkal Isu PPG Guru Tertentu Tidak Ada Lagi
  • Ini Struktur Kurikulum Kelas 5 SD/MI Sederajat Menurut Permendikdasmen No 13 Tahun 2025
  • Ini Struktur Kurikulum Kelas 3 dan 4 SD/MI Menurut Permendikdasmen No 13 Tahun 2025
  • Inilah Struktur Kurikulum Kelas 3 dan 4 SD/MI Menurut Permendikdasmen No 13 Tahun 2025
  • Ilmuwan Colorado University Bikin Particle Collider Mini, Bisa Atasi Kanker
  • Apa itu Website SugarDaddy.com? Hati-hati Ilegal!
  • Apa Itu Pekerjaan Clipper Tiktok?
  • Mengenal Situs tiktoklikesgenerator.com

©2025 emka.web.id | Design: Newspaperly WordPress Theme