Membuat Aplikasi WebCam Dengan Adobe Flash CS5

Sep 3, 2011 by Under Tips & Trik - 12 Comments  

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
  2. Pada panel, Properties tuliskan Webcam di kolom document class. Bila muncul warning abaikan saja, karena definisi class ini akan kita buat nanti. 
  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
  5. Tuliskan Script berikut pada pada file ActionScript tersebut:
  6. 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 Settings
  9. Checklish pilihan HTML untuk mendapatkan hasil SWF yang di embed ke sebuah file HTML, agar kita dapat melihat hasilnya nanti melalui web browser. 
  10. klik pilihan publish, atau tekan Shift+F12 pada keyboard. 
  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. 
  12. Akhirnya, wajah anda yang tersorot webcam pun muncul di browser jika anda memiliki fasilitas Cam. 

Bagi yang ingin mendapatkan Source File secara lengkap bisa di download di: http://v5.indowebster.com/webcam_1.html.

  1. reynardo
    Nov 26, 2011

  2. ada yang tau download adobe flash cs5 dimana bukan yang biasa tapi yang seperti ini (www.xpsp3_5512.080413-2113_usa_x86fre_spcd.iso)
    ada yang tau ?

  3. suhendri
    Dec 23, 2011

  4. Mas, saya mau buat live webcam lebih dari satu..
    klo action scriptnya untuk langsung memilih nama webcam gimana ya?

    contoh..
    nama webcam installernya:

    kamera1
    kamera2

    nah actionscript memilih kamera diatas gimana?
    sehingga saya buat perintah. yang bisa memilih kamera1 atau kamera 2..

    gitu mas. mohon pencerahannya…

  5. Buya
    Dec 28, 2011

  6. Mas, gmna caranya mengkoneksikan untuk melakukan video conference, mohon pencerahan

  7. aril piterpen
    Dec 29, 2011

  8. mbuuah kito gan blingerti

  9. umar
    Mar 28, 2012

  10. Trims, Bro, sangat membantu untuk apa yang sedang gue kerjakan!!
    Btw, bisa direkam gak ya, videonya?

  11. michael
    May 18, 2012

  12. aku dah ngerti nih,sekarang cara capture gambarnya gimana???

  13. alfian
    Aug 31, 2012

  14. sudah bisa di akses pak.. tpi bagaimana y agar bisa di share secara sesuai dengan localhost dengan aplikasi red5

  15. aurora
    Oct 16, 2012

  16. Infonnya makasih banget tapi komputernya yg lemot hehehe :D

  17. Rahmat
    Dec 30, 2012

  18. mas kalo untuk suaranya gimana mas???
    mohon infonya yahhh…

  19. elina
    Jan 29, 2013

  20. mau nanyain , kenapa yah laptop saya pas mau wecamp.an di fb enggak bisa . gimana yah ??

  21. Fikri
    Jan 29, 2013

  22. @elina: Maksudnya webcam di FB bagaimana ya?

  23. Aprhy
    Feb 7, 2013

  24. Numpang nanya klo mau buat webcam lebih dari satu..
    klo action scriptnya untuk langsung aktif lebih dari 1 webcam dalam 1 aplikasi

    contoh….
    aplikasi game ada 2 webcam
    kamera1
    kamera2

    nah actionscript gmna ya ?
    mohon pencerahannya…

(Required)

Saya bukan SPAMMER!

webcam, Cara membuat video swf dengan adobe flash cs5, membuat capture webcam dengan html, Buat aplikasi kamera pada facebook, agar webcam live streaming, cara wabcam untuk mini DV, videocam yang sering populer, gambar gambar media penyimpan di komputer, mengatasi local areal network yang tidak ada, cara memindahkan phonebook blackberry ke komputer, cara setting huruf di facebook, antivirus tanpa menghapus file, aplikasi android sensor gerak, cara daftar id pb thailand, cara mengisi aplikasi samsung tab, mengatasi masalah print hp deskjet 1280, solusi memori minta format terus, cara masuk bios lenovo,