Membuat aplikasi webcam dengan php
|
Diposting pada tanggal 19 September 2017 Tentu anda pernah melihat banyak website yang mempunyai pilihan untuk mengganti gambar profile langsung dengan web camera. Misalnya seperti situs situs besar seperti facebook, dimana anda bisa mengambil foto dari komputer anda sendiri atau melalu web camera.
Tutorial ini kita akan belajar cara sederhana membuat fitur tersebut menggunakan webcam.js dan PHP, untuk melakukan itu anda harus mendownload terlebih dahulu plugin webcam.js. Download webcam.js atau webcam.min.js yang sudah di minify dan download juga webcam.swf. File index.php File upload.php Untuk mencobanya silahkan pakai localserver dan gunakan webcam bawaan dari laptop. Upload gambar langsung dari webcam – Dalam kasus tertentu kita sangat perlu menggunakan foto langsung dari pengguna, salah satunya sistem registrasi peserta seminar atau sistem mahasiswa pada kampus. Saat pengguna melakukan registrasi kita mengambil gambar terkini dari pengguna, ini bisa dijadikan sistem validasi bahwa yang mendaftar benar-benar mahasiswa yang terdaftar pada kampus tersebut. Mumpung ada waktu luang beberapa jam, saya mencoba membuat
form yang bisa mengambil gambar user langsung dari webcam. Pada tutorial ini saya menggunakan library webcam.js dan menggunakan teknik ajax untuk meng-upload gambar tersebut. Untuk backend supaya lebih cepat saya gunakan framework php yakni codeigniter. Baca Juga: Cara Mengambil Lokasi Dengan Menggunakan PHP dan Ajax Pertama,
siapkan framework dan silahkan kalian konfigurasi database dan yang lainnya. Saya buat form yang akan menyimpan username, email, password dan nama file gambar dari hasil capture. Kurang lebih struktur tablenya seperti di bawah ini. Setelah tampilan dibuat sekarang kita buat dibagian backend nya, buat sebuah controller dan isi kodingannya seperti di bawah ini : Bagaimana sangat mudah dan cepat kan buatnya? dan gambar tersebut langsung tersimpan pada sistem yang kalian buat. Bagi kalian yang ingin langsung download source code nya silahkan langsung kunjungi github saya pada link berikut : https://github.com/arigates/upload_webcam silahkan download yang capture.zip Webcam adalah device/perangkat yang termasuk penting saat ini. Bagaimana cara coding memanfaatkan webcam ini khususnya dalam pengembangan aplikasi web berbasis HTML5 dan JavaScript? Di video-video ini saya tunjukkan satu persatu cara-caranya: 1. Cara memrogram web untuk mengambil gambar dari kamera webcam dan menampilkannya pada browser
2. Cara menyimpan gambar shot foto dari webcam ke dalam sebuah direktori di server kita dengan PHP
3. Cara menukar mode kamera depan dan belakang dalam pemrograman JavaScript untuk menggunakan webcam
4. Cara menambahkan fitur toggle antara tag video webcam dan canvas hasil jepretan gambar
4. Cara mengganti sumber/source device webcam dengan JavaScript secara bergantian
Post Views: 613 Artikel PopulerHak Cipta ©2022 WebAppDev Creative |
