Flowplayer: Instalasi

From SpeedyWiki

Jump to: navigation, search

Contents

[edit] Kebutuhan

Yang dibutuhkan adalah,

  • Sebuah web server.
  • Copy Flowplayer file di server.
  • Copy video file di server
  • Masukan Flowplayer di halaman web.


[edit] File Flowplayer

File yang perlu di letakan di web server

  • flowplayer-3.2.7.swf, player;
  • flowplayer.controls-3.2.5.swf, optional control bar
  • flowplayer-3.2.6.min.js, api.


Caranya cepat

cp flowplayer-3.2.7.zip /var/www/
cd /var/www
unzip flowplayer-3.2.7.zip

Pastikan pada PC / laptop client sudah dilakukan Instalasi Adobe Flash Player. Test Web

http://localhost/flowplayer/example/index.html

Perlu di catat bahwa flowplayer tidak akan menstreaming semua format video. Flowplayer akan menstreaming format video yang di dukung oleh Adobe Flash.

[edit] Memasukan Flowplayer ke Halaman Web

Untuk dapat menjalankan video dengan Flowplayer, kita harus memasukan Flowplayer ke halaman web tersebut. Untuk setiap halaman kita perlu menambahkan langkah berikut

  1. Masukan file flowplayer-3.2.6.min.js ke halaman web
  2. Load player dengan perintah JavaScript
  3. Masukan link dari video file di href


Step 1: masukan file flowplayer-3.2.6.min.js di web masukan tag berikut di bagian HEAD dari web anda:

<script src="path/to/the/flowplayer-3.2.6.min.js"></script>


Step 2: masukan link dari video file di web, cara paling sederhana adalah masukan tag berikut dan video akan secara automatis berjalan.

<a 
	href="http://www.mywebsite.com/myVideo.flv" 
	style="display:block;width:425px;height:300px;" 
	id="player">
</a>


Step 3: Terakhir, load player untuk tag yang di berikan, letakan script ini sesudah tag yang diberikan,

<script language="JavaScript">
	flowplayer("player", "path/to/the/flowplayer-3.2.7.swf");
</script>

Hasil:

<html>
<head>
	<title>Wow! This is video</title> 
	<script src="path/to/the/flowplayer-3.2.6.min.js"></script>
</head>
<body>

<a 
	href="http://www.mywebsite.com/myVideo.flv" 
	style="display:block;width:425px;height:300px;" 
	id="player">
</a>

<script language="JavaScript">
	flowplayer("player", "path/to/the/flowplayer-3.2.7.swf");
</script>
</body>
</html>


[edit] Pranala Menarik

[edit] Referensi

[edit] Pranala Menarik

Personal tools