Update index.html

index.html

@@ -1002,104 +1002,80 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
               <b>これはテスト的な機能で、ページの更新などができなくなるバグが発生する可能性があります。<br>(更新機能は実装していますが安定して動作するとは限りません。)<br>
               ページが更新されない場合、動画の更新ができなかったり既存のバグが残り続けたりする可能性があります。</b></a>
             <br>
-            <button class="combine-button" id="sw-register-btn">登録を開始</button>
+            <button class="combine-button" id="sw-register-btn" disabled>登録を開始</button>
             <div class="combine-status" id="sw-status">
             </div>
-  <script>
-    window.addEventListener('load', async () => {
-      const statusElem = document.getElementById('sw-status');
-      const registerBtn = document.getElementById('sw-register-btn');
-
-      console.log('registerBtn:', registerBtn);
-
-      function updateStatus(message) {
-        console.log(message);
-        statusElem.textContent = message;
-      }
-
-      function updateError(message, error) {
-        const errorMsg = `${message}\nエラー詳細: ${error?.message || error}`;
-        console.error(errorMsg, error);
-        statusElem.textContent = errorMsg;
-      }
-
-      if (!navigator.onLine) {
-        updateStatus('オフラインのため操作できません。');
-        return;
-      }
-
-      if (!('serviceWorker' in navigator)) {
-        updateError('このブラウザはService Workerに対応していません。');
-        return;
-      }
-
-      try {
-        // 登録済みかチェック
-        const reg = await navigator.serviceWorker.ready;
+<script>
+  window.addEventListener('load', async () => {
+    const statusElem = document.getElementById('sw-status');
+    const registerBtn = document.getElementById('sw-register-btn');
 
-        if (reg) {
-          updateStatus('Service Workerは既に登録されています。更新を確認中...');
-          registerBtn.style.display = 'inline-block';
-          registerBtn.textContent = '更新を開始';
-          registerBtn.disabled = false;
+    function updateStatus(message) {
+      console.log(message);
+      statusElem.textContent = message;
+    }
 
-          const updatePromise = reg.update();
+    function updateError(message, error) {
+      const errorMsg = `${message}\nエラー詳細: ${error?.message || error}`;
+      console.error(errorMsg, error);
+      statusElem.textContent = errorMsg;
+    }
 
-          reg.onupdatefound = () => {
-            const newSW = reg.installing;
-            if (newSW) {
-              newSW.onstatechange = () => {
-                if (newSW.state === 'installed') {
-                  if (navigator.serviceWorker.controller) {
-                    updateStatus('ページの更新があるため、更新ボタンを押してサービスワーカーのキャッシュを再登録してください。');
-                    registerBtn.textContent = '更新を開始';
-                    registerBtn.disabled = false;
-                  } else {
-                    updateStatus('初回インストール完了。');
-                  }
-                }
-              };
-            }
-          };
+    if (!('serviceWorker' in navigator)) {
+      updateError('このブラウザはService Workerに対応していません。');
+      return;
+    }
 
-          await updatePromise;
-        }
-      } catch (err) {
+    try {
+      const reg = await navigator.serviceWorker.getRegistration();
+      if (reg) {
+        updateStatus('Service Workerは既に登録されています。更新を確認中...');
+        await reg.update();
+        reg.onupdatefound = () => {
+          const newSW = reg.installing;
+          if (newSW) {
+            newSW.onstatechange = () => {
+              if (newSW.state === 'installed' && navigator.serviceWorker.controller) {
+                updateStatus('新しいService Workerがインストールされました。');
+                registerBtn.textContent = '更新を開始';
+                registerBtn.disabled = false;
+              }
+            };
+          }
+        };
+      } else {
         updateStatus('Service Workerは未登録です。');
-        registerBtn.style.display = 'inline-block';
         registerBtn.textContent = '登録とキャッシュ';
         registerBtn.disabled = false;
       }
+    } catch (err) {
+      updateError('Service Workerの確認中にエラーが発生しました。', err);
+    }
 
-      registerBtn.onclick = async () => {
-        console.log('登録ボタンが押されました');
-        registerBtn.disabled = true;
-        try {
-          updateStatus('既存のService Workerをアンレジスター中...');
-          const regs = await navigator.serviceWorker.getRegistrations();
-          for (const reg of regs) {
-            await reg.unregister();
-          }
-
-          updateStatus('新しいService Workerを登録中...');
-          await navigator.serviceWorker.register('/sw.js');
+    registerBtn.addEventListener('click', async () => {
+      registerBtn.disabled = true;
+      try {
+        updateStatus('既存のService Workerをアンレジスター中...');
+        const regs = await navigator.serviceWorker.getRegistrations();
+        for (const reg of regs) {
+          await reg.unregister();
+        }
 
-          await navigator.serviceWorker.ready;
-          updateStatus('登録完了。ページをリロードしてキャッシュを有効化します。');
-          registerBtn.textContent = 'ページをリロード';
-          registerBtn.disabled = false;
+        updateStatus('新しいService Workerを登録中...');
+        await navigator.serviceWorker.register('/sw.js');
 
-          // クリック時の挙動をページリロードに変更
-          registerBtn.onclick = () => location.reload();
+        updateStatus('登録完了。ページをリロードしてキャッシュを有効化します。');
+        registerBtn.textContent = 'ページをリロード';
+        registerBtn.disabled = false;
 
-        } catch (err) {
-          updateError('Service Workerの登録に失敗しました。', err);
-          registerBtn.disabled = false;
-        }
-      };
+        registerBtn.onclick = () => location.reload();
+      } catch (err) {
+        updateError('Service Workerの登録に失敗しました。', err);
+      }
     });
-  </script>
-          
+  });
+</script>
+
         </div>
         <div class="container">
             <div class="audio-controls">
@@ -1834,8 +1810,8 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
                         combinedAudioElement.playbackRate = speed;
                     }
                     
-                    speedValue.textContent = speed.toFixed(3) + 'x';
-                    playbackSpeedValue.textContent = speed.toFixed(3) + 'x';
+                    speedValue.textContent = speed.toFixed(2) + 'x';
+                    playbackSpeedValue.textContent = speed.toFixed(2) + 'x';
                     speedSlider.value = speed;
                 }
             
@@ -2138,14 +2114,10 @@ video.addEventListener('timeupdate', function() {
                     if (!isAudioCombined) return;
                     
                     const speed = parseFloat(this.value);
-                    speedValue.textContent = speed.toFixed(3) + 'x';
+                    speedValue.textContent = speed.toFixed(2) + 'x';
                     playbackSpeedSlider.value = speed;
-                    playbackSpeedValue.textContent = speed.toFixed(3) + 'x';
+                    playbackSpeedValue.textContent = speed.toFixed(2) + 'x';
                     updatePlaybackRate(speed);
-                    const baseTempo = isTMode ? 66 : 92;
-                    const newTempo = baseTempo * speed;
-                    tempoInput.value = newTempo.toFixed(1);
-                    tempoSpeedValue.textContent = speed.toFixed(3) + 'x';
                 });
                 
                 // 再生速度スライダー (設定メニュー)
@@ -2153,9 +2125,9 @@ video.addEventListener('timeupdate', function() {
                     if (!isAudioCombined) return;
                     
                     const speed = parseFloat(this.value);
-                    playbackSpeedValue.textContent = speed.toFixed(3) + 'x';
+                    playbackSpeedValue.textContent = speed.toFixed(2) + 'x';
                     speedSlider.value = speed;
-                    speedValue.textContent = speed.toFixed(3) + 'x';
+                    speedValue.textContent = speed.toFixed(2) + 'x';
                     updatePlaybackRate(speed);
                 });
                 
@@ -2168,10 +2140,10 @@ video.addEventListener('timeupdate', function() {
                     const clampedSpeed = Math.max(0.001, Math.min(5.0, speed));
                     
                     playbackSpeedSlider.value = clampedSpeed;
-                    playbackSpeedValue.textContent = clampedSpeed.toFixed(3) + 'x';
+                    playbackSpeedValue.textContent = clampedSpeed.toFixed(2) + 'x';
                     speedSlider.value = clampedSpeed;
-                    speedValue.textContent = clampedSpeed.toFixed(3) + 'x';
-                    tempoSpeedValue.textContent = clampedSpeed.toFixed(3) + 'x';
+                    speedValue.textContent = clampedSpeed.toFixed(2) + 'x';
+                    tempoSpeedValue.textContent = clampedSpeed.toFixed(2) + 'x';
                     
                     updatePlaybackRate(clampedSpeed);
                 });