From 8652ecf8386747e258ce4a5ffc933e3c437babcc Mon Sep 17 00:00:00 2001
From: RedFox0101 <104762671+RedFox0101@users.noreply.github.com>
Date: Fri, 25 Oct 2024 11:03:20 +0300
Subject: [PATCH] 1

---
 index.html | 253 ++++++++++++++++++++++++++---------------------------
 1 file changed, 124 insertions(+), 129 deletions(-)
diff --git a/index.html b/index.html
index 88ceb89..54d43ea 100644
--- a/index.html
+++ b/index.html
@@ -1,157 +1,152 @@
 <!DOCTYPE html>
 <html lang="en-us">
-  <head>
+<head>
     <meta charset="utf-8">
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
     <title>Unity WebGL Player | CLAP!</title>
     <link rel="shortcut icon" href="TemplateData/favicon.ico">
     <link rel="stylesheet" href="TemplateData/style.css">
-  </head>
-  <body>
+</head>
+<body>
     <div id="unity-container" class="unity-desktop">
-      <canvas id="unity-canvas" width=350 height=800 tabindex="-1"></canvas>
-      <div id="unity-loading-bar">
-        <div id="unity-logo"></div>
-        <div id="unity-progress-bar-empty">
-          <div id="unity-progress-bar-full"></div>
+        <canvas id="unity-canvas" width=350 height=800 tabindex="-1"></canvas>
+        <div id="unity-loading-bar">
+            <div id="unity-logo"></div>
+            <div id="unity-progress-bar-empty">
+                <div id="unity-progress-bar-full"></div>
+            </div>
+        </div>
+        <div id="unity-warning"></div>
+        <div id="unity-footer">
+            <div id="unity-webgl-logo"></div>
+            <div id="unity-fullscreen-button"></div>
+            <div id="unity-build-title">CLAP!</div>
         </div>
-      </div>
-      <div id="unity-warning"> </div>
-      <div id="unity-footer">
-        <div id="unity-webgl-logo"></div>
-        <div id="unity-fullscreen-button"></div>
-        <div id="unity-build-title">CLAP!</div>
-      </div>
     </div>
 
     <script>
-      var container = document.querySelector("#unity-container");
-      var canvas = document.querySelector("#unity-canvas");
-      var loadingBar = document.querySelector("#unity-loading-bar");
-      var progressBarFull = document.querySelector("#unity-progress-bar-full");
-      var fullscreenButton = document.querySelector("#unity-fullscreen-button");
-      var warningBanner = document.querySelector("#unity-warning");
-
-      var audioStream = null;
-      var audioContext = null;
-      var analyser = null;
-      var analyzeAudioId = null;
+        var container = document.querySelector("#unity-container");
+        var canvas = document.querySelector("#unity-canvas");
+        var loadingBar = document.querySelector("#unity-loading-bar");
+        var progressBarFull = document.querySelector("#unity-progress-bar-full");
+        var fullscreenButton = document.querySelector("#unity-fullscreen-button");
+        var warningBanner = document.querySelector("#unity-warning");
 
-      function unityShowBanner(msg, type) {
-        function updateBannerVisibility() {
-          warningBanner.style.display = warningBanner.children.length ? 'block' : 'none';
-        }
-        var div = document.createElement('div');
-        div.innerHTML = msg;
-        warningBanner.appendChild(div);
-        if (type == 'error') div.style = 'background: red; padding: 10px;';
-        else {
-          if (type == 'warning') div.style = 'background: yellow; padding: 10px;';
-          setTimeout(function() {
-            warningBanner.removeChild(div);
+        function unityShowBanner(msg, type) {
+            function updateBannerVisibility() {
+                warningBanner.style.display = warningBanner.children.length ? 'block' : 'none';
+            }
+            var div = document.createElement('div');
+            div.innerHTML = msg;
+            warningBanner.appendChild(div);
+            if (type === 'error') div.style = 'background: red; padding: 10px;';
+            else {
+                if (type === 'warning') div.style = 'background: yellow; padding: 10px;';
+                setTimeout(function() {
+                    warningBanner.removeChild(div);
+                    updateBannerVisibility();
+                }, 5000);
+            }
             updateBannerVisibility();
-          }, 5000);
         }
-        updateBannerVisibility();
-      }
 
-      var buildUrl = "Build";
-      var loaderUrl = buildUrl + "/clapwebbuild.loader.js";
-      var config = {
-        dataUrl: buildUrl + "/clapwebbuild.data",
-        frameworkUrl: buildUrl + "/clapwebbuild.framework.js",
-        codeUrl: buildUrl + "/clapwebbuild.wasm",
-        streamingAssetsUrl: "StreamingAssets",
-        companyName: "CoFo",
-        productName: "CLAP!",
-        productVersion: "1.1.1",
-        showBanner: unityShowBanner,
-      };
+        var buildUrl = "Build";
+        var loaderUrl = buildUrl + "/clapwebbuild.loader.js";
+        var config = {
+            dataUrl: buildUrl + "/clapwebbuild.data",
+            frameworkUrl: buildUrl + "/clapwebbuild.framework.js",
+            codeUrl: buildUrl + "/clapwebbuild.wasm",
+            streamingAssetsUrl: "StreamingAssets",
+            companyName: "CoFo",
+            productName: "CLAP!",
+            productVersion: "1.1.1",
+            showBanner: unityShowBanner,
+        };
 
-      if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) {
-        var meta = document.createElement('meta');
-        meta.name = 'viewport';
-        meta.content = 'width=device-width, height=device-height, initial-scale=1.0, user-scalable=no, shrink-to-fit=yes';
-        document.getElementsByTagName('head')[0].appendChild(meta);
-        container.className = "unity-mobile";
-        canvas.className = "unity-mobile";
-      } else {
-        canvas.style.width = "350px";
-        canvas.style.height = "800px";
-      }
+        if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) {
+            var meta = document.createElement('meta');
+            meta.name = 'viewport';
+            meta.content = 'width=device-width, height=device-height, initial-scale=1.0, user-scalable=no, shrink-to-fit=yes';
+            document.getElementsByTagName('head')[0].appendChild(meta);
+            container.className = "unity-mobile";
+            canvas.className = "unity-mobile";
+        } else {
+            canvas.style.width = "350px";
+            canvas.style.height = "800px";
+        }
 
