DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja

Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

SENSOR API

Artikel ini menjelaskan tentang Sensor API dalam JavaScript, cara menggunakannya dan contoh kode yang dapat digunakan.

JavaScript Sensor API adalah kumpulan antarmuka yang memungkinkan penggunaan berbagai jenis sensor pada perangkat fisik melalui aplikasi web. Sensor ini antara lain mencakup sensor orientasi, sensor gerakan, sensor cahaya, sensor kelembaban dan banyak lagi.

Sensor API memfasilitasi interaksi antara hardaware sensor perangkat kita dan aplikasi web. Setiap jenis sensor memiliki antarmuka API khusus sendiri.

Menggunakan Sensor API

Sebelum menggunakan Sensor API, pastikan perangkat kamu mendukung API yang ingin kamu gunakan.

Begini cara menggunakan Sensor API:

let sensor = new AbsoluteOrientationSensor({frequency: 60});

sensor.addEventListener('activate', () => console.log('Ready to measure orientation.'));

sensor.addEventListener('reading', () => console.log(`Orientation along the X, Y and Z axis ${sensor.quaternion[0]}, ${sensor.quaternion[1]}, ${sensor.quaternion[2]}`));

sensor.start();

Spesifik Sensor API

1. Accelerometer

Accelerometer mengukur akselerasi (perubahan kecepatan) suatu objek. Sensor ini bisa digunakan untuk mendeteksi pergerakan seperti menggoyang perangkat.

let accelerometer = new Accelerometer({frequency: 60});

accelerometer.addEventListener('reading', e => {
  console.log(`Acceleration along X-axis: ${accelerometer.x}`);
  console.log(`Acceleration along Y-axis: ${accelerometer.y}`);
  console.log(`Acceleration along Z-axis: ${accelerometer.z}`);
});

accelerometer.start();

2. Gyroscope

Gyroscope digunakan untuk mendeteksi rotasi atau putaran

let gyroscope = new Gyroscope({frequency: 60});

gyroscope.addEventListener('reading', e => {
  console.log(`Angular velocity along the X-axis ${gyroscope.x}`);
  console.log(`Angular velocity along the Y-axis ${gyroscope.y}`);
  console.log(`Angular velocity along the Z-axis ${gyroscope.z}`);
});

gyroscope.start();

3. AmbientLightSensor

AmbientLightSensor digunakan untuk mendeteksi cahaya sekitar.

let ambientLightSensor = new AmbientLightSensor();
ambientLightSensor.addEventListener('reading', () => {
  console.log(`Current light level: ${ambientLightSensor.illuminance}`);
});
ambientLightSensor.start();

Kesimpulan

JavaScript Sensor API sangat berguna untuk memanfaatkan hardware dari perangkat pengguna dalam aplikasi web. Dengan menggunakan API ini, kita dapat membuat pengalaman pengguna yang lebih interaktif dan inovatif.

👈🏼 Service Worker API
Touch events 👉🏼