Global Variables

Selasa, 20 September 2011

Membuat aplikasi Web CAm Dengan Adobe Flash CS5

Webcam 300x241 Membuat Aplikasi WebCam Dengan Adobe Flash CS5
Hampir semua laptop yang ada sekarang memiliki fitur webcam sebagai bawaannya. Seberapa sering kita memanfaatkannya? Aplikasi Online yang menyediakan Live Streaming webcam pun rupanya tidak jauh berbeda halnya dengan aplikasi streaming video, dimana sebagian besar menggunakan Flash sebagai platformnya. Hanya saja untuk mentransmisikannya, diperlukan Flash Media Server atau alternatifnya, Red5.
Pada flash kita dapat menembus kamera dengan cara membuat objek sebuah camera, kemudian dengan methodgetCamera() gambar yang ditangkap oleh kamera di komputer kita menjadi sebuah live video. Nah, untuk melihat hasil video tersebut secara local (tanpa melalui koneksi streaming), kita dapat meng-attach –nya di sebuah objek movie yang kita buat. Langkah-langkahnya adalah sebagai berikut:
1. Buat sebuah file flash baru dengan action script 3.0. Caranya klik menu File > New > General > ActionScript 3.0.
110 Membuat Aplikasi WebCam Dengan Adobe Flash CS5
2. Pada panel, Properties tuliskan Webcam di kolom document class. Bila muncul warning abaikan saja, karena definisi class ini akan kita buat nanti.
26 Membuat Aplikasi WebCam Dengan Adobe Flash CS5
3. Simpan file flash ini, klik menu File > Save As.
4. Buatlah sebuah file ActionScript eksternal yang mendefinisikan class dokumen kita, caranya klik menu File > New > General > ActionScript File.
34 Membuat Aplikasi WebCam Dengan Adobe Flash CS5
5. Tuliskan Script berikut pada pada file ActionScript tersebut:
package
{
import flash.display.Sprite;
import flash.media.Camera;
import flash.media.Video;

public class Webcam extends Sprite
{
private var webcam:Video = new Video();
private var camera:Camera;
private var camQuality:int = 80;
private var fps:int = 30;

public function Webcam():void {
webcam.width = 640;
webcam.height = 480;
camera = Camera.getCamera();
camera.setQuality(0, camQuality);
camera.setMode(webcam.width, webcam.height, fps);
webcam.attachCamera(camera);
this.addChild(webcam);
}
}
}
Perhatikan code diatas, disini kita men-settings ukuran video pada layar sebesar 640 x 480 dengan kualitas 80, dan nilai FPS sebesar 30. Sederhana bukan?
6. Klik menu File > Save As. Simpan file ini dengan nama Webcam.as pada folder yang sama dengan tempat kita menyimpan file Flash sebelumnya.
7. Sekarang kembali ke File Flash untuk mengecek settingan publish, dan kemudian mem-publisnya. Klik menu File > Publish Settings.
publish settings Membuat Aplikasi WebCam Dengan Adobe Flash CS5
8. Checklish pilihan HTML untuk mendapatkan hasil SWF yang di embed ke sebuah file HTML, agar kita dapat melihat hasilnya nant melalui web browser. checklist html Membuat Aplikasi WebCam Dengan Adobe Flash CS5
9. Klik pilihan publish, atau tekan Shift+F12 pada keyboard.
publishing Membuat Aplikasi WebCam Dengan Adobe Flash CS5
10. Lihat file HTML yang keluar, buka file ini dengan web broser yang kita punya. Jika sukses, maka pada awal tampilan Flash keluar akan menunjukkan sebuah dialog konfirmasi , ini muncul karena Flash Player memiliki prosedur standar untuk menjaga keamanan dan privasi dimana pada flash movie ini kita mencoba untuk meng-akses kamera webcam yang ada di komputer. Klik Allow untuk melanjutkan.
allow Membuat Aplikasi WebCam Dengan Adobe Flash CS5
11. Akhirnya, wajah anda yang tersorot webcam pun muncul di browser jika anda memiliki fasilitas Cam.
finishing webcam tutorial Membuat Aplikasi WebCam Dengan Adobe Flash CS5

0 komentar:

Posting Komentar