feat: streamline arbitrary audio sources

apps/dataset-builder/index.html

@@ -37,7 +37,7 @@
               </label>
               <button class="button button--danger is-hidden" id="remove-image-button" type="button">이미지 해제</button>
               <label class="button button--ghost file-button">
-                오디오 추가
+                원본 오디오 연결
                 <input id="audio-input" type="file" accept="audio/*,.wav,.flac,.mp3,.ogg,.m4a" multiple />
               </label>
               <label class="button button--ghost file-button">
@@ -59,16 +59,22 @@
           <div class="source-strip-heading">
             <div>
               <h2>음원 ground truth</h2>
-              <p>카드를 선택한 뒤 canvas를 클릭해 위치를 지정합니다.</p>
+              <p>파일 음원은 선택 즉시 생성됩니다. 카드를 선택한 뒤 canvas를 클릭해 위치를 지정하세요.</p>
+            </div>
+            <div class="source-actions">
+              <button class="button button--ghost" id="add-source-button" type="button">+ 합성 음원</button>
+              <label class="button button--primary file-button">
+                + 오디오 파일 음원
+                <input id="audio-source-input" type="file" accept="audio/*,.wav,.flac,.mp3,.ogg,.m4a" multiple />
+              </label>
             </div>
-            <button class="button button--primary" id="add-source-button" type="button">+ 음원 추가</button>
           </div>
           <div class="source-strip" id="source-list" aria-label="음원 목록"></div>
 
           <section class="asset-shelf">
             <div>
               <h2>로컬 assets</h2>
-              <p>원본 파일은 업로드되지 않습니다. Camera에서 JSON과 함께 같은 파일을 선택하세요.</p>
+              <p>원본은 업로드되지 않고 브라우저에서만 처리됩니다. PCM WAV를 권장하며, 다른 codec 지원은 환경에 따라 다릅니다.<br />Scene을 다시 불러온 뒤에는 위의 <strong>원본 오디오 연결</strong>에서 같은 파일을 선택하세요.</p>
             </div>
             <div class="asset-list" id="asset-list"></div>
           </section>