Update index.html

index.html

@@ -751,9 +751,10 @@ if ('serviceWorker' in navigator) {
     </div>
     
     <h1>高度な音声動画プレイヤー</h1>
-    <div class="settings" hidden>
+    <div class="settings">
+      
     <h2>サービスワーカー設定</h2>
-    <div class="setting-item">
+    <div hidden><div class="setting-item">
         <label><input type="checkbox" id="sw-video" checked> 動画ファイル (/v.mp4)</label>
     </div>
     <div class="setting-item">
@@ -794,7 +795,7 @@ if ('serviceWorker' in navigator) {
     </div>
     <div class="setting-item">
         <label><input type="checkbox" id="sw-root" checked> ルートファイル (/)</label>
-    </div>
+    </div></div>
     <button class="combine-button" id="sw-register-btn">登録を開始</button>
     <div class="combine-status" id="sw-status"></div>
 </div>
@@ -865,22 +866,22 @@ if ('serviceWorker' in navigator) {
                 <label for="loop">ループ再生:</label>
                 <input type="checkbox" id="loop" disabled>
             </div>
-            <div class="setting-item">
-                <label for="tempo">テンポ (BPM):</label>
-                <input type="number" id="tempo" min="40" max="200" value="92" step="1">
-                <span id="tempo-speed-value">1.00x</span>
-            </div>
             <div class="setting-item">
                 <div class="global-volume-container">
                     <label>全体音量係数:</label>
-                    <input type="range" class="global-volume-slider" id="global-volume" min="0" max="10" step="0.01" value="0.5" disabled>
+                    <input type="range" class="global-volume-slider" id="global-volume" min="0" max="10" step="0.01" value="5" disabled>
                     <span class="slider-value" id="global-volume-value">0.5</span>
                 </div>
             </div>
+            <div class="setting-item">
+                <label for="tempo">テンポ (BPM):</label>
+                <input type="number" id="tempo" min="40" max="200" value="92" step="1">
+                <span id="tempo-speed-value">1.00x</span>
+            </div>
             <div class="setting-item">
                 <div class="playback-speed-container">
                     <label>再生速度:</label>
-                    <input type="range" class="playback-speed-slider" id="playback-speed" min="0.5" max="2" step="0.01" value="1" disabled>
+                    <input type="range" class="playback-speed-slider" id="playback-speed" min="0.01" max="5" step="0.01" value="1" disabled>
                     <span class="slider-value" id="playback-speed-value">1.00x</span>
                 </div>
             </div>
@@ -1666,7 +1667,7 @@ document.addEventListener('DOMContentLoaded', function() {
     function updateVolumeIcon() {
         if (video.volume === 0) {
             volumeBtn.textContent = '🔇';
-        } else if (video.volume < 0.5) {
+        } else if (video.volume < 3) {
             volumeBtn.textContent = '🔈';
         } else {
             volumeBtn.textContent = '🔊';
@@ -1701,8 +1702,7 @@ document.addEventListener('DOMContentLoaded', function() {
         const baseTempo = isTMode ? 66 : 92;
         const speed = tempo / baseTempo;
         
-        // 速度を0.5～2.0の範囲に制限
-        const clampedSpeed = Math.max(0.01, Math.min(2.0, speed));
+        const clampedSpeed = Math.max(0.01, Math.min(5.0, speed));
         
         playbackSpeedSlider.value = clampedSpeed;
         playbackSpeedValue.textContent = clampedSpeed.toFixed(2) + 'x';