Add files via upload

First upload.
2023-03-29 01:16:08 +08:00
parent 6e81aec6e8
commit b458744d00
6 changed files with 5366 additions and 0 deletions
--- a/index.html
+++ b/index.html
@@ -0,0 +1,46 @@
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <title>好和弦的鋼琴鍵盤顯示器</title>
+    <link rel="stylesheet" href="style.css">
+    <script src="p5.min.js"></script>
+    <script src="webmidi.js"></script>
+    <script src="globals.js"></script>
+    <script src="piano-visualizer.js"></script>
+</head>
+
+<body>
+    <div id="main">
+           <div id="controls" class="center">
+            <div>
+                <h3>鋼琴鍵盤顯示器 by NiceChord</h3>
+                <h5>選擇 MIDI 裝置</h5>
+                <input id="slider" type="range" min="0" max="0" value="0">
+                <div id="device">Select Input: </div>  
+            </div>
+            <br />
+            
+            </div>
+        </div>
+
+        <div class="center">
+                     
+            <div id="piano-visualizer">
+                <!-- Our sketch will go here! -->
+            </div>
+            <span style="font-size: 11px;"> 
+            TIME：使用時間 | NOTE COUNT：總彈奏音符數 | NOTES/S：最近一秒鐘彈奏音符數 | LEGATO：圓滑指數（最近一秒鐘平均來說有幾個鍵被同時按住） <br />
+            CALORIES：消耗熱量（估計值，好玩就好）| KEYS：現在正在被按住或被踏板留住的音 | PEDALS：左右踏板深度顯示 <br />
+            （密技：點鍵盤最左上角的角落，可以儲存截圖） <br /><br />
+        </span>
+
+
+            覺得好用嗎？到 <a href="https://nicechord.com">NiceChord.com</a> 逛逛支持我！
+        </div>
+    
+        
+    </div>  
+</body>
+
+</html>