Flowplayer: Instalasi

From OnnoWiki
Jump to navigation Jump to search

Kebutuhan

Yang dibutuhkan adalah,

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


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.

Cara cepat untuk test 

http://serveranda.com/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.

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: To include file flowplayer-3.2.6.min.js in the web page you place the following tag in the HEAD section of your web page: 

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

Step 2: To place the link to your video file in the web page, the simplest way is to use the following A tag on your web page. The video will automatically play there: 

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

Step 3: Finally, to load the player on the A tag just described, you place the following script in your page, following the A tag: 

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

The result: So a complete functional web page that plays videos with Flowplayer is: 

<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>

This minimal way to show video is discussed in more detail in the minimal installation demo. The demos page has many more examples of installing and customizing Flowplayer.

Pranala Menarik

Referensi

Pranala Menarik

Retrieved from "https://onnocenter.or.id/wiki/index.php?title=Flowplayer:_Instalasi&oldid=26213"