DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
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.
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();
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();
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();
AmbientLightSensor digunakan untuk mendeteksi cahaya sekitar.
let ambientLightSensor = new AmbientLightSensor();
ambientLightSensor.addEventListener('reading', () => {
console.log(`Current light level: ${ambientLightSensor.illuminance}`);
});
ambientLightSensor.start();
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.