Click here for free DL of the app version that can save data.

No:27191

←

Prev Next

→

Sound Meter
Developer User7816｜Date and time 23/12/5 1:41:12
Build time 42.214 sec｜Game capacity 2.31KB｜

Script

Sound Meter Game

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
<title>Sound Meter Game</title>
<script>
window.onload = function() {
  // Getting the audio input from the user
  navigator.mediaDevices.getUserMedia({ audio: true })
    .then(function(stream) {
      var audioContext = new (window.AudioContext || window.webkitAudioContext)();
      var analyser = audioContext.createAnalyser();
      var microphone = audioContext.createMediaStreamSource(stream);
      microphone.connect(analyser);
      
      // Game variables
      var canvas = document.getElementById("canvas");
      var context = canvas.getContext("2d");
      var score = 0;
      var isPlaying = false;
      
      // Drawing the game area and initial score
      function draw() {
        context.fillStyle = "#000";
        context.fillRect(0, 0, canvas.width, canvas.height);
        context.fillStyle = "#fff";
        context.font = "20px Arial";
        context.fillText("Score: " + score, 10, 30);
      }
      
      // Checking the sound level and updating the score
      function update() {
        var dataArray = new Uint8Array(analyser.frequencyBinCount);
        analyser.getByteFrequencyData(dataArray);
        var soundLevel = 0;
        for (var i = 0; i < dataArray.length; i++) {
          soundLevel += dataArray[i];
        }
        soundLevel /= dataArray.length;
        score = Math.floor(soundLevel / 10); // Adjust score scale if needed
      }
      
      // Game loop to continuously update and draw the game
      function gameLoop() {
        if (isPlaying) {
          draw();
          update();
          requestAnimationFrame(gameLoop);
        }
      }
      
      // Start the game when button is clicked
      document.getElementById("startButton").addEventListener("click", function() {
        isPlaying = true;
        gameLoop();
      });
      
      // Stop the game when button is clicked
      document.getElementById("stopButton").addEventListener("click", function() {
        isPlaying = false;
      });
    })
    .catch(function(error) {
      console.log("Error accessing microphone: " + error);
    });
}
</script>
</head>
<body>
<h1>Sound Meter Game</h1>
<button id="startButton">Start</button>
<button id="stopButton">Stop</button>
<canvas id="canvas" width="200" height="200"></canvas>
</body>
</html>