Hugging Face's logo

Spaces:
soiz1
/
sing-song-player-3vx0f39v
Running

App Files Community
2
soiz1 commited on
Commit
73855c9
·
1 Parent(s): 315f0c3

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +44 -44
index.html CHANGED
@@ -808,7 +808,7 @@
808
  </div>
809
  </div>
810
  <h1>文化発表会音声動画プレイヤー</h1>
811
- <div class="settings">
812
  <h2>サービスワーカー設定</h2>
813
  <div hidden>
814
  <!--邪魔だから一時的に非表示-->
@@ -970,6 +970,49 @@
970
  </script>
971
  </div>
972
  <div class="container">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
973
  <div class="video-container" id="video-container">
974
  <!-- バッファリングインジケーター -->
975
  <div id="buffering-indicator">
@@ -1087,49 +1130,6 @@
1087
  <span>↑練習したいテンポを入力するとそのテンポの速さで再生するように再生速度スライダーを変更できます。
1088
  <br>楽譜に記載された「♪=」の横のテンポ(地球星歌は約92、地球星歌は約66)を基準に計算します。</span>
1089
  </div>
1090
- <div class="tech-decoration">
1091
- </div>
1092
- <div class="audio-controls">
1093
- <h2>音声コントロール</h2>
1094
- <span>自分のパートの音量を1、それ以外のパートの音量を0.4くらいにすると他のパートのタイミングを確認しながら練習できます。<br>
1095
- ※「ピアノ」と「全体」は他のパートと音がずれため、組み合わせて使用しないでください。</span>
1096
- <div class="audio-item">
1097
- <label>ピアノ　</label>
1098
- <input type="range" class="audio-slider" data-audio="p" min="0" max="1" step="0.01" value="0">
1099
- <span class="slider-value volume-value">0.00</span>
1100
- </div>
1101
- <div class="audio-item">
1102
- <label>ソプラノ</label>
1103
- <input type="range" class="audio-slider" data-audio="s" min="0" max="1" step="0.01" value="1">
1104
- <span class="slider-value volume-value">1.00</span>
1105
- </div>
1106
- <div class="audio-item">
1107
- <label>アルト　</label>
1108
- <input type="range" class="audio-slider" data-audio="a" min="0" max="1" step="0.01" value="1">
1109
- <span class="slider-value volume-value">1.00</span>
1110
- </div>
1111
- <div class="audio-item">
1112
- <label>テノール</label>
1113
- <input type="range" class="audio-slider" data-audio="t" min="0" max="1" step="0.01" value="1">
1114
- <span class="slider-value volume-value">1.00</span>
1115
- </div>
1116
- <div class="audio-item">
1117
- <label>全体(非推奨)</label>
1118
- <input type="range" class="audio-slider" data-audio="k" min="0" max="1" step="0.01" value="0">
1119
- <span class="slider-value volume-value">0.00</span>
1120
- </div>
1121
- <!-- 合成ボタンとステータス -->
1122
- <button class="combine-button" id="combine-button">音声を合成</button>
1123
- <div class="combine-status" id="combine-status">
1124
- </div>
1125
- </div>
1126
- <!-- プレビューセクション -->
1127
- <div class="preview-section" id="preview-section">
1128
- <h3 hidden>プレビュー</h3>
1129
- <p hidden>合成された音声をプレビューできます。再生ボタンをクリックして確認してください。</p>
1130
- <button class="control-button" id="preview-button" hidden>▶</button>
1131
- <span id="preview-time" hidden>00:00 / 00:00</span>
1132
- </div>
1133
  </div>
1134
  <!-- 全画面時のロックボタン -->
1135
  <button class="lock-controls-btn" id="lock-controls-btn" title="コントロールバーを固定">🔒</button>
 
808
  </div>
809
  </div>
810
  <h1>文化発表会音声動画プレイヤー</h1>
811
+ <div class="settings" hidden>
812
  <h2>サービスワーカー設定</h2>
813
  <div hidden>
814
  <!--邪魔だから一時的に非表示-->
 
970
  </script>
971
  </div>
972
  <div class="container">
973
+ <div class="audio-controls">
974
+ <h2>音声コントロール</h2>
975
+ <span>自分のパートの音量を1、それ以外のパートの音量を0.4くらいにすると他のパートのタイミングを確認しながら練習できます。<br>
976
+ ※「ピアノ」と「全体」は他のパートと音がずれため、組み合わせて使用しないでください。</span>
977
+ <div class="audio-item">
978
+ <label>ピアノ　</label>
979
+ <input type="range" class="audio-slider" data-audio="p" min="0" max="1" step="0.01" value="0">
980
+ <span class="slider-value volume-value">0.00</span>
981
+ </div>
982
+ <div class="audio-item">
983
+ <label>ソプラノ</label>
984
+ <input type="range" class="audio-slider" data-audio="s" min="0" max="1" step="0.01" value="1">
985
+ <span class="slider-value volume-value">1.00</span>
986
+ </div>
987
+ <div class="audio-item">
988
+ <label>アルト　</label>
989
+ <input type="range" class="audio-slider" data-audio="a" min="0" max="1" step="0.01" value="1">
990
+ <span class="slider-value volume-value">1.00</span>
991
+ </div>
992
+ <div class="audio-item">
993
+ <label>テノール</label>
994
+ <input type="range" class="audio-slider" data-audio="t" min="0" max="1" step="0.01" value="1">
995
+ <span class="slider-value volume-value">1.00</span>
996
+ </div>
997
+ <div class="audio-item">
998
+ <label>全体(非推奨)</label>
999
+ <input type="range" class="audio-slider" data-audio="k" min="0" max="1" step="0.01" value="0">
1000
+ <span class="slider-value volume-value">0.00</span>
1001
+ </div>
1002
+ <!-- 合成ボタンとステータス -->
1003
+ <button class="combine-button" id="combine-button">音声を合成</button>
1004
+ <div class="combine-status" id="combine-status">
1005
+ </div>
1006
+ </div>
1007
+ <div class="tech-decoration">
1008
+ </div>
1009
+ <!-- プレビューセクション -->
1010
+ <div class="preview-section" id="preview-section">
1011
+ <h3 hidden>プレビュー</h3>
1012
+ <p hidden>合成された音声をプレビューできます。再生ボタンをクリックして確認してください。</p>
1013
+ <button class="control-button" id="preview-button" hidden>▶</button>
1014
+ <span id="preview-time" hidden>00:00 / 00:00</span>
1015
+ </div>
1016
  <div class="video-container" id="video-container">
1017
  <!-- バッファリングインジケーター -->
1018
  <div id="buffering-indicator">
 
1130
  <span>↑練習したいテンポを入力するとそのテンポの速さで再生するように再生速度スライダーを変更できます。
1131
  <br>楽譜に記載された「♪=」の横のテンポ(地球星歌は約92、地球星歌は約66)を基準に計算します。</span>
1132
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1133
  </div>
1134
  <!-- 全画面時のロックボタン -->
1135
  <button class="lock-controls-btn" id="lock-controls-btn" title="コントロールバーを固定">🔒</button>