Update index.html

index.html

@@ -820,23 +820,17 @@
             window.alert(`${message}\n\nエラー詳細: ${error.message}`);
         }
         
-        // ピッチ設定関数 (改良版)
+        // ピッチ設定関数（改善版）
         function setPreservesPitch(el, value) {
             try {
                 if (el.preservesPitch !== undefined) {
                     el.preservesPitch = value;
-                } else if (el.webkitPreservesPitch !== undefined) {
+                }
+                if (el.webkitPreservesPitch !== undefined) {
                     el.webkitPreservesPitch = value;
-                } else if (el.mozPreservesPitch !== undefined) {
-                    el.mozPreservesPitch = value;
                 }
-                
-                // ピッチ保持を確実にするための追加設定
-                if (el.playbackRate !== undefined) {
-                    const rate = el.playbackRate;
-                    // 一度1.0に戻してから再設定
-                    el.playbackRate = 1.0;
-                    el.playbackRate = rate;
+                if (el.mozPreservesPitch !== undefined) {
+                    el.mozPreservesPitch = value;
                 }
             } catch (error) {
                 handleError(error, 'ピッチ設定中にエラーが発生しました');
@@ -1182,14 +1176,9 @@
                 // 音声の再生速度を変更
                 audioFiles.forEach(file => {
                     if (audioElements[file]) {
-                        // ピッチ保持を確実にする
-                        setPreservesPitch(audioElements[file], true);
                         audioElements[file].playbackRate = speed;
-                        
-                        // 再生速度変更後に再度ピッチ保持を確認
-                        setTimeout(() => {
-                            setPreservesPitch(audioElements[file], true);
-                        }, 100);
+                        // ピッチ保持を確実に設定
+                        setPreservesPitch(audioElements[file], true);
                     }
                 });
             } catch (error) {
@@ -1253,7 +1242,7 @@
             }
         });
         
-        // 音声ファイルをロード (改良版)
+        // 音声ファイルをロード
         function loadAudioFiles() {
             audioFiles.forEach(file => {
                 try {
@@ -1261,39 +1250,28 @@
                     audio.preload = 'auto';
                     audio.loop = false;
                     
-                    // 初期ピッチ設定
+                    // ピッチ保持を確実に設定
                     setPreservesPitch(audio, true);
                     
-                    // 初期音量設定 (0.5)
-                    audio.volume = 0.5;
+                    // 初期音量設定
+                    const slider = document.querySelector(`.audio-slider[data-audio="${file}"]`);
+                    if (slider) {
+                        audio.volume = parseFloat(slider.value) * (parseFloat(globalVolumeSlider.value) / 10);
+                    }
                     
                     audioElements[file] = audio;
                     
                     // 音声が読み込まれたら
-                    const onLoaded = function() {
+                    audio.addEventListener('loadedmetadata', function() {
                         console.log(`${file}.mp3 loaded`);
-                        setPreservesPitch(audio, true); // 再度ピッチ保持を設定
                         checkLoadingComplete();
-                        audio.removeEventListener('loadedmetadata', onLoaded);
-                    };
-                    
-                    audio.addEventListener('loadedmetadata', onLoaded);
+                    });
                     
                     // エラー処理
-                    const onError = function() {
+                    audio.addEventListener('error', function() {
                         handleError(audio.error, `音声ファイル読み込み中にエラーが発生しました (${file}.mp3)`);
                         checkLoadingComplete(); // エラー時もカウント
-                        audio.removeEventListener('error', onError);
-                    };
-                    
-                    audio.addEventListener('error', onError);
-                    
-                    // 音声ファイルの読み込みを開始
-                    try {
-                        audio.load();
-                    } catch (e) {
-                        console.error(`音声ファイル読み込みエラー (${file}.mp3):`, e);
-                    }
+                    });
                 } catch (error) {
                     handleError(error, `音声ファイル初期化中にエラーが発生しました (${file}.mp3)`);
                     checkLoadingComplete(); // エラー時もカウント
@@ -1301,7 +1279,7 @@
             });
         }
         
-        // ボリュームスライダーのイベント (修正版)
+        // ボリュームスライダーのイベント
         audioSliders.forEach((slider, index) => {
             slider.addEventListener('input', function() {
                 try {
@@ -1310,50 +1288,35 @@
                     
                     if (audioElements[this.dataset.audio]) {
                         const globalVolume = parseFloat(globalVolumeSlider.value) / 10;
-                        const calculatedVolume = value * globalVolume;
-                        audioElements[this.dataset.audio].volume = calculatedVolume;
-                        
-                        // スライダーの背景を更新
-                        updateSliderBackgrounds();
+                        audioElements[this.dataset.audio].volume = value * globalVolume;
                     }
                 } catch (error) {
                     handleError(error, '音声ボリューム設定中にエラーが発生しました');
                 }
             });
-            
-            // 初期値を1.00に設定
-            slider.value = 1;
-            volumeValues[index].textContent = '1.00';
         });
         
-        // 全体音量スライダーのイベント (修正版)
+        // 全体音量スライダーのイベント
         globalVolumeSlider.addEventListener('input', function() {
             try {
                 const value = parseFloat(this.value);
                 globalVolumeValue.textContent = value.toFixed(1);
                 
+                // 各音声の音量を更新
                 audioFiles.forEach(file => {
                     if (audioElements[file]) {
-                        const volumeSlider = document.querySelector(`.audio-slider[data-audio="${file}"]`);
-                        if (volumeSlider) {
-                            const sliderValue = parseFloat(volumeSlider.value);
-                            const calculatedVolume = sliderValue * (value / 10);
-                            audioElements[file].volume = calculatedVolume;
+                        const slider = document.querySelector(`.audio-slider[data-audio="${file}"]`);
+                        if (slider) {
+                            const volume = parseFloat(slider.value) * (value / 10);
+                            audioElements[file].volume = volume;
                         }
                     }
                 });
-                
-                // スライダーの背景を更新
-                updateSliderBackgrounds();
             } catch (error) {
                 handleError(error, '全体音量設定中にエラーが発生しました');
             }
         });
         
-        // 初期全体音量を5.0に設定
-        globalVolumeSlider.value = 5;
-        globalVolumeValue.textContent = '5.0';
-        
         // ループ設定変更時
         loopCheckbox.addEventListener('change', function() {
             try {
@@ -1423,7 +1386,7 @@
             
             sliders.forEach(slider => {
                 if (slider) {
-                    slider.style.backgroundImage = 'linear-gradient(#64ffda, #64ffda)';
+                    slider.style.backgroundImage = 'linear-gradient(#2d3d57, #2d3d57)';
                     slider.style.backgroundRepeat = 'no-repeat';
                 }
             });
@@ -1452,20 +1415,6 @@
         volumeSlider.value = video.volume;
         video.controls = false;
         initSliderBackgrounds();
-        
-        // 初期音量設定を適用
-        setTimeout(() => {
-            audioFiles.forEach(file => {
-                if (audioElements[file]) {
-                    const volumeSlider = document.querySelector(`.audio-slider[data-audio="${file}"]`);
-                    if (volumeSlider) {
-                        const value = parseFloat(volumeSlider.value);
-                        const globalVolume = parseFloat(globalVolumeSlider.value) / 10;
-                        audioElements[file].volume = value * globalVolume;
-                    }
-                }
-            });
-        }, 1000);
     });
 </script>
 </body>