Aplikasi ini adalah sebuah web berbasis HTML, JavaScript, dan Bootstrap 5 yang memungkinkan pengguna untuk mengambil foto dengan frame ukuran 3x4, memilih kamera yang digunakan, serta mengganti background secara otomatis dengan pilihan warna merah atau biru.
- Menampilkan video dari webcam dengan resolusi penuh.
- Menampilkan frame 3x4 sebagai panduan pengambilan foto.
- Memungkinkan pengguna memilih kamera yang ingin digunakan.
- Menghapus background menggunakan teknologi machine learning (BodyPix) dan menggantinya dengan warna solid (merah atau biru). Remove Background
- Menyediakan input untuk memasukkan nama file sebelum mengambil foto.
- Menampilkan preview sebelum mendownload hasil foto.
- Memungkinkan pengguna mengulang proses jika hasil tidak sesuai.
- Hasil foto otomatis dipotong sesuai ukuran frame 3x4 sebelum diunduh.
- Buka halaman aplikasi di browser yang mendukung akses kamera.
- Pilih kamera yang ingin digunakan dari dropdown.
- Masukkan nama file untuk menyimpan hasil foto.
- Pilih warna background yang diinginkan (Merah atau Biru).
- Klik tombol "Ambil Foto" untuk mengambil gambar.
- Periksa preview hasil foto yang telah diproses.
- Jika hasil sudah sesuai, klik "Download Foto".
- Jika ingin mengambil ulang, klik "Ulangi" dan ulangi langkah sebelumnya.
- HTML5 & CSS3: Untuk struktur dan styling aplikasi.
- Bootstrap 5: Untuk desain yang responsif dan menarik.
- JavaScript: Untuk logika pengambilan gambar dan pengolahan data.
- TensorFlow.js & BodyPix: Untuk mendeteksi dan menghapus background secara otomatis.
Berikut adalah tampilan dari aplikasi:
- Clone repositori ini:
git clone https://github.com/Cantrik-art/project-kamera-kts.git
- Buka file
index.html
di browser. - Pastikan browser memiliki izin untuk mengakses kamera.
- Gunakan aplikasi sesuai panduan di atas.
Aplikasi ini dirilis dengan lisensi MIT. Bebas digunakan dan dimodifikasi sesuai kebutuhan.
Selamat menggunakan aplikasi! 🚀