Get started with pressure CDN

MIT licensed

Lightweight library for creating gauges, dials: Pressure.

Tags:
  • forcetouch
  • force-touch
  • 3dtouch
  • 3d-touch
  • pressure
  • pressurejs
  • iphone6s
  • iphone6splus
  • iphone7
  • iphone7plus
  • magic-trackpad
  • apple-pencil

Stable version

Copied!

How to start using pressure CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with pressure CDN - cdnhub.io</title>
  <script src="https://cdn.jsdelivr.net/npm/pressure@2.2.0/pressure.min.js"></script>
  <style>
    #pressure-output { width: 100px; height: 100px; border: 1px solid black; }
  </style>
</head>
<body>
  <button id="measure-button">Measure Pressure</button>
  <div id="pressure-output"></div>

  <script>
    const measureButton = document.getElementById('measure-button');
    const pressureOutput = document.getElementById('pressure-output');

    measureButton.addEventListener('click', () => {
      navigator.mediaDevices.getUserMedia({ audio: true })
        .then((stream) => {
          const pressure = new Pressure({
            audioStream: stream,
            outputElement: pressureOutput,
            onreading: (pressureData) => {
              pressureOutput.textContent = `Pressure: ${pressureData.pressure} Pa`;
            },
          });

          pressure.start();
        })
        .catch((error) => {
          console.error('Error accessing microphone:', error);
        });
    });
  </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!

All versions