Muratam/cookie.html

## cookie.html
<!DOCTYPE html>
<html lang="ja">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Cookie自動再生</title>
</head>

<body style="transition: all 5s ease-out;">
  <video id="video" src="./cookie433.mp4" type="video/mp4"
    style="transition: all 1s ease-out;transform: scale(0.0,0.0);"></video>
  <h1 id="vol"></h1>
  <script>
    navigator.mediaDevices
      .getUserMedia({ audio: true, video: false })
      .then(stream => {
        let audioctx = new AudioContext();
        let source = audioctx.createMediaStreamSource(stream)
        let processor = audioctx.createScriptProcessor(1024, 1, 1);
        source.connect(processor);
        processor.connect(audioctx.destination);
        let buf = []
        for (let i = 0; i < 32; i++) buf.push(0.0);
        processor.onaudioprocess = e => {
          let amp = e.inputBuffer.getChannelData(0);
          let nowAvg = 0;
          for (let a of amp) nowAvg += Math.abs(a);
          nowAvg = nowAvg / amp.length;
          buf = buf.slice(1, buf.length)
          buf.push(nowAvg)
          let sum = 0;
          for (let b of buf) sum += b
          document.getElementById("vol").innerText = sum;
          if (sum > 10.0) {
            document.getElementById('video').play();
            document.getElementById('video').style.setProperty("transform", "scale(1.0, 1.0)");
            document.body.style.setProperty("background", "black");
          }
        };
      })
  </script>
</body>

</html>