Update index.html

index.html

@@ -152,13 +152,13 @@
         }
 
         .asr-item input.role-field {
-            width: 100px;
+            width: 70px;
             padding: 5px;
             border: 1px solid #555;
             background-color: #444;
             color: #eaeaea;
             border-radius: 4px;
-            flex: 0 0 100px; /* 保持宽度固定为 100px */
+            flex: 0 0 70px; /* 保持宽度固定为 100px */
             text-align: center;
         }
 
@@ -347,11 +347,11 @@
                     您的浏览器不支持 video 标签。
                 </video>
 
-                <!-- 新增任务选择单选框 -->
+                <!-- 相关任务栏 -->
                 <div style="margin: 10px 0;">
-                    <label for="taskType">任务类型：</label>
-                    <label><input type="radio" name="task" value="transcribe" checked> 识别 (transcribe)</label>
-                    <label><input type="radio" name="task" value="translate"> 翻译 (translate)</label>
+                    <label>附加任务（勾选）：</label>
+                    <label><input type="checkbox" id="speakerRecognition"> 说话人识别</label>
+                    <label><input type="checkbox" id="englishTranslation"> 中英翻译</label>
                 </div>
 
                 <div class="buttons-container">
@@ -409,7 +409,8 @@
             }
 
             // 获取选择的任务类型
-            const taskType = document.querySelector('input[name="task"]:checked').value;
+            const speakerRecognition = document.getElementById('speakerRecognition').checked;
+            const englishTranslation = document.getElementById('englishTranslation').checked;
 
             document.getElementById('uploadBtn').disabled = true;
             document.getElementById('uploadBtn').innerText = '转写中...';
@@ -433,7 +434,8 @@
 
             const formData = new FormData();
             formData.append('file', file);
-            formData.append('task', taskType);  // 将任务类型添加到请求中
+            formData.append('speakerRecognition', speakerRecognition);  // 将说话人识别任务添加到请求中
+            formData.append('englishTranslation', englishTranslation);  // 将英文翻译任务添加到请求中
             xhr.send(formData);
         }
 
@@ -534,10 +536,12 @@
                         <input type="number" value="${entry.end.toFixed(1)}" step="0.1" min="0" class="end-time">
                     </div>
 
-                    <input type="text" value="说话人[${entry.role}]" placeholder="角色" class="role-field">
+                    <input type="text" value="${entry.role}" placeholder="角色" class="role-field">
 
                     <input type="text" value="${entry.text}" placeholder="文本" class="text-field">
 
+                    <input type="text" value="${entry.trans}" placeholder="翻译" class="trans-field">
+
                     <label>
                         <input type="checkbox" ${entry.drop ? 'checked' : ''}> 丢弃
                     </label>
@@ -545,7 +549,9 @@
 
                 const startInput = div.querySelector('.start-time');
                 const endInput = div.querySelector('.end-time');
+                const roleInput = div.querySelector('input.role-field');
                 const textInput = div.querySelector('input.text-field');
+                const transInput = div.querySelector('input.trans-field');
                 const dropCheckbox = div.querySelector('input[type="checkbox"]');
                 const playButton = div.querySelector('.play-button');
 
@@ -557,10 +563,18 @@
                     entry.end = parseFloat(endInput.value);
                 });
 
+                roleInput.addEventListener('input', () => {
+                    entry.role = roleInput.value;
+                });
+                
                 textInput.addEventListener('input', () => {
                     entry.text = textInput.value;
                 });
 
+                transInput.addEventListener('input', () => {
+                    entry.trans = transInput.value;
+                });
+
                 dropCheckbox.addEventListener('change', () => {
                     entry.drop = dropCheckbox.checked;
                 });
@@ -599,7 +613,7 @@
                     const start = formatTime(entry.start);
                     const end = formatTime(entry.end);
                     content += `${start} --> ${end}\n`;
-                    content += `${entry.text}\n\n`;
+                    content += `${entry.text}\n${entry.trans}\n\n`;
                 });
             }