fft.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Image Capture and Frequency Analysis with FFT.js</title>
</head>
<body>

  <p id="fps">FPS: <span id="fpsValue"></span></p>
  <button id="startButton">Start Recording</button>
  <p>Frame Count: <span id="frameCountValue"></span></p>
  <button id="stopButton" disabled>Stop Recording</button>
  <div id="user-info">
    <p id="user-name"></p>
    <button id="google-signin-button">Sign in with Google</button>
    <button id="google-signout-button" style="display: none;">Sign out</button>
</div>
    <p id="averageFPS">Average FPS: <span id="averageFPSValue"></span></p>

    <video id="video" width="640" height="480" autoplay></video>
    <script type="module" src="fft1.js"></script>
</body>
</html>