Senin, 09 Juli 2012

cara membuat aplikasi webcame

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.0Membuat Aplikasi WebCam Dengan Adobe Flash CS5 Image
  2. Pada panel, Properties tuliskan Webcam di kolom document class. Bila muncul warning abaikan saja, karena definisi class ini akan kita buat nanti. Membuat Aplikasi WebCam Dengan Adobe Flash CS5 Image
  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 FileMembuat Aplikasi WebCam Dengan Adobe Flash CS5 Image
  5. Tuliskan Script berikut pada pada file ActionScript tersebut:
  6. 1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    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?
  7. Klik menu File > Save As. Simpan file ini dengan nama Webcam.as pada folder yang sama dengan tempat kita menyimpan file Flash sebelumnya.
  8. Sekarang kembali ke File Flash untuk mengecek settingan publish, dan kemudian mem-publisnya. Klik menu File > Publish SettingsMembuat Aplikasi WebCam Dengan Adobe Flash CS5 Image
  9. Checklish pilihan HTML untuk mendapatkan hasil SWF yang di embed ke sebuah file HTML, agar kita dapat melihat hasilnya nanti melalui web browserMembuat Aplikasi WebCam Dengan Adobe Flash CS5 Image
  10. klik pilihan publish, atau tekan Shift+F12 pada keyboardMembuat Aplikasi WebCam Dengan Adobe Flash CS5 Image
  11. 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. Membuat Aplikasi WebCam Dengan Adobe Flash CS5 Image
  12. Akhirnya, wajah anda yang tersorot webcam pun muncul di browser jika anda memiliki fasilitas Cam. Membuat Aplikasi WebCam Dengan Adobe Flash CS5 Image
Bagi yang ingin mendapatkan Source File secara lengkap bisa di download di: http://v5.indowebster.com/webcam_1.html.

0 komentar: