Deteksi Wajah di Browser: Implementasi AI Ringan dengan TensorFlow.js

Menjalankan kecerdasan buatan (AI) biasanya membutuhkan server backend berspesifikasi tinggi dengan GPU. Namun, dengan TensorFlow.js, kita bisa menjalankan model machine learning secara langsung di sisi pembaca (client-side) menggunakan browser.

Keuntungan Memproses AI di Browser

1. Gratis Biaya Server: Beban pemrosesan gambar atau video webcam berada di komputer/HP pengguna.
2. Keamanan Data (Privacy): Gambar dari kamera web diproses langsung secara lokal dan tidak dikirim ke server internet mana pun.
3. Tanpa Delay Jaringan: Deteksi berjalan instan (sub-second) karena tidak perlu menunggu respon server.

Bagaimana Cara Kerjanya?

Model jaringan saraf tiruan (CNN) dilatih terlebih dahulu menggunakan data gambar emosi wajah (misalnya dataset FER). Setelah model matang, model tersebut dikonversi agar ramah browser dan dimuat menggunakan JavaScript:

import * as tf from '@tensorflow/tfjs';

// Muat model AI yang sudah dikonversi
const model = await tf.loadLayersModel('/path-model/model.json');

// Lakukan prediksi dari elemen video webcam
const prediction = model.predict(prosesGambar(videoElement));

Teknologi ini membuka peluang besar untuk membuat aplikasi interaktif, seperti sistem rekomendasi musik berbasis suasana hati (mood) secara langsung dan aman.