[ Web Proxy ]
URL:
Viewing: https://developer.mozilla.org/ja/docs/Web/API/Sensor_APIs [Back]  [Original]

API - Web API | MDN

MDN Web Docs

View in English Always switch to English

API

: (HTTPS)

API (Sensor APIs)

API (Generic Sensor API) Sensor Accelerometer 3

Gyroscope AbsoluteOrientationSensor 2 ()

API API API

API API ()

API 3 try...catch Navigator

js
if (typeof Gyroscope === "function") {
  // 
}

if ("ProximitySensor" in window) {
  // 
}

if (window.AmbientLightSensor) {
  // 
}

API 3

try...catch error

js
let accelerometer = null;
try {
  accelerometer = new Accelerometer({ referenceFrame: "device" });
  accelerometer.addEventListener("error", (event) => {
    // 
    if (event.error.name === "NotAllowedError") {
      // 
    } else if (event.error.name === "NotReadableError") {
      console.log("");
    }
  });
  accelerometer.addEventListener("reading", () => reloadOnShake(accelerometer));
  accelerometer.start();
} catch (error) {
  // 
  if (error.name === "SecurityError") {
    //  Permissions Policy 
    console.log(
      " Permissions Policy ",
    );
  } else if (error.name === "ReferenceError") {
    console.log("");
  } else {
    throw error;
  }
}

Permissions Policy

API Permissions-Policy

js
navigator.permissions.query({ name: "accelerometer" }).then((result) => {
  if (result.state === "denied") {
    console.log("");
    return;
  }
  // 
});

SecurityError

js
const sensor = new AbsoluteOrientationSensor();
sensor.start();
sensor.addEventListener("error", (error) => {
  if (event.error.name === "SecurityError")
    console.log("AbsoluteOrientationSensor ");
});

Permissions API<iframe> allow Permissions-Policy

Permission Policy
AbsoluteOrientationSensor 'accelerometer' 'gyroscope' 'magnetometer'
Accelerometer 'accelerometer'
AmbientLightSensor 'ambient-light-sensor'
GravitySensor 'accelerometer'
Gyroscope 'gyroscope'
LinearAccelerationSensor 'accelerometer'
Magnetometer 'magnetometer'
RelativeOrientationSensor 'accelerometer' 'gyroscope'

reading 1 1 1

Magnetometer

js
let magSensor = new Magnetometer({ frequency: 60 });

magSensor.addEventListener("reading", (e) => {
  console.log(`X  ${magSensor.x}`);
  console.log(`Y  ${magSensor.y}`);
  console.log(`Z  ${magSensor.z}`);
});
magSensor.addEventListener("error", (event) => {
  console.log(event.error.name, event.error.message);
});
magSensor.start();

AbsoluteOrientationSensor

Accelerometer

3

AmbientLightSensor

GravitySensor

3

Gyroscope

3

LinearAccelerationSensor

3

Magnetometer

OrientationSensor

AbsoluteOrientationSensor

RelativeOrientationSensor

Sensor

SensorErrorEvent

Sensor

Generic Sensor API
Accelerometer
Orientation Sensor
Ambient Light Sensor
Gyroscope
Magnetometer

api.Sensor

api.Accelerometer

api.OrientationSensor

api.Gyroscope

api.Magnetometer

api.AmbientLightSensor


Web Proxy Viewer  |  New URL  |  Original Page