Dokumentasi

Filters adalah aplikasi portal AR yang berjalan 100% di browser kamu. Tidak ada data video yang dikirim ke server manapun oleh aplikasi. Semua proses pelacakan tangan, filter, dan unduh foto terjadi secara lokal di perangkat kamu.

Cara Kerja

  1. Kamu mengizinkan akses kamera. Stream diproses di browser (memori perangkat).
  2. Model hand tracking MediaPipe dijalankan di perangkat (WASM). Landmark jari dipakai untuk membentuk portal.
  3. Filter diterapkan di dalam portal lewat Canvas 2D. Hingga 3 portal bisa aktif, masing-masing dengan pilihan jari sendiri.
  4. Preferensi (jari & jumlah portal) disimpan di Local Storage browser.
  5. Fitur ambil gambar menampilkan preview. File hanya diunduh ke perangkat kamu jika kamu menekan Unduh.

Alur Pemrosesan Data

Berikut adalah alur lengkap bagaimana data diproses dari kamera hingga foto:

  1. Input — kamera perangkat
  2. Hand tracking — MediaPipe di browser
  3. Portal & filter — render Canvas lokal
  4. Preview — ditampilkan di UI
  5. Download — opsional, ke perangkat kamu

Seluruh proses di atas terjadi di dalam browser. Tidak ada langkah yang melibatkan unggahan stream video ke server Filters.

Arsitektur Aplikasi

Filters dibangun sebagai aplikasi statis tanpa backend. Berikut komponen utamanya:

  • Build tool Vite
  • Hand tracking MediaPipe Hands (WASM)
  • Rendering Canvas 2D
  • Preferensi Local Storage
  • Database Tidak ada
  • Backend API Tidak ada

Keamanan Data

  • Tidak ada cookies tracking atau analytics yang dipasang.
  • Tidak ada sistem login atau akun pengguna.
  • Tidak ada database di sisi server aplikasi.
  • Data preferensi hanya di Local Storage browser dan di memori selama tab terbuka.
  • Kamu bisa memverifikasi traffic lewat DevTools → Network.

Teknologi yang Digunakan

  • Vite
  • @mediapipe/tasks-vision
  • Canvas API
  • getUserMedia (WebRTC API browser)
← Kembali ke Home