-      loadingBar.style.display = "block";
+        loadingBar.style.display = "block";
 
-      var script = document.createElement("script");
-      script.src = loaderUrl;
-      script.onload = () => {
-        createUnityInstance(canvas, config, (progress) => {
-          progressBarFull.style.width = 100 * progress + "%";
-        }).then((unityInstance) => {
-          loadingBar.style.display = "none";
-          fullscreenButton.onclick = () => {
-            unityInstance.SetFullscreen(1);
-          };
-          window.unityInstance = unityInstance;
-        }).catch((message) => {
-          alert(message);
-        });
-      };
+        var script = document.createElement("script");
+        script.src = loaderUrl;
+        script.onload = () => {
+            createUnityInstance(canvas, config, (progress) => {
+                progressBarFull.style.width = 100 * progress + "%";
+            }).then((unityInstance) => {
+                loadingBar.style.display = "none";
+                fullscreenButton.onclick = () => {
+                    unityInstance.SetFullscreen(1);
+                };
 
-      document.body.appendChild(script);
+                // Обработка команд от Unity для включения/выключения микрофона
+                window.controlMicrophone = function (action) {
+                    if (action === "start") {
+                        startMicrophone();
+                    } else if (action === "stop") {
+                        stopMicrophone();
+                    }
+                };
 
-      // Функции для активации и деактивации микрофона
-      function startMicrophone() {
-        if (audioStream) return;
+                // Функции для работы с микрофоном
+                let audioContext;
+                let microphone;
+                let analyser;
+                let dataArray;
+                
+                function startMicrophone() {
+                    if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
+                        console.error("Микрофон не поддерживается.");
+                        return;
+                    }
 
-        navigator.mediaDevices.getUserMedia({ audio: true })
-          .then((stream) => {
-            audioStream = stream;
-            audioContext = new (window.AudioContext || window.webkitAudioContext)();
-            const mediaStreamSource = audioContext.createMediaStreamSource(stream);
-            analyser = audioContext.createAnalyser();
-            analyser.fftSize = 256;
-            mediaStreamSource.connect(analyser);
-            const dataArray = new Uint8Array(analyser.frequencyBinCount);
+                    navigator.mediaDevices.getUserMedia({ audio: true })
+                        .then(stream => {
+                            audioContext = new (window.AudioContext || window.webkitAudioContext)();
+                            microphone = audioContext.createMediaStreamSource(stream);
+                            analyser = audioContext.createAnalyser();
+                            analyser.fftSize = 256;
+                            dataArray = new Uint8Array(analyser.frequencyBinCount);
+                            microphone.connect(analyser);
+                            processAudio();
+                        })
+                        .catch(error => {
+                            console.error("Ошибка доступа к микрофону:", error);
+                        });
+                }
 
-            function analyzeAudio() {
-              analyser.getByteFrequencyData(dataArray);
-              const volume = dataArray.reduce((sum, value) => sum + value, 0) / dataArray.length;
-              unityInstance.SendMessage('MicrophoneManager', 'ProcessMicrophoneInput', volume);
-              analyzeAudioId = requestAnimationFrame(analyzeAudio);
-            }
+                function stopMicrophone() {
+                    if (audioContext && audioContext.state !== 'closed') {
+                        audioContext.close();
+                        console.log("Микрофон остановлен.");
+                    }
+                }
 
-            analyzeAudio();
-          })
-          .catch((err) => {
-            console.error('Ошибка доступа к микрофону:', err);
-          });
-      }
+                function processAudio() {
+                    if (!audioContext || audioContext.state === 'closed') return;
 
-      function stopMicrophone() {
-        if (audioStream) {
-          audioStream.getTracks().forEach(track => track.stop());
-          audioStream = null;
-          if (analyzeAudioId) {
-            cancelAnimationFrame(analyzeAudioId);
-            analyzeAudioId = null;
-          }
-          if (audioContext) {
-            audioContext.close();
-            audioContext = null;
-          }
-          console.log("Микрофон остановлен.");
-        }
-      }
+                    analyser.getByteFrequencyData(dataArray);
+                    let volume = dataArray.reduce((a, b) => a + b, 0) / dataArray.length / 255;
 
-      // Функция для контроля микрофона от Unity
-      function controlMicrophone(command) {
-        if (command === 'start') {
-          startMicrophone();
-        } else if (command === 'stop') {
-          stopMicrophone();
-        }
-      }
+                    // Отправляем громкость в Unity
+                    unityInstance.SendMessage('ClapDetector', 'ProcessMicrophoneInput', volume);
+
+                    requestAnimationFrame(processAudio);
+                }
+            }).catch((message) => {
+                alert(message);
+            });
+        };
+        document.body.appendChild(script);
     </script>
-  </body>
+</body>
 </html>
\ No newline at end of file
