9 Juni 2007

Membuat Flash Video Player sendiri


pinjem video dari: Iman Brotoseno

Sudah banyak video yang di pasang di website-website maupun web blog setelah popularnya Youtube dan Google belakangan ini. Video-video ini dipasang dengan menggunakan free player yang disedikan oleh mereka. Jadi kita dapat sharing video milik kita yang ditampung di server mereka untuk dipasang di website milik orang.

Nah sekarang gimana kalau kita menggunakan player milik sendiri?
asyik juga kali ya... bisa pasang logo di player itu dan kita juga bisa sharing seperti Youtube dan Google punya.

Disini saya mencoba kasih sedikit trik membuat player sendiri yang simple yang dapat memutar file flash video (flv) sendiri dari mana saja dan trik ini juga saya gunakan di beberapa project pembuatan website multimedia yang saya buat.

Player yang coba dibuat ini menggunakan Flash v.8 dan berikut langkah-langkahnya:

Langkah-1
Buat file flash baru dengan nama 'player'

Langkah-2
Karena document file yang akan kita buat adalah sebuah player, kita set ukuran document ini sesuai dengan player yang kita inginkan melalui toolbar 'modify' | 'document'


Disini saya coba setting dengan ukuran referensi video dari flash (320x240 pixels), kita tambahkan ukuran untuk tinggi menjadi 280 karena space untuk 'playback' video-nya.

Langkah-3
Setting fps (frames per second) dengan 12 standard flash dan supaya video yang dijalankan tidak terlalu berat untuk dimainkan.

Langkah-4Atur lembar kerja layer menjadi 2 beri nama 'action' dan 'player' seperti gambar dibawah:

Langkah-5
Tarik component Playback yang ada di window components, letakkan pada layer 'player'

Beri nama instance name-nya dengan 'player_mc'

Setelah itu rubah angka parameter untuk 'Buffer Time' menjadi 5 (untuk memberi kesempatan playback untuk buffering video sebelum dimainkan dari parameter standarnya adalah 0.1).
Karena dengan parameter 0.1 hampir tidak memungkinkan dengan koneksi yang ada di Indonesia sekarang ini, video akan tersendat-sendat waktu dimainkan.

Langkah-6
Masukkan action script berikut pada layer 'action' melalui window 'action'

Tentukan variable yang bersifat global dengan nama 'file',
variable ini bisa juga difungsikan sebagai URL variable yang dapat dikirim dari luar flash movie
_global.file;

masukkan script ini dibawahnya, yaitu script sebagai playback video yang dibuat:import mx.video.*;
var listenerObject:Object = new Object();
listenerObject.stateChange = function(eventObject:Object):Void {
if(player_mc.buffering){
_root.buffering_mc._visible = true;
} else {
_root.buffering_mc._visible = false;
}
};
player_mc.addEventListener("stateChange", listenerObject);

Tentukan file video yang akan dimainkan
player_mc.contentPath = _root.file;

Langkah-7
Publish file flash anda dengan nama 'player.swf'

Langkah-8
Langkah terakhir adalah memainkan dan memanggil flv file melalui HTML file (player.html)

Buka file html anda dengan 'dreamweaver', tambahkan parameter nama flv file berikut pada object flash anda:

player.swf?file=namafile.flv

Untuk memanggil file yang ada di web masukkan lengkap dengan nama URL anda sepert:

player.swf?file=http://mediasolusindo.com/player/telkomsel.flv

Silahkan berkreasi untuk digabungkan dengan PHP script misalnya atau yang lainnya, trik ini sudah saya coba di beberapa web multimedia yang saya buat seperti:

- Fast Films Production
- Visi Caldecott
- Iman Brotoseno Film Director and Underwater Photography
Selamat Mencoba ...!!!

2 Juni 2007

Mengalihkan Halaman Website (Re-Direct Page)


Pernah lihat website dengan alamat domain .com tapi isinya blog yang ada banner blogspot-nya atau yang lain? ini juga jadi pertanyaan client saya waktu ingin membuat website dengan dana seminim mungkin tapi selain bisa menggunakan email dengan nama domain sendiri juga dengan website dengan alamat tersebut, "Namanya juga perusahaan baru berdiri" katanya. Emang sih gak enak juga kedengeranya kalau ada yang komentar "Bisnis kok pake gratisan?" yang akhirnya kridibilitas bisnis kita jadi dipertanyakan.

Untuk kasus diatas diluar bisnis perlu gak-nya perusahaan memiliki website yang profesional, saya coba kasih trik yang sebenernya sudah lama dilakukan oleh web designer maupun web programmer dengan tujuan pengunjung website tidak perlu mengetahui alamat fisik selama dia 'surfing' di website tersebut.

Trik yang digunakan biasanya menggunakan 'javascript' dengan framing halaman website tersebut, trik ini juga saya pakai di hampir semua website yang saya buat. Karena selain dapat mengecoh pengunjung untuk tidak dapat mengetahui file fisik yg digunakan (tapi tetep aja sih kalo di uprek ketauan juga... :)) untuk saya lebih mudah unuk me-manage file-file website tersebut.

Berikut Langkahnya:

Buat atau Edit file index dari website kita, kemudian ganti isinya dengan ini:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>[Nama Website]</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="[Keterangan Website]" />
</head>
<frameset rows="100%">
<frame name="top" src="[Alamat Pengalihan]">
<noframes>
<body>
<p>This page uses frames, but your browser doesn't support them.</p>
</body>
</noframes>
</frameset>
</html>

Keterngan:
[Nama Website] : Isi judul Website anda
[Keterangan Website] : Isi dengan Keterangan Website Anda yang akan menjadi keterangan di 'search engine' seperti google bila website anda muncul.
[Alamat Pengalihan] : isi dengan alamat pengalihan yang diinginkan seperti : http://ipulanwar.blogspot.com

Selamat Mencoba!