Update index.html

index.html

@@ -734,7 +734,7 @@
         
         .time-marker {
             padding: 8px 12px;
-            background-color: rgba(100, 255, 218, 0.1);
+            background-color: rgba(100, 255, 218, 0.05);
             border: 1px solid #64ffda;
             border-radius: 4px;
             cursor: grab;
@@ -743,7 +743,7 @@
         }
         
         .time-marker:hover {
-            background-color: rgba(100, 255, 218, 0.2);
+            background-color: rgba(100, 255, 218, 0.1);
         }
         
         .time-marker.dragging {
@@ -1015,6 +1015,7 @@
         <div class="tech-decoration">
         </div>
         <div class="settings">
+            <span>このボックスをドラッグして「再生開始秒数」や「再生終了秒数」の入力ボックスの上で離すと秒数を簡単に変更できます。各秒数は楽譜に合わせています。</span>
             <div class="time-markers-container" id="time-markers-container">
                 <!-- ここにタイムマーカーが動的に追加されます -->
             </div>
@@ -1077,8 +1078,10 @@
         </div>
         <div class="audio-controls">
             <h2>音声コントロール</h2>
+            <span>自分のパートの音量を1、それ以外のパートの音量を0.4くらいにすると他のパートのタイミングを確認しながら練習できます。<br>
+            ※「ピアノ」と「全体」は他のパートと音がずれため、組み合わせて使用しないでください。</span>
             <div class="audio-item">
-                <label>ピアノ</label>
+                <label>ピアノ　</label>
                 <input type="range" class="audio-slider" data-audio="p" min="0" max="1" step="0.01" value="0">
                 <span class="slider-value volume-value">0.00</span>
             </div>
@@ -1088,7 +1091,7 @@
                 <span class="slider-value volume-value">1.00</span>
             </div>
             <div class="audio-item">
-                <label>アルト</label>
+                <label>アルト　</label>
                 <input type="range" class="audio-slider" data-audio="a" min="0" max="1" step="0.01" value="1">
                 <span class="slider-value volume-value">1.00</span>
             </div>