Difference between revisions of "Flowplayer: Instalasi"
Jump to navigation
Jump to search
Onnowpurbo (talk | contribs) |
Onnowpurbo (talk | contribs) |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 17: | Line 17: | ||
* flowplayer-3.2.6.min.js, api. | * flowplayer-3.2.6.min.js, api. | ||
| − | |||
| − | http:// | + | 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. | Perlu di catat bahwa flowplayer tidak akan menstreaming semua format video. Flowplayer akan menstreaming format video yang di dukung oleh Adobe Flash. | ||
| Line 31: | Line 38: | ||
# Masukan link dari video file di href | # Masukan link dari video file di href | ||
| − | Step 1: | + | |
| + | 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: | + | |
| + | 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 52: | ||
</a> | </a> | ||
| − | Step 3: | + | |
| + | |||
| + | 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 60: | ||
</script> | </script> | ||
| − | + | Hasil: | |
<html> | <html> | ||
| Line 57: | Line 68: | ||
</head> | </head> | ||
<body> | <body> | ||
| − | + | ||
<a | <a | ||
href="http://www.mywebsite.com/myVideo.flv" | href="http://www.mywebsite.com/myVideo.flv" | ||
| Line 70: | Line 81: | ||
</html> | </html> | ||
| − | + | ||
==Pranala Menarik== | ==Pranala Menarik== | ||
| Line 90: | Line 101: | ||
* [[Membuat Sendiri TV Internet]] | * [[Membuat Sendiri TV Internet]] | ||
| + | * [[Flowplayer]] | ||
| + | * [[Instalasi Lighttpd]] | ||
| + | * [[Flowplayer: Contoh BBCode]] | ||
* [[Flowplayer: Download]] | * [[Flowplayer: Download]] | ||
* [[Flowplayer: Instalasi]] | * [[Flowplayer: Instalasi]] | ||
| + | * [[Flowplayer: streamer php]] | ||
* [[Flowplayer: Konfigurasi]] | * [[Flowplayer: Konfigurasi]] | ||
* [[Multimedia di Linux]] | * [[Multimedia di Linux]] | ||
Latest revision as of 13:29, 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.
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.
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
- Masukan file flowplayer-3.2.6.min.js ke halaman web
- Load player dengan perintah JavaScript
- 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
- Membuat Sendiri TV Internet
- Flowplayer: Download
- Flowplayer: Instalasi
- Flowplayer: Konfigurasi
- Multimedia di Linux