Difference between revisions of "Flowplayer: Instalasi"

From OnnoWiki
Jump to navigation Jump to search
Line 31: Line 31:
 
# Masukan link dari video file di href
 
# 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:
+
 
 +
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>
 
  <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:
+
 
 +
Step 2: masukan link dari video file di web, cara paling sederhana adalah masukan tag berikut dan video akan secara automatis berjalan.
  
 
  <a  
 
  <a  
Line 43: Line 45:
 
  </a>
 
  </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:
+
 
 +
 
 +
Step 3: Terakhir, load player untuk tag yang di berikan, letakan script ini sesudah tag yang diberikan,
  
 
  <script language="JavaScript">
 
  <script language="JavaScript">
Line 49: Line 53:
 
  </script>
 
  </script>
  
−
The result: So a complete functional web page that plays videos with Flowplayer is:
+
Hasil:  
  
 
  <html>
 
  <html>
Line 57: Line 61:
 
  </head>
 
  </head>
 
  <body>
 
  <body>
−
 
+
 
  <a  
 
  <a  
 
  href="http://www.mywebsite.com/myVideo.flv"  
 
  href="http://www.mywebsite.com/myVideo.flv"  
Line 70: Line 74:
 
  </html>
 
  </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==
 
==Pranala Menarik==

Revision as of 11:35, 7 April 2011

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


Pranala Menarik

Referensi

Pranala Menarik

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