Website dengan Pinch-to-Zoom via Kamera

Gunakan gerakan jari di depan kamera untuk memperbesar/memperkecil halaman ini

Fitur Utama

  • Deteksi tangan menggunakan AI
  • Gesture pinch-to-zoom untuk seluruh halaman
  • Kontrol zoom dengan jempol dan telunjuk
  • Antarmuka yang responsif
  • Indikator status real-time

Cara Menggunakan

  1. Klik "Aktifkan Kamera"
  2. Izinkan akses kamera ketika diminta
  3. Tunjukkan tangan ke kamera
  4. Gunakan jempol dan telunjuk untuk melakukan pinch-to-zoom
  5. Jauhkan jari untuk zoom in, dekatkan untuk zoom out

Konten Contoh

Halaman ini akan di-zoom secara keseluruhan ketika Anda melakukan gesture pinch di depan kamera. Cobalah dengan menjauhkan dan mendekatkan jempol dan telunjuk Anda.

🔍

Zoom In

Jauhkan jempol dan telunjuk

📱

Responsif

Bekerja di berbagai perangkat

👌

Gesture Alami

Seperti di perangkat touchscreen

Informasi Teknis

Komponen Teknologi Fungsi
Deteksi Tangan TensorFlow.js Handpose Mendeteksi posisi jari
Kamera WebRTC Mengakses feed kamera
Zoom CSS Transform Memperbesar/memperkecil halaman
UI Tailwind CSS Antarmuka yang menarik
Klik "Aktifkan Kamera" untuk memulai
Zoom: 100% | Jarak: 0.00