chrome 122

editor/index.js

@@ -642,6 +642,13 @@ function setURL() {
   $('loadingContainer').style.display = 'none';
   const s = $('startContainer');
   s.style.display = '';
+
+  const mayBeChrome122 = (navigator.userAgentData?.brands || []).findIndex(e => e.version === '122') >= 0;
+  if (mayBeChrome122) {
+    const chrome122Issue = $('chrome122issue');
+    chrome122Issue.style.display = '';
+  }
+
   s.addEventListener('click', function() {
     s.style.display = 'none';
     main();

html5bytebeat.html

@@ -262,6 +262,7 @@
 #loadingContainer,
 #startContainer {
   display: flex;
+  flex-direction: column;
   justify-content: center;
   align-items: center;
   z-index: 1000;
@@ -292,6 +293,17 @@
   background-color: rgba(0, 0, 0, 0.9);
   color: #0F0
 }
+#chrome122issue {
+  margin: 1em;
+  padding: 1em;
+  border-radius: 1em;
+  background-color: red;
+  color: white;
+}
+#chrome122issue a {
+  text-decoration: underline;
+  color: cyan;
+}
 @media screen and (max-width: 700px) {
   #startButton {
     font-size: 48pt;
@@ -346,7 +358,10 @@
   </div>
 </div>
 <div id="startContainer" style="display: none;">
-   <div id="startButton">play ▶</div>
+  <div id="startButton">play ▶</div>
+  <div id="chrome122issue" style="display:none;">
+    <div>Chrome v122 is broken. Please vote to get this fixed ASAP <a href="https://issues.chromium.org/issues/324293899">here</a>.</div>
+  </div>
 </div>
 <div id="loadingContainer">
    <div>loading...</div>

src/ByteBeatNode.js

@@ -53,9 +53,9 @@ class BeatWorkletProcessor extends AudioWorkletProcessor {
   }
 
   process(inputs, outputs, parameters) {
-    if (outputs.length > 0) {
+    //if (outputs.length > 0) {
       this.byteBeat.process(outputs[0][0].length, outputs[0][0], outputs[0][1]);
-    }
+    //}
     return true;
   }
 